Обучение на Фронтенд‑разработчика с нуля включает в себя 5 модулей с лекциями, практикой и итоговыми проектами (от новичка до уровня Middle‑разработчика), а также финальный групповой проект.
HTML и CSS
- Основы HTML. Теги и атрибуты. Семантика
- Основы CSS. Селекторы. Цвет
- Оформление текста и шрифты
- Блочная модель. Flexbox
- Фон и декоративные элементы
- Позиционирование элементов
- Трансформации. Переходы и анимация
- Формы
- Отзывчивая верстка. Отзывчивая графика
JavaScript
- Переменные и типы. Ветвления. Циклы
- Массивы. Функции
- Объекты. Операции rest и spread
- Перебирающие методы массивов
- Ключевое слово
this
. Прототипы и классы - DOM и события
- Паттерны и оптимизация событий
- Инфраструктура проектов. Веб-хранилище
- Асинхронность и
Date
. Промисы - Взаимодействие с бэкендом
- CRUD. Асинхронные функции
Итоговый проект
Работа с сетью
- Устройство сети
- Протокол HTTP
TypeScript
- Введение в TypeScript. Установка и настройка среды разработки
- Основы TypeScript. Работа с типами данных
- Функции и интерфейсы. Классы и наследование
- Дженерики. Продвинутые типы и операторы
- Модули и пространства имен. Интеграция TypeScript в проекты
Docker
- Введение в контейнеризацию и Docker
- Установка и настройка Docker
- Основы работы с Docker
- Работа с Docker Images
- Docker Compose и оркестрация
- Продвинутые темы и лучшие практики
Основы SQL
- Знакомство с SQL (SQLite, PostgreSQL). Таблицы, строки и типы данных. Запрос
SELECT
. WHERE
. Агрегирование. ФункцииCOUNT
,SUM
,MIN
,MAX
.JOIN
,LEFT JOIN
,RIGHT JOIN
.- Ключи. Внешние ключи. Связывание таблиц. Ограничения (Constraints).
- Подзапросы.
WITH
. Практические примеры. - Изменение данных в таблицах:
INSERT
,UPDATE
,DELETE
.ALTER TABLE
.
Итоговый проект
Знакомство с React
- JSX. Props. Коллекции
- Стилизация
- Скринкасты
- События. Состояние
- Формы
- Жизненный цикл компонента
- Работа с API
- React-хуки
- Навигация в приложении
- Разделение кода (code splitting)
- Скринкасты
- Управление состоянием. Основы Redux
- Уменьшение Redux Boilerplate
- Middleware. Асинхронный Redux
- Селекторы и мемоизация
- Регистрация, логин и рефреш
- Приватные и публичные маршруты
Управление проектом на удаленном сервере
- Работа с сервером. Настройка подключения, работа в терминале linux, установка и настройка веб- и прокси-сервера, настройка SGI
- Деплой веб-приложения на сервер. Мониторинг работы приложений
- Работа с контейнерами. Автоматизация деплоя. CI/CD
- Дополнительные инструменты. PostgreSQL, Docker Hub, GitHub Actions
- Работа с облаками. Настройка и конфигурация виртуальных машин
- Работа с AWS. Работа с Azure. Google Cloud
Итоговый проект
Node.js
- Основы Node.js
- Создание консольного приложения
- Основы Express
- CRUD в Express
- MongoDB и Mongoose
- Схемы и методы Mongoose. Деплой на Heroku
- Аутентификация
- Работа с изображениями
- Тесты. Модульное тестирование
- Почта. Docker
- Вебсокеты
React Native
- Подготовка к работе
- Стилизация и работа с формами
- Debugger
- Навигация
- Нативные компоненты
- Redux и firebase
- Деплой на сервера Expo
Итоговый проект
Angular
- Знакостмво с Angular
- Настройка среды разработки
- Основы компонентов
- Шаблоны и директивы
- Сервисы и внедрение зависимостей
- Маршрутизация и навигация
- Формы в Angular
- HTTP и взаимодействие с сервером
- Управление состоянием
- Тестирование и оптимизация
Architect Skills
- Проектирование баз данных
- Повышение скорости базы данных
- Транзакции, ACID, CAD
- Дополнительное занятие (NoSQL, Кластер и Cassandra)
- Дополнительное занятие (Шардирование, BigData, MapReduce)
Итоговый проект