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
• Основы работы с медиазапросами: как настраивать стили в зависимости от ширины экрана, разрешения устройства и других параметров.
• Практическое использование медиазапросов
• Создание адаптивного макета для различных устройств: изменение размера шрифтов, расположение блоков, скрытие или отображение элементов в зависимости от ширины экрана.