Web-разработка для старшеклассников: HTML, CSS и JavaScript

Web-разработка для старшеклассников: HTML, CSS и JavaScript

О курсе

Ваш ребенок может стать настоящими архитекторами цифрового мира. Зачем ждать, когда можно уже сейчас начать погружение в профессию, что станет мощным заделом для успешной взрослой жизни.

Пока друзья увлечены компьютерными играми и сериалами, ваш ребёнок с нуля научится самостоятельно создавать сайты и приложения. Без стресса, в комфортной обстановке, без поездок к месту обучения.

Скучно не будет! Обучение предполагает увлекательные уроки и интересные проекты. Учёба не превращается в залипание над книгами, на курсе ждут только пошаговые инструкции и их отработка на практике.

Программа

  • Погружение в мир сайтов. Что скрывается за буквами HTML

    Первый код на HTML

    Заголовки. Абзацы. Форматирование

  • Секреты языка HTML: как добавить волшебство на страницы?

    Списки

    Картинки

    Ссылки

    Основные теги структурирования страницы

    < header > — верхняя часть страницы

    Таблицы

    Домашнее задание № 1

  • Создаём главную страницу мечты. Стили и магия CSS

    Селектор тегов

    Селектор идентификаторов

    Селектор классов

    Комбинирование селекторов

  • CSS: как сделать элементы сайта идеальными? Отступы и поля

    Псевдоклассы и Псевдоэлементы

    Специальные цвета

    Прозрачность

    Цвет фона

    Размеры

    Отступы и поля

    Центрирование

    Границы

    Свойство float

  • Мастер выравнивания: аккуратные страницы с CSS

    Выравнивание с FlexBox Layout. flex-wrap. justify-content. align-content. align-items.

    Добавление стилей к сайту «Выручай Школа»

    Домашнее задание № 2

  • JavaScript на страже сайта: переменные и команды

    Введение в JavaScript

    Средства разработчика

    Переменные

    Арифметические операторы JavaScript

    Document Object Model

    Текстовые поля

    Кнопки

    linear-gradient

    cursor: стиль курсора мыши

    Взаимодействие с элементами

  • Функции и события: прокачиваем калькулятор с JavaScript

    Функции

    События

    Поиск ошибок

    Логический тип

    Операторы сравнения

    Условные конструкции

    Конструкция If

    Конструкция switch/case/default

    Логические операторы

    Конъюнкция и дизъюнкция

    Отрицание

    Доработка калькулятора

    Домашнее задание № 3

  • Циклы как в калейдоскопе. Оживляем сайт с помощью Math

    While. For. Math в JavaScript

    Генерация случайного числа в диапазоне

    Создание элементов

    Изменение стилевых свойств элементов

  • Подготовка к большому тесту: как организовать данные

    Словари

    Массивы

    Комбинирование структур

    Использование кавычек и апострофов в JavaScript

    Заготовки к созданию теста

  • Квиз-турнир: проверь свои знания собственным тестом

    Разметка страницы

    Массив с вопросами и ответами

    Переменные для текущего вопроса и счета

    Функция для перемешивания элементов массива

    Функция для отображения текущего вопроса и вариантов ответов

    Функция для проверки ответа и перехода к следующему вопросу

    Функция для отображения результата теста

    Запуск теста

    Домашнее задание № 4

  • Превращаем экран в холст: инструменты для рисования на сайте

    Тег < label >

    Элементы формы < input type="range" > и < input type="color" >

    Тег < canvas >

  • Финальные штрихи: как закончить и сохранить свой шедевр

    Основы взаимодействия с < canvas > и JavaScript

    Написание кода JavaScript для страницы «Рисовалка»

    Переменные для рисования

    Функции рисования

    События мыши для рисования

    Обновление индикатора текущего цвета

    Обновление ссылки для скачивания

    Создание кнопок выбора цвета

    Кнопка ластика и кнопка очистки холста

    Кнопка для своего цвета

    Запуск кода

    Домашнее задание № 5. Итоговый проект

Авторы курса

  • Фото автора

    Елена Лаврухина

    Преподаватель курсов по разработке игр, приложений на Python и веб-разработке в Учебном Центре № 1.

  • Фото автора

    Илья Нижник

    Преподаватель Учебного Центра № 1. Студент Московского Технического Института Связи и Информатики.

Для кого

  • Для подростков 11-16 лет, готовых окунуться в мир web-разработки
  • Для тех, кто хочет не просто играть в игры, а создавать их
  • Для мечтателей и новаторов, желающих научиться программировать

Результаты обучения

  • Погрузитесь в мир веб-разработки

    Познакомитесь с основополагающими принципами и последними тенденциями этой динамично развивающейся сферы.

  • Начнёте разбираться в оформлении сайтов

    Научитесь создавать впечатляющие сайты и приложения, которые будут выделяться на фоне остальных.

  • Самостоятельно реализуете проект

    В качестве финального проекта создадите многостраничный сайт с собственным дизайном.

Как проходит обучение

  • Обучение по субботам

    Курс из 12 занятий по 2 часа по расписанию, завершается итоговым проектом и выдачей электронного свидетельства.

  • Онлайн-занятия

    За день до старта курса вы получите письмо с данными для входа на сайт Учебного центра  1 и ссылками для подключения к занятиям. Нужны только компьютер и доступ в интернет.

  • Практические задания

    Выполняете практические задания на уроках, общаетесь c преподавателем и задаёте вопросы на занятиях.

Стоимость курса

{{ numberWithSpaces(price) }} ₽
{{ numberWithSpaces(oldPrice) }} ₽