1 занятие: Введение. Основы HTML, CSS.
- Что такое веб-разработка? Какие задачи она решает?
- Краткая история веб-индустрии
- HTML, CSS, JS
- Первая веб-страничка
Дети познакомятся с основами веб-разработки и сделают первую веб-страницу, настраивая стили и оформление.
2 занятие: Работа с тегами HTML.
1 занятие
- Что такое веб-разработка? Какие задачи она решает?
- Краткая история веб-индустрии
- HTML, CSS, JS
- Первая веб-страничка
Дети познакомятся с основами веб-разработки и сделают первую веб-страницу, настраивая стили и оформление.
2 занятие
- Основные Html-Теги : Body Head Title
- Теги заголовков и абзацев, тег div
- Тег link
Ученики знакомятся со свойствами тегов и настраивают веб-страницу, применяя теги отступов и стилей.
3 занятие
- Каскадные таблицы стилей или CSS
- Свойства font-family и font-size, max-width, height, margin — внешний отступ, padding — внутренний отступ, box-sizing — модель отображения отступов
- Знакомство с инструментом для выбора цвета в браузере.
- Что такое веб-инспектор и как его открыть
Ученики настраивать стили по заданию учителя и оформляют веб-страницу.
4 занятие
- Выбор цветовой схемы
- Настройка теней
- Свойство border, transition, display: inline-block.
- Работа с сервисом https://github.com
Дети учатся настраивать цветовую гамму (схему) сайта, использовать тени в оформлении и эффектах, настраивать блоки div и работать с сервисом github, чтобы публиковать для общего доступа свои разработки.
3 занятие: Введение. Основы HTML, CSS.
1 занятие
- Что такое веб-разработка? Какие задачи она решает?
- Краткая история веб-индустрии
- HTML, CSS, JS
- Первая веб-страничка
Дети познакомятся с основами веб-разработки и сделают первую веб-страницу, настраивая стили и оформление.
2 занятие
- Основные Html-Теги : Body Head Title
- Теги заголовков и абзацев, тег div
- Тег link
Ученики знакомятся со свойствами тегов и настраивают веб-страницу, применяя теги отступов и стилей.
3 занятие
- Каскадные таблицы стилей или CSS
- Свойства font-family и font-size, max-width, height, margin — внешний отступ, padding — внутренний отступ, box-sizing — модель отображения отступов
- Знакомство с инструментом для выбора цвета в браузере.
- Что такое веб-инспектор и как его открыть
Ученики настраивать стили по заданию учителя и оформляют веб-страницу.
4 занятие
- Выбор цветовой схемы
- Настройка теней
- Свойство border, transition, display: inline-block.
- Работа с сервисом https://github.com
Дети учатся настраивать цветовую гамму (схему) сайта, использовать тени в оформлении и эффектах, настраивать блоки div и работать с сервисом github, чтобы публиковать для общего доступа свои разработки.
1 модуль: Введение. Основы HTML, CSS.
1 занятие
- Что такое веб-разработка? Какие задачи она решает?
- Краткая история веб-индустрии
- HTML, CSS, JS
- Первая веб-страничка
Дети познакомятся с основами веб-разработки и сделают первую веб-страницу, настраивая стили и оформление.
2 занятие
- Основные Html-Теги : Body Head Title
- Теги заголовков и абзацев, тег div
- Тег link
Ученики знакомятся со свойствами тегов и настраивают веб-страницу, применяя теги отступов и стилей.
3 занятие
- Каскадные таблицы стилей или CSS
- Свойства font-family и font-size, max-width, height, margin — внешний отступ, padding — внутренний отступ, box-sizing — модель отображения отступов
- Знакомство с инструментом для выбора цвета в браузере.
- Что такое веб-инспектор и как его открыть
Ученики настраивать стили по заданию учителя и оформляют веб-страницу.
4 занятие
- Выбор цветовой схемы
- Настройка теней
- Свойство border, transition, display: inline-block.
- Работа с сервисом https://github.com
Дети учатся настраивать цветовую гамму (схему) сайта, использовать тени в оформлении и эффектах, настраивать блоки div и работать с сервисом github, чтобы публиковать для общего доступа свои разработки.
2 модуль: Создание фотогалереи.
1 занятие
- Свойство flex-wrap
- Функции calc
- Классы с background-color
На занятии дети учатся настраивать текст и другие объекты веб-страницы, чтобы они переносились на другую строку в определенном порядке, а также вычислять в процентах размеры контейнеров, настраиваю фоновый цвет страницы или объекта.
2 занятие
- Добавление изображений в галерею
- Ширина и отступы для заголовков галереи через таблицу стилей
- Работа со шрифтами Google
- Многоколоночная сетка
Дети учатся создавать галерею, работать со шрифтами разной гарнитуры, создавать сетку для расположения объектов и добавлять изображения в галерею.
3 занятие
- Псевдо-класс hover.
- Свойство opacity
- Свойство z-index
Дети учатся настраивать кнопки и элементы веб-дизайна, которые меняют цвет, прозрачность при наведении мышки на них, а также отобрать объекты сверху других.
4 занятие
Media-запросы при настройке стилей
- Запись медиа-запросов для разных экранов
Дети учатся настраивать отображение элементов веб-дизайна в зависимости от размеров экрана пользователя, создавая “адаптивный” дизайн сайта, который будет разным при просмотре на смартфоне, планшете и ноутбуке или настольном компьютере.
3 модуль: Photoshop шаблоны и окончательная настройка сайта
1 занятие
- Инструмент «Линейка» для измерения высоты меню
- Создание интерфейса в Фотошоп
- Flex-отображение блоков
- Настройка блочно-строчного отображения и шрифта у ссылок
- Подключение шрифт Google, выбор иконки для поиска
Дети учатся создавать и настраивать шаблоны элементов дизайна через Photoshop.
2 занятие
- Стилизация поиска и шрифта
Отключение синей обводки при фокусе поиска
Стилизация контент хедера
- Использование инструкции switch
Дети настраивают оформление поиска и шрифтов окна поиска, поля хедера и создают адаптивный дизайн веб-страницы.
3 занятие
- Плавность анимации
- Эффект при наведении ссылок
- Эффект при фокусе поиска
Дети настраивают эффекты анимации и ее плавность при действиях пользователя, просматривающего веб-страницу.
4 занятие
- Увеличение элементов при наведении
- Работа с на сайт flaticon.com и поиск нужного изображения в svg-формате
- Настройка эффекта скролла у меню
- Публикация сайта на гитхабе
Дети настраивают полностью оформление сайта и иконки сайта и публикуют его в интернете на ресурсе github.com.
1 модуль: Введение. Основы HTML, CSS.
1 занятие
- Что такое веб-разработка? Какие задачи она решает?
- Краткая история веб-индустрии
- HTML, CSS, JS
- Первая веб-страничка
Дети познакомятся с основами веб-разработки и сделают первую веб-страницу, настраивая стили и оформление.
2 занятие
- Основные Html-Теги : Body Head Title
- Теги заголовков и абзацев, тег div
- Тег link
Ученики знакомятся со свойствами тегов и настраивают веб-страницу, применяя теги отступов и стилей.
3 занятие
- Каскадные таблицы стилей или CSS
- Свойства font-family и font-size, max-width, height, margin — внешний отступ, padding — внутренний отступ, box-sizing — модель отображения отступов
- Знакомство с инструментом для выбора цвета в браузере.
- Что такое веб-инспектор и как его открыть
Ученики настраивать стили по заданию учителя и оформляют веб-страницу.
4 занятие
- Выбор цветовой схемы
- Настройка теней
- Свойство border, transition, display: inline-block.
- Работа с сервисом https://github.com
Дети учатся настраивать цветовую гамму (схему) сайта, использовать тени в оформлении и эффектах, настраивать блоки div и работать с сервисом github, чтобы публиковать для общего доступа свои разработки.
2 модуль: Создание фотогалереи.
1 занятие
- Свойство flex-wrap
- Функции calc
- Классы с background-color
На занятии дети учатся настраивать текст и другие объекты веб-страницы, чтобы они переносились на другую строку в определенном порядке, а также вычислять в процентах размеры контейнеров, настраиваю фоновый цвет страницы или объекта.
2 занятие
- Добавление изображений в галерею
- Ширина и отступы для заголовков галереи через таблицу стилей
- Работа со шрифтами Google
- Многоколоночная сетка
Дети учатся создавать галерею, работать со шрифтами разной гарнитуры, создавать сетку для расположения объектов и добавлять изображения в галерею.
3 занятие
- Псевдо-класс hover.
- Свойство opacity
- Свойство z-index
Дети учатся настраивать кнопки и элементы веб-дизайна, которые меняют цвет, прозрачность при наведении мышки на них, а также отобрать объекты сверху других.
4 занятие
Media-запросы при настройке стилей
- Запись медиа-запросов для разных экранов
Дети учатся настраивать отображение элементов веб-дизайна в зависимости от размеров экрана пользователя, создавая “адаптивный” дизайн сайта, который будет разным при просмотре на смартфоне, планшете и ноутбуке или настольном компьютере.
3 модуль: Photoshop шаблоны и окончательная настройка сайта
1 занятие
- Инструмент «Линейка» для измерения высоты меню
- Создание интерфейса в Фотошоп
- Flex-отображение блоков
- Настройка блочно-строчного отображения и шрифта у ссылок
- Подключение шрифт Google, выбор иконки для поиска
Дети учатся создавать и настраивать шаблоны элементов дизайна через Photoshop.
2 занятие
- Стилизация поиска и шрифта
Отключение синей обводки при фокусе поиска
Стилизация контент хедера
- Использование инструкции switch
Дети настраивают оформление поиска и шрифтов окна поиска, поля хедера и создают адаптивный дизайн веб-страницы.
3 занятие
- Плавность анимации
- Эффект при наведении ссылок
- Эффект при фокусе поиска
Дети настраивают эффекты анимации и ее плавность при действиях пользователя, просматривающего веб-страницу.
4 занятие
- Увеличение элементов при наведении
- Работа с на сайт flaticon.com и поиск нужного изображения в svg-формате
- Настройка эффекта скролла у меню
- Публикация сайта на гитхабе
Дети настраивают полностью оформление сайта и иконки сайта и публикуют его в интернете на ресурсе github.com.
1 модуль: Введение в язык С#.
1 занятие
- Введение в С#.
- Использование языка С# при программировании игр.
- Создание исполняемого файла.
2 модуль: Типы, переменные, стандартный ввод-вывод.
1 занятие
- Объявление и инициализация переменных.
- Присваивание значений переменным.
2 занятие
- Инициализация переменных.
- Отображение значений переменных .
- Получение пользовательского ввода.
- Определение новых имен для типов .
- Типы, которые следует использовать .
3 занятие
- Выполнение арифметических операций с применением переменных .
- Изменение значения переменной.
- Использование операторов инкремента и декремента.
- Работа с целыми числами.
4 занятие
- Работа с константами.
- Использование констант.
- Работа с вещественными числами.
- Вывод данных.
3 модуль: Условные операторы. Цикл.
1 занятие
- Понятие об истине.
- Использование инструкции if .
- Проверка условий true и false .
- Интерпретация значения как истинного или ложного.
2 занятие
- Работа с реляционными операторами .
- Вложение инструкций if .
- Работа с условием else .
- Использование последовательности инструкций с помощью условий else .
- Создание последовательности инструкций if с применением условий else.
- Использование инструкции switch.
3 занятие
- Создание цикла while (true).
- Использование инструкции break для выхода из цикла.
- Использование инструкции continue для перехода.
4 занятие
- Когда следует использовать инструкции break и continue .
- Использование логических операторов .
- Использование логического оператора «И».
- Использование логического оператора «ИЛИ».
5 занятие
- Использование логического оператора «НЕ».
- Понятие о порядке операций.
- Генерирование случайных чисел .
- Посев генератора случайных чисел.
- Понятие об игровом цикле.
- Применение игрового цикла.
- Установка игровых параметров.
- Создание игрового цикла.
- Завершение игры
4 модуль: Циклы for, строки и массивы.
1 занятие
- Использование циклов for.
- Подсчеты с помощью циклов for .
- Использование пустых инструкций в циклах for.
- Вложение циклов for.
2 занятие
- Работа со строковыми объектами.
- Создание строковых объектов.
- Конкатенация строковых объектов.
- Перебор символов в объектах String.
5 модуль: Массивы.
1 занятие
- Работа с одномерными массивами.
- Создание массивов .
- Индексация массивов .
- Обращение к функциям-членам элемента массива.
2 занятие
- Использование многомерных массивов.
- Создание многомерных массивов .
- Индексация многомерных массивов .
6 модуль: Функции.
1 занятие
- Знакомство с функциями.
- Работы с функциями.
2 занятие
- Использование алгоритмов .
- Подготовка к использованию алгоритмов.
- Планирование программ.
- Пошаговое усовершенствование программы.
- Подготовка программы.
7 модуль: Индивидуальный проект.
1 занятие
- Работа на своим проектом.
2 занятие
- Презентация своего проекта.