Myvideo

Guest

Login

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

Uploaded By: Myvideo
1 view
0
0 votes
0

🚀Стань квалифицированным разработчиком за 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 репозиторий:

Share with your friends

Link:

Embed:

Video Size:

Custom size:

x

Add to Playlist:

Favorites
My Playlist
Watch Later