[Основы верстки и позиционирования]
Создайте первые страницы с помощью HTML и CSS
Располагайте HTML элементы, используя доступные возможности позиционирования и модуля CSS Flex
Изучите базовые возможности CSS по оформлению элементов на странице
Научитесь создавать формы, таблицы, использовать доступные HTML теги для правильной семантики
ВЕБИНАРЫ
Отладка кода (Chrome DevTools)
Стилистика верстки и основные методологии верстки
КУРСЫ
Основы современной верстки
Основы верстки контента
CSS: Позиционирование элементов
CSS: основы Flex
[Основы веб-программирования]
Изучите основы программирования: типы данных, условные конструкции, циклы и функции
Наполните свое портфолио на GitHub первыми программами
Прокачайте алгоритмическое мышление и реализуйте самостоятельно функции сортировки
Правильно настройте операционную систему для разработки, научитесь пользоваться командной строкой
Установите Git, редактор кода VS Code
КУРСЫ
Введение в программирование
Основы командной строки
JS. Настройка окружения
JS. Массивы
Введение в Git
ВЕБИНАРЫ
Настройка окружения (менеджер версий asdf, ubuntu on windows)
Эффективная отладка кода (дебагер, подходы)
Поиск технической информации
Организация задач с помощью Kanban-доски (Trello)
ИТОГОВЫЙ ПРОЕКТ
Игры разума
[03]
[Профессиональный JavaScript]
Научитесь писать production-ready код
Настройте непрерывную интеграцию и опубликуйте свой первый пакет в npm
Освойте принципы проектно-ориентированного и функционального программирования
Начните писать модульный код, который легко расширять и поддерживать
Ускорьтесь с помощью автоматизированного тестирования своего кода
КУРСЫ
Трудоустройство
JS.Функции
JS.Абстракция с помощью данных
JS.Объекты
JS.Автоматическое тестирование
JS.Деревья
ВЕБИНАРЫ
Алгоритмы и структуры данных
Эффективная работа (горячие клавиши, организация рабочего пространства, слепая печать)
Функциональное программирование (чистота, побочные эффекты)
Устройство языков (парсинг, AST, работа интерпретатора/компилятора, порядок вычислений, типизация)
ИТОГОВЫЙ ПРОЕКТ
Вычислитель отличий
[04]
[Асинхронное программирование и сетевые запросы]
Погрузитесь в асинхронность, научитесь писать код, который эффективно утилизирует процессор
Изучите HTTP и выполняйте запросы с помощью Axios
Постройте архитектуру утилиты, которая скачивает страницы сайтов из интернета, парсит их и меняет так, чтобы они могли работать без доступа в интернет
КУРСЫ
JS. Введение в ООП
Объектно-ориентированный дизайн
Протокол HTTP
Асинхронное программирование
Регулярные выражения Regexp
Продвинутое тестирование
ВЕБИНАРЫ
Устройство операционных систем (код, администрирование, процессы, память, файловая система)
Подключение к обучению подкастов, книг и онлайн-мероприятий, вовлечение в локальные комьюнити, ведение своего блога, помощь другим в Slack Хекслета и Обсуждениях
ИТОГОВЫЙ ПРОЕКТ
Загрузчик страниц
[05]
[Разработка браузерных приложений]
Создавайте интерактивные приложения в браузере и собирайте их с помощью Webpack
Эффективно используйте DOM API, выполняйте HTTP-запросы с помощью AJAX
Используйте архитектурный подход MVC для создания устойчивых к изменениям приложений
Научитесь правильно работать с формами: проверять корректность данных и думать о безопасности
Познакомьтесь с асинхронной природой JavaScript
КУРСЫ
JS. DOM API
Архитектура фронтенд
JS. Полиморфизм
ВЕБИНАРЫ
Командная работа в Git
REST API, Очереди, Background Jobs
ИТОГОВЫЙ ПРОЕКТ
RSS-агрегатор
[06]
[Разработка React приложений]
Освойте React для создания сложных одностраничных сайтов (SPA)
Используйте на полную катушку знания, полученные в предыдущих модулях
Подключите веб-сокеты для работы с приложениями реального времени
Грамотно управляйте состоянием приложения через Redux Toolkit
Создавайте компоненты, которые легко поддерживать и использовать повторно даже на разных сайтах
Интегрируйте с React библиотеки, изначально не предназначенные для работы с ним
КУРСЫ
JS.React
JS.Redux (React)
JS.Полиморфизм
JS. React Hooks
React. Redux Toolkit
JS. Погружаясь в классы
ВЕБИНАРЫ
Пробные собеседования
React Hooks: useState, useEffect, useRef
Базовый Webpack
Как работает Redux и делаем аналог с помощью React Hooks
Практика React Hooks
ИТОГОВЫЙ ПРОЕКТ
Чат (Slack)
[07]
[Разработка на Fastify]
Создавайте комплексные сервисы с помощью Fastify
Используйте ORM для создания моделей и их отображения на базу данных. Накатывайте миграции для эволюции базы данных. Реализуйте аутентификацию и авторизацию
Пишите автоматизированные тесты для повышения качества кода и гарантии его работоспособности
Деплойте сайт на серве
КУРСЫ
JS. HTTP Server
JS. Express
Основы реляционных данных
ВЕБИНАРЫ
Продуктовая разработка (Lean Start Up: Time To Market, MVP, A/B тесты)
Инженерная культура
ИТОГОВЫЙ ПРОЕКТ
Менеджер задач
