🚀Стань квалифицированным разработчиком за 9+ месяцев с трудоустройством в IT —INCUBATOR: Front-end
Back-end
Карьерный бустер
Топ 5 книг для программиста • ТОП-5 книг, которые должен прочесть к... Станьте спонсором канала, и вы получите доступ к эксклюзивным бонусам. Подробнее: / @itkamasutra Поддержать меня можно на: Patreon / itkamasutra Boosty
Поддержать проект монеткой:
А здесь бесплатная взаимопомощь:
Мы в соц. сетях:
https://vk.com/itkamasutra / it.incubator
Мои личные VK и Inst:
https://vk.com/d.kuzyuberdin / dmitry.kuzyuberdin 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 репозиторий:
