На этом курсе начинают с фундаментальных понятий. Студенты узнают, что такое сайты и веб-страницы, разбирают клиент-серверную архитектуру. Они сравнивают разные подходы к отображению контента - на стороне клиента и сервера. Уже на первых занятиях настраивают рабочее окружение для дальнейшей работы.
Студенты изучают стандарты W3C и базовую структуру HTML-документа. Они осваивают основные теги и атрибуты, включая современные теги HTML5. Особое внимание уделяется созданию форм и работе с элементами input, button, span, label, img, table, a. На практике используют консоль разработчика и создают первый проект в системе контроля версий GIT.
Этот блок охватывает полный спектр технологий CSS. Студенты изучают селекторы, их вес и наследование стилей. Они осваивают работу с величинами, форматированием текста и блочно-строчными элементами. Рассматривают резиновую и адаптивную верстку, свойства ширины и высоты. Практикуются с плавающими элементами, позиционированием и наложением. Изучают свойства фона, границ, стилизацию списков и форм. Отдельно разбирают псевдоклассы, специфические селекторы и псевдоэлементы. Завершают модуль работой с адаптивной версткой, Bootstrap и препроцессорами.
Студенты начинают с основ языка - переменных, типов данных и функций. Они разбирают аргументы функций, область видимости и операторы сравнения. Затем переходят к более сложным темам: объекты, методы, массивы и циклы. Изучают рекурсию, замыкания, таймеры и современные подходы к асинхронному программированию через Promise, async/await и AJAX. Знакомятся с обработкой ошибок через try/catch и стратегиями работы с ошибками.
Этот модуль посвящен взаимодействию JavaScript с веб-страницами. Студенты изучают объекты BOM, навигацию и нативную работу с DOM. Они осваивают DOM-селекторы, добавление и удаление узлов. Особое внимание уделяется работе с событиями - мыши, клавиатуры, scroll, load, ready и кастомными событиями.
Студенты углубляются в теорию ООП и парадигмы программирования. Они изучают классы, методы, свойства, геттеры и сеттеры. Разбирают основные принципы ООП: абстракцию, наследование, полиморфизм и инкапсуляцию. На практике закрепляют знания через архитектурные паттерны MVC и MVP, а также знакомятся с фреймворком Backbone.
Этот модуль охватывает современный стек инструментов веб-разработчика. Студенты устанавливают и настраивают Node JS, знакомятся с Gulp. Изучают различные виды тестирования и инструменты для их реализации - Karma и Jasmine. Отдельно рассматривают методологию Scrum для организации работы над проектами.
Студенты осваивают популярную библиотеку React - от установки и настройки до создания сложных приложений. Они изучают компоненты, их типы (классовые и функциональные), работу с State/Props/Hooks и роутинг. На серверной стороне работают с NodeJS, изучают основные модули и фреймворк Express. Разбирают роутинг, работу с body запросами, валидацию через Joi, middleware, сессии, аутентификацию и авторизацию.
Этот модуль сравнивает документные и реляционные базы данных. Студенты работают с MongoDB через mongoose - создают коллекции, осуществляют поиск и изменяют данные. Параллельно изучают Postgres - синтаксис языка запросов, создание коллекций, select запросы и объединение таблиц через join.
Завершается курс написанием полноценной программы, которую студенты защищают перед экспертами. Этот проект становится основным элементом их портфолио.
Выпускники курсов получают практические навыки для работы веб-разработчиком. Они могут проектировать интерфейсы, создавать кроссбраузерную адаптивную верстку и вносить изменения в существующие проекты. Умеют разрабатывать логику клиентской части и понимают принципы работы серверной части. Создают интерактивные интерфейсы с помощью JavaScript, оптимизируют сайты под мобильные платформы. Используют современные библиотеки для ускорения разработки и эффективно работают с системой контроля версий Git.
Курс ориентирован на практику - студенты регулярно получают домашние задания с детальным разбором. Занятия проходят в формате живых онлайн-трансляций с доступом к записям. Каждый студент создает 4 проекта для своего портфолио, которые презентует экспертам. Дополнительно предоставляется помощь в трудоустройстве - оформление резюме, подготовка к собеседованиям и карьерные ивенты. Преподаватели обеспечивают поддержку на протяжении всего обучения.