Дистанционное обучение. Сеть школ робототехники и цифровых технологий "РосРобот"

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 занятие 

  • Презентация своего проекта.
Записаться на занятия


    Политика конфиденциальности

    ×
    Заказать звонок!


      Политика конфиденциальности

      ×
      Заказать телефонный звонок!


        Политика конфиденциальности

        ×
        Записаться на занятия


          ×
          Записаться на занятия


             

            ×
            Оставить заявку


              ×
              Заказать звонок


                Политика конфиденциальности

                ×