На этом курсе начинают с настройки рабочей среды для кодирования. Изучают базовый синтаксис HTML и CSS, различают блочные и строчные элементы. Работают с текстом - добавляют контент, стилизуют его и создают гиперссылки. Учат добавлять графику и создавать списки.
Здесь переходят к созданию таблиц и работе с формами. Используют современные HTML5 теги с учетом семантики. Учат подключать внешние ресурсы - иконки, шрифты, используют FontAwesome. Осваивают позиционирование элементов, технологии Flexbox и Grid для создания современных макетов.
Этот блок углубленно изучает CSS Grid. Добавляют анимации с помощью CSS и делают сайты адаптивными через медиа-запросы. Знакомятся с препроцессором SASS (SCSS) для более структурированного кода. Используют фреймворк Bootstrap для ускорения разработки.
Начинают работу с динамическими страницами через JavaScript. Изучают переменные, типы данных, тернарные и логические операторы. Работают с инструкцией switch и циклами for, while, do...while. Рассматривают различные типы функций - Function Declaration, Function Expression, анонимные функции и callback. Используют встроенные функции alert, prompt, confirm.
Углубленно изучают циклы и объекты. Разбирают методы объектов, копирование объектов и работу с ссылками. Работают с массивами - создание, методы массивов, использование циклов для обработки данных.
Анализируют контекст выполнения функций и ключевое слово this. Изучают методы call, bind и apply. Работают с функциями-конструкторами и дескрипторами объектов. Используют локальное и сессионное хранилища, делают операции с датой и временем. Разбирают глобальный объект window и объект лексического окружения.
Изучают замыкания и обработку ошибок через try/catch/finally. Работают с таймерами setTimeout/setInterval. Разбирают архитектуру Event Loop в JavaScript. Ознакамливаются с объектно-ориентированным программированием и его основными принципами.
Работают с объектом Promise для асинхронных операций. Используют современный синтаксис async/await. Изучают Document Object Model (DOM) и Browser Object Model (BOM), обучаются выбирать элементы на странице и манипулировать ими.
Знакомятся с менеджерами пакетов NPM и Yarn, обозревают свойства Webpack. Работают с import/export. Изучают структуру React-приложения, синтаксис JSX и props. Выполняют рендеринг списков и условный рендеринг. Понимают концепцию виртуального DOM. Обучаются обрабатывать события и работать с контролируемыми и неконтролируемыми компонентами.
Изучают жизненный цикл компонентов, создают ErrorBoundary для обработки ошибок. Используют React-router-dom для маршрутизации. Работают с порталами для рендеринга вне DOM-иерархии компонента.
Детально изучают основные React хуки - useState для состояния, useRef для ссылок, useEffect для побочных эффектов. Используют useMemo и useCallback для оптимизации. Применяют React.memo() для мемоизации компонентов.
Ознакамливаются с различными способами стилизации - CSS modules и Styled Components. Используют Redux и redux-thunk для управления состоянием. Работают с Material UI для готовых компонентов интерфейса. Применяют Formik для работы с формами.
Обучаются использовать искусственный интеллект в повседневной работе. Получают подсказки относительно архитектуры, библиотек и программного обеспечения. Используют AI для написания документации, создания функций и скриптов. Автоматизируют написание unit-тестов и тестирование кода. Применяют AI для исправления синтаксических и логических ошибок, оптимизации и улучшения кода. Используют инструменты для поиска уязвимостей и динамического тестирования.
Все видеозаписи занятия и материалы доступны в течение всего курса. Практические занятия проходят еженедельно по 3 часа. Преподаватель предоставляет персональную обратную связь по каждому заданию. Доступны дополнительные занятия по английскому языку для IT-специалистов. Возможно получение сертификации JSE. При необходимости курс можно заморозить. Студенты выполняют дипломные проекты под руководством преподавателя. Закрытый чат объединяет студентов, преподавателя и куратора для оперативного решения вопросов.