​

О чем этот курс?
Этот курс - моя личная история. Весь мой опыт становления как Senior Frontend разработчик

Какие технологии используем внутри этого курса?

Современный Javascript
Много качественного и самого современного JavaScript
Git Flow
Разрабатываем проект с ветками и pull request
Webpack
Автоматизируем проект как соверменные CLI
ESLint
Весь проект в одном стиле с соблюдением правил
Jest
Настроим и напишем синхронные и асинхронные тесты

Что будет в курсе

Архитектура
Спроектируем большое приложение с нуля
Паттерны
Разберемся когда и как их применять
Инфраструктура
Не только код, но и организация проекта
Тесты
Протестируем свой фреймворк
Много ООП
Разберемся как и зачем
Алгоритмы
Как их применить
Производительность
Ускорим приложение

А еще внутри:

• Напишем свой Redux!
• Применим SOLID
• Полифилы, чистые функции, оптимизация
• Работа c Git через консоль и WebStorm
• 23 практические задачи прямо внутри курса

Спойлер: Программа:

Раздел 1. Введение
Урок 1. Приветствую
Урок 2. Чем будем заниматься
Урок 3. Что такое фреймворк
Урок 4. Почему не стоит быть фреймворк программистом
Урок 5. Чему я научусь
Урок 6. На чем будем практиковаться
Урок 7. Что потребуется для прохождения
Урок 8. Как проходить данный курс
Урок 9. Предварительные знания

Раздел 2. Настройка окружения
Урок 1. Что и как будем делать
Урок 2. Настройка и работа с Git
Урок 3. Базовая настройка Webpack
Урок 4. Добавление плагинов
Урок 5. Настройка лоадеров
Урок 6. Добавление режимов сборки
Урок 7. Настройка Eslint
Урок 8. Работа с Git

Раздел 3. Верстка
Урок 1. Планирование верстки
Урок 2. Создание структуры
Урок 3. Стили для header
Урок 4. Стили для toolbar
Урок 5. Стили для formula
Урок 6. Верстка таблицы
Урок 7. Верстка главной страницы
Урок 8. Работа с Git

Раздел 4. Создание фреймворка
Урок 1. Планирование структуры ООП
Урок 2. Создание структуры классов
Урок 3. Вывод шаблона компонентов
Урок 4. Формирование верстки
Урок 5. Класс для работы с DOM
Урок 6. Подготовка структуры для событий
Урок 7. Добавление прослушки событий
Задание 1
Урок 8. Удаление слушателей
Урок 9. Создание таблицы. Заголовки
Задание 2
Урок 10. Создание таблицы. Ячейки
Урок 11. Git Flow

Раздел 5. Ресайз таблицы
Урок 1. Про алгоритм действия и события
Урок 2. Создаем элемент для ресайза
Урок 3. Определяем элементы для ресайза
Задание 3
Урок 4. Изменяем размер колонок
Задание 4
Урок 5. Проблема с производительностью
Задание 5
Урок 6. Оптимизация + performance
Задание 6
Урок 7. Ресайз строк
Задание 7
Урок 8. Утилита для работы со стилями
Задание 8
Урок 9. Существенная оптимизация
Задание 9
Урок 10. Git Flow

Раздел 6. Логика Excel
Урок 1. Как будем делать выделение
Задание 10
Урок 2. Выделение ячейки
Задание 11
Урок 3. Выбор другой ячейки
Задание 12
Урок 4. Выбор группы элементов
Задание 13
Урок 5. Навигация кнопками
Урок 6. Как работает Observer Pattern
Урок 7. Реализация Observer
Урок 8. Взаимодействие между компонентами
Урок 9. Улучшение фреймворка
Задание 14
Урок 10. Создание интерактива
Урок 11. Git Flow

Раздел 7. Состояние приложения
Урок 1. Что такое состояние и зачем оно нужно
Урок 2. Создание Store
Задание 15
Урок 3. Связывание Store и UI
Урок 4. Создание состояния колонок
Урок 5. Сохранение состояния
Задание 16
Урок 6. Рендер состояния
Задание 17
Урок 7. Размер строчек
Урок 8. Сохранение состояния ячеек
Урок 9. Оптимизация логики подписок
Урок 10. Создание тулбара
Урок 11. Компонент с состоянием
Задание 18
Урок 12. Определение стилей ячейки
Урок 13. Изменение стилей через store
Урок 14. Сохранение стилей
Задание 19
Урок 15. Изменение названия таблицы
Урок 16. Оптимизация с debounce
Урок 17. Парсинг ячеек
Задание 20
Урок 18. Git Flow

Раздел 8. Роутинг и новые страницы
Урок 1. Что будем делать
Урок 2. Создание роутера
Урок 3. Рефакторинг со страницами
Задание 21
Урок 4. Смена страниц
Урок 5. Создание главной страницы
Урок 6. Создание разных моделей страниц
Задание 22
Урок 7. Оживление кнопки навигации
Задание 23
Урок 8. Добавление даты открытия
Урок 9. Ещё про окружение
Урок 10. Git Flow

Раздел 9. Бонус. Тестирование
Урок 1. Настройка окружения
Урок 2. Тестирование store
Урок 3. Тестирование роутера
Урок 4. Git Flow

Раздел 10. Бонус. Применение SOLID
Урок 1. Применение SOLID

Раздел 11. Заключение
Урок 1. Что делать дальше