Иннополис

Курс по основам WEB-разработки для 6–11 классов

  • Сертификат: Есть
  • Формат: Online
  • Язык: Русский
  • Осталось мест: не ограничено
Записаться

Курс по основам WEB-разработки для 6–11 классов

Курс для тех, кто хочет научиться создавать собственные веб-страницы, познакомитьсяс вёрсткой, дизайном и другими темами!

Для кого:
12-17 лет
ученик средней или старшей школы
интересуется процессом создания сайтов, тем, как они работают
знаком с браузером, возможно совершал попытки самостоятельного изучения HTML и CSS
в будущем планирует стать веб-разработчиком/веб-дизайнером или в целом ищет свое направление в IT

Компетенции:
  1. На протяжении всего курса посвященного данному языку программирования, школьники работают с различными библиотеками и фреймворками, изучают множество типов данных, объектов, функций, массивов, работают с практическими задачами, в том числе и теми, которые могут встретиться на техническом интервью. Также мы разбираемся с тем, как же всё таки работает наш браузер и учимся создавать полностью рабочие формы в связке Html+Js, ну и конечно же добавляем JS к своему собственному многостраничному проекту.

Построй траекторию прямо сейчас и получи скидку на первый месяц

Программа обучения
  • Введение в HTML
    • знакомство с html
    • форматирование текста
    • семантические теги
    • сайт электронная газета
  • Таблицы в HTML
    • основы таблиц
    • группировка ячеек
    • первое знакомство с CSS
    • прайс-лист для сайта
  • Основы CSS
    • селекторы, группировка, вложенность
    • основы блочной верстки
    • границы и отступы
    • сайт-визитка
  • формы в HTML
    • основы создания форм
    • расширенные возможности форм
    • фоновые картинки
    • сайт-визитка 2.0
  • Продвинутый CSS
    • псевдоклассы и псевдоэлементы
    • трансформации элементов
    • сложные селекторы
    • переменные в CSS
  • Анимации в CSS
    • знакомство с анимациями
    • сложные анимации
    • анимация светящегося текста
    • создание анимированной галереи
  • Флексбоксы
    • знакомство с flexbox
    • расширенные возможности flexbox
    • интернет-магазин часть1
    • интернет-магазин часть 2
  • адаптивная и отзывчивая верстка
    • отзывчивая верстка
    • адаптивная верстка
    • позиционирование
    • публикация сайта на хостинге
  • Введение в JavaScript
    • первый скрипт
    • работа с консолью
    • переменные и типы данных
    • простой калькулятор
  • Условия
    • конструкция if else
    • else if и сложные условия
    • конструкция switch-case
    • приключения рыцаря
  • Циклы
    • цикл while
    • цикл for
    • инструкции break и continue
    • найди кролика
  • Функции и массивы
    • знакомство с функциями
    • знакомство с массивами
    • методы массивов
    • крестики-нолики
  • Работа с DOM
    • получение DOM элементов
    • изменение CSS свойств в JS
    • Создание DOM элементов, работа с таймерами
    • Фрут ниндзя
  • Работа с Canvas
    • знакомство с Canvas
    • трансформации и прозрачность
    • Canvas анимация
    • новогодний сайт
  • jQuery
    • знакомство с JQuery
    • события и селекторы JQuery
    • анимации JQuery
    • список дел
  • ООП
    • Объекты и конструкторы объектов
    • Классы
    • Наследование
    • расчет зарплаты