На этом курсе начинают с основ. Сначала студенты знакомятся с группой и лектором, разбирают организационные моменты и устанавливают основной инструмент - Visual Studio Code. Затем переходят к изучению HTML: разбирают структуру документа, основные теги, ссылки и навигацию.
Далее курс охватывает работу с таблицами и формами. Студенты учатся создавать разнообразные формы для сайтов и оформлять табличные данные. Также рассматривают работу с изображениями и другими HTML-тегами.
После HTML курс переходит к CSS. Здесь объясняют, что такое каскадные таблицы стилей, способы их подключения, селекторы и основные свойства. Студенты учатся работать со шрифтами, типографикой и фоном страницы.
Этот блок посвящен псевдоклассам, приоритету в CSS и отличиям между блоками и строками. Рассматривают тень элементов, скругление углов и градиенты. Особое внимание уделяют оформлению HTML-форм и работе с векторными иконками.
Студенты изучают Flexbox - современный инструмент для создания гибких макетов. Затем переходят к layouts, медиа-запросам и верстке под мобильные устройства. Завершают блок анимацией, трансформацией элементов и CSS Grid.
Курс знакомит с фронтенд-фреймворком Twitter Bootstrap, его сеткой и компонентами. Также рассматривают другие CSS-библиотеки. Два занятия посвящены практической работе с шаблонами Figma, где студенты закрепляют полученные навыки.
Второй раздел курса начинается с основ JavaScript. Студенты узнают о назначении языка, интеграции JS в HTML и работе с переменными. Далее рассматривают типы данных, основные методы и вывод информации на экран.
Этот блок охватывает выражения, операторы и условные конструкции if...else, switch-case и ternary. Студенты учатся работать с циклами while, do...while и for-loop. Также изучают массивы, функции, объекты и их методы.
Третий раздел посвящен DOM - модели документа. Студенты обучаются получать доступ к элементам страницы, манипулировать HTML-атрибутами и разметкой. Рассматривают библиотеку jQuery и подключение готовых плагинов.
Продолжают изучение DOM: детально разбирают селекторы, фильтры и работу с атрибутами. Особое внимание уделяют событиям DOM, их распространению и делегированию. Студенты учатся создавать и вставлять элементы в DOM, оптимизируя использование ресурсов браузера. Два практических занятия позволяют закрепить эти навыки.
Четвертый раздел охватывает Web APIs. Студенты изучают хранение данных в браузере через cookies и Web Storage API. Детально рассматривают AJAX, HTTP-протоколы, XMLHttpRequest и работу с JSON. Практическое занятие посвящено работе с API и другим средствам сетевых запросов.
Завершает курс практическое занятие по написанию фронтенд-проекта. Также студенты получают занятие по английскому языку для профессионального роста и карьерную консультацию с рекрутером, который поможет составить эффективное резюме.
Курс состоит из 45 занятий по 1,5 часа, где 80% времени посвящено практике. Студенты получают доступ ко всем материалам - презентациям, чек-листам и записям лекций. Обучение проходит в небольших группах с поддержкой опытного ментора. После успешного завершения выдается сертификат, а лучшие студенты имеют возможность получить контракт с IT-компанией.