Frontend-разработчик с нуля до PRO от Skillbox

Основные курсы

Веб-вёрстка. Уровень 1

• Введение.
• Базовый HTML.
• Базовый CSS.
• Работа с макетом.
• Layout. HTML-разметка.
• Layout. Flexbox.
• Layout. Стилизация.
• Продвинутый HTML.
• Продвинутый CSS.
• Сетки.
• Адаптивность. Десктоп и планшет.
• Адаптивность. Мобильные устройства.
• JavaScript для верстальщика.
• Доступность.
• Кросс-браузерность.
• База знаний.
• Работа с хостингом.
• Анимация.

Javascript. Уровень 1

• Введение.
• Переменные и работа с числами.
• Строки, boolean и условные операторы.
• Массивы и циклы.
• Функции.
• Объекты.
• Введение в DOM.
• Константы, области видимости и замыкания.
• Преобразования и нестрогие сравнения.
• Общение с сервером, async/await.

Веб-вёрстка. Уровень 2

• Вёрстка HTML-писем.
• SVG.
• Анимация на JS.
• Оптимизация и процесс загрузки.
• Сборщики.
• Препроцессоры и постпроцессоры.
• CSS Grid.
• CMS.
• Будущее вёрстки.

JavaScript. Уровень 2

• Обработка событий и пользовательский ввод.
• Модули.
• Event loop и асинхронная разработка.
• Методы объекта и прототипы.
• Обработка ошибок.
• События.
• ООП и его реализация в JavaScript.
• Функциональное программирование.
• Тестирование.
• npm, package.json.

Node

• Введение.
• Подготовка рабочей среды.
• Hello, world!
• Решаем базовые задачи.
• Асинхронный код.
• Express.js.
• Базы данных, реляционные БД.
• Базы данных, нереляционные БД.
• CLI-программы.
• Углубляем теорию + продвинутые понятия.
• Real-time & WebSockets.
• Pro tips.

TypeScript, часть 1

• Введение.
• Компиляция и примитивные типы.
• Применение типов.
• Типизация ООП.
• Дженерики.
• Утилитарные типы.
• Дополнительные типы.

Курс по выбору

Vue.js

• Введение.
• Основы Vue.
• Создание проекта.
• Каталог товаров.
• Пагинация и фильтрация.
• Страница товара.
• Корзина.
• Работа с API. Список товаров.
• Работа с API. Оформление заказа.
• Деплой.

React.js

• Введение в React.
• Создание проекта.
• TypeScript (Предложение).
• Компоненты на примере новостной карточки Reddit.
• Hooks и Функциональное программирование.
• Больше о компонентах и введение в тестирование компонентов.
• Работа с публичным API на примере Reddit.
• API + контекст.
• Портал и форма.
• Введение в Redux на примере новостной ленты.
• Использование Redux-Thunk на примере бесконечной ленты.
• Формы на примере комментариев и карточки поста.
• Сайдбар + роутинг.
• NextJS.
• Бонус: Mobx.

Основные курсы после выбора специализации

Typescript под Vue/React/Angular

• Продвинутые тайпгарды на дженериках и интерфейсах.
• Ещё чуть-чуть про ООП.
• tsconfig.
• Декораторы.
• Миксины.
• Неймспейсы.

Next под Vue/React

Angular

• Введение в Angular.
• Создаём UI Kit.
• Каталог товаров.
• Машрутизация.
• Сервисная архитектура в Angular.
• HTTP Advanced.
• RXJS: Поиск товаров.
• Формы в Angular.
• Страница товара.
• Улучшаем приложение.
• RXJS & Components Advanced: корзина товаров.
• Тестирование.
• Способы организации обмена данными.
• Дополнительные идеи.

TypeScript Pro

• SOLID.
• Сложные типы.
• Строковые типы для разбора строк.
• Абстрактные алгебраические типы.
• Тестирование типов.
• DDD.
• Чистая архитектура.
• Чистая файловая структура.

Ionic

Electron

Дополнительные курсы

Системы контроля версий, знакомство с git

Работа с командной строкой Bash

Figma

Photoshop для веб-разработчика

Английский для IT

Универсальные знания программиста

Карьера и развитие программиста

Дипломные проекты

Фрагмент интернет-магазина

Вы сверстаете небольшой трёхстраничный сайт.

Интернет-магазин на Vue.js

Вы создадите интернет-магазин с каталогом, баннерами, навигацией по разделам, карточками товара, корзиной и регистрацией. Оптимизируете проект и напишете тесты.

Командный дипломный проект

CRM-система