Миникурс: что должен уметь frontend Senior, и понимать Junior: паттерны, архитектура

[from_ulyanowsk]

Click to view

0:00:00 - 0:02:35 - об авторе, откуда видео и бесплатном курсе https://it-incubator.io/education/js-... 0:02:35 - 0:03:00 - про стажировку https://it-incubator.io/education/car... 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