Миникурс: что должен уметь frontend Senior, и понимать Junior: паттерны, архитектура
🚀Стань квалифицированным разработчиком за 9 месяцев с трудоустройством в IT —INCUBATOR:
Front-end
Back-end
Топ 5 книг для программиста
Станьте спонсором канала, и вы получите доступ к эксклюзивным бонусам. Подробнее:
Поддержать меня можно на:
Patreon
Boosty
Поддержать проект монеткой:
А здесь бесплатная взаимопомощь:
* Мы в соц. сетях:
* Мои личные VK и Inst:
0:00:00 - 0:02:35 - об авторе, откуда видео и бесплатном курсе
0:02:35 - 0:03:00 - про стажировку
0:03:00 - 0:04:00 - про данное видео подробно, о чём видео
0:05:30 - 0:13:10 - техническое задание, предметная область, дизайн
0:13:10 - 0:29:18 - архитектура
0:029:18 - 0:50:27 - начинаем писать код: core (data) ui, selector/getter, валидация входа, JSDoc
0:50:27 - 0:55:30 - создаём App-компонент
0:55:30 - 1:03:25 - вложенные подкомпоненты SettingsComponent, ResultPanelComponent, GridComponent
1:03:25 - 1:10:25 - async-await, Promise, render-функция
1:10:25 - 1:16:45 - component instance
1:16:45 - 1:34:48 - Grid-component
1:34:48 - 1:47:08 - визуализируем персонажей
1:47:08 - 2:18:16 - заставим Google прыгать, паттерн observer (наблюдатель)
2:18:16 - 2:44:30 - Finite State Machine, конечный автомат, страница Win/Lose
2:44:30 - 2:56:45 - local state, локальное состояние, оптимизация перерисовок
2:56:45 - 3:02:11 - конечный автомат, защита от невалидных переходов
3:02:11 - 3:15:52 - оптимизация отрисовки Grid-компонента, cleanup-функция
3:15:52 - 3:40:20 - оптимизация отрисовок Cell-компонентов, объект события для паттерна Observer
3:40:20 - 3:44:30 - concurrency, race condition, простое решение
3:44:30 - 4:15:10 - перемещение игроков
4:15:10 - 4:15:10 - логика “поймать гугл“
4:19:04 - 4:27:36 - concurrency, race condition, более сложные решения
4:27:36 - 4:39:30 - проигрывания звуков
4:39:30 - 4:40:40 - подведение итогов
4:40:40 - 4:44:38 - ДЗ
4:44:38 - 4:45:53 - заказчик хочет online режим
4:45:53 - 4:51:00 - архитектурное решение для новой задачи
4:51:00 - 5:37:20 - proxy (remote proxy) паттерн
5:37:20 - 5:45:36 - Server Sent Events (альтернатива WebSocket)
5:45:36 - мои финальные слова, про Dev Club
github репозиторий: