ОАП
Состав курса
Основная инфографика
-
Scratch
Студенты изучают основы программирования через визуальный язык Scratch, создавая игры, анимации и интерактивные проекты без необходимости писать код. -
Python
Студенты изучают основы программирования на Python, создавая простые программы, решая задачи, а также знакомятся с языком. -
HTML/CSS/JS
Студенты изучают веб-разработку: создают структуру страниц с использованием HTML, стилизуют их с помощью CSS, а также добавляют интерактивность с помощью JavaScript. -
Проекты
После освоения основ программирования, студенты интегрируют все полученные знания в комплексный проект, создавая сайты, игры и другие проекты -
Tilda
Студенты учатся создавать сайты и веб-страницы с использованием конструктора Tilda, осваивая основы веб-дизайна и функциональных элементов
Навыки за период обучения
За период обучения учащиеся приобретают полезные навыки
- 100%
Логическое мышление
- 100%
Решение задач
- 100%
Базовые компьютерные навыки
Участие в конкурсах
Каждый ученик принимает участие в различных общих и международных конкурсах по программированию, которые дают сертификат или диплом с определенным местом.
План курса
Как устроен порядок изучения дисциплин
Scratch — это визуальный язык программирования, предназначенный для новичков, который позволяет создавать интерактивные истории, игры и анимации, используя блоки вместо текста. Этот раздел познакомит студентов с основами программирования через Scratch и научит создавать простые проекты.
Основные темы:
Основные темы:
- Знакомство с интерфейсом Scratch: Обзор рабочего пространства Scratch, панелей инструментов и блоков. Как начать новый проект, работать с спрайтами, фонами и звуками.
- Блоки команд: Введение в основные блоки Scratch: движение, внешний вид, звук и управление. Примеры создания простых анимаций.
- Циклы и условия: Работа с циклами ("повторять") и условиями ("если"). Задания, которые позволяют создавать интерактивные элементы.
После освоения базовых блоков, этот блок поможет студентам углубить свои знания, научив использовать более сложные инструменты для создания игр и анимаций.
Основные темы:
Основные темы:
- Переменные и их использование: Создание переменных для хранения данных (например, счётчика очков или времени). Пример: игра с набором очков.
- Обработчики событий: Использование событий, таких как клик мыши или касание спрайта, для управления игровыми процессами.
- Продвинутые циклы и условия: Создание сложных циклов и условий для динамичных и интерактивных программ.
Python — это популярный язык программирования, известный своей простотой и читабельностью. Этот блок научит студентов основам Python и предоставит основы для создания более сложных программ.
Основные темы:
Основные темы:
- Что такое Python и как настроить среду разработки?: Введение в язык программирования Python, установка среды разработки (PyCharm или VS Code) и знакомство с интерпретатором Python.
- Переменные и типы данных: Работа с переменными, строками, числами и списками. Примеры простых программ для вычислений и обработки данных.
- Операции с данными: Как выполнять базовые операции с переменными: сложение, вычитание, умножение, деление. Пример: программа для вычисления площади круга.
Этот блок поможет студентам глубже понять, как работает логика программирования, научит использовать условия и циклы для создания более сложных программ.
Основные темы:
Основные темы:
- Условия if, elif, else: Как использовать условные операторы для принятия решений в программе. Пример: программа, которая проверяет, является ли число чётным или нечётным.
- Циклы for и while: Как использовать циклы для выполнения повторяющихся действий. Пример: программа, которая выводит все числа от 1 до 100.
- Логические операторы: Знакомство с операторами сравнения и логическими операторами (and, or, not) для создания сложных условий.
Функции позволяют организовать код в небольшие независимые блоки. Этот блок научит студентов создавать функции и использовать модули для упрощения программ.
Основные темы:
Основные темы:
- Что такое функции?: Введение в создание функций с использованием ключевого слова def. Примеры простых функций для выполнения вычислений или вывода данных.
- Параметры и возвращаемые значения: Как передавать данные в функцию и возвращать результаты из функции. Пример: создание функции для нахождения наибольшего числа в списке.
- Использование модулей: Как подключать внешние модули, например, для работы с датой или математическими операциями. Пример: использование модуля math для вычислений.
Tilda — это конструктор сайтов, который позволяет создать красивые и функциональные веб-страницы без необходимости писать код. В этом блоке студенты научатся основам работы с Tilda и создадут свой первый сайт.
Основные темы:
Основные темы:
- Знакомство с интерфейсом Tilda: Создание аккаунта и создание первого проекта. Обзор рабочего пространства, панелей и блоков.
- Основные типы блоков: Как добавить текстовые, медийные и интерактивные блоки на сайт. Пример: создание одностраничного сайта с текстами и изображениями.
- Работа с блоками: Настройка и редактирование блоков: изменение цветов, шрифтов, выравнивание элементов.
В этом блоке студенты научатся использовать более сложные функции Tilda, такие как создание многостраничных сайтов и работа с формами.
Основные темы:
Основные темы:
- Многостраничные сайты: Как создавать несколько страниц на одном проекте и связывать их с помощью меню и ссылок.
- Формы и их настройка: Создание форм для сбора данных (например, форма обратной связи, подписка на рассылку). Как настроить отправку данных на электронную почту.
- Интеграция с внешними сервисами: Знакомство с возможностями интеграции с другими сервисами (например, Google Sheets, MailChimp) для работы с данными.
HTML — это язык разметки, который используется для создания структуры веб-страницы. В этом блоке студенты научатся основам HTML и разметки.
Основные темы:
Основные темы:
- Что такое HTML?: Знакомство с HTML как языком разметки и его ролью в создании веб-страниц. Основы структуры документа: теги <html>, <head>, <body>.
- Основные HTML-теги: Знакомство с тегами для заголовков, параграфов, изображений, ссылок, списков и других элементов.
- Создание базовой страницы: Написание простой HTML-страницы с текстом, изображениями и ссылками.
CSS (Cascading Style Sheets) — это язык стилей, который используется для оформления и стилизации HTML-страниц, добавляя визуальные эффекты, цвета, шрифты и расположение элементов. В этом блоке студенты научатся основам работы с CSS и узнают, как улучшить внешний вид своих веб-страниц.
Основные темы:
Основные темы:
- Что такое CSS и как применяются стили?
- Введение в синтаксис CSS: как подключать стили к HTML-документам, различные способы подключения (встроенные, внутренние и внешние стили). Основные селекторы: по тегам, классам, идентификаторам.
- Стилизация текста и фонов
- Основы стилизации текста: шрифты, размеры, жирность, цвет. Как изменять фон страницы и отдельных элементов: цвета, изображения, градиенты.
- Позиционирование элементов
- Работа с позиционированием элементов на странице: static, relative, absolute, fixed. Изучение таких методов, как Flexbox и Grid для создания гибких и адаптивных макетов.
- Студенты применяют CSS для стилизации веб-страницы, изменяя шрифты, добавляя фоны и выравнивая элементы. Важно сделать страницу привлекательной и удобной для пользователя.
Адаптивный дизайн (Responsive Design) — это подход к созданию веб-страниц, который позволяет им корректно отображаться на различных устройствах: от мобильных телефонов до больших экранов. В этом блоке студенты научатся использовать медиазапросы для создания адаптивных веб-страниц.
Основные темы:
Основные темы:
- Что такое адаптивный дизайн?
- Введение в концепцию адаптивности: что такое медиазапросы и почему они необходимы для создания сайтов, которые хорошо смотрятся на всех устройствах.
- Медиазапросы в CSS
- Основы работы с медиазапросами: как настраивать стили в зависимости от ширины экрана, разрешения устройства и других параметров.
- Практическое использование медиазапросов
- Создание адаптивного макета для различных устройств: изменение размера шрифтов, расположение блоков, скрытие или отображение элементов в зависимости от ширины экрана.