В этом курсе мы разработаем полноценное, очень объемное fullstack приложение на react и nodejs. Поработаем с canvas и websocket. Видео получилось очень насыщенное, рекомендую к просмотру!
Мой курс "Продвинутый Frontend. В production на React" - https://ulbitv.ru/frontend
Макет в figma -
https://www.figma.com/file/IVdZUaNbYt...
Исходный код урока -
https://github.com/utimur/Fullstack-w...
Таймкоды:
00:00 - План на урок
01:13 - Cтруктура приложения
10:50 - Учимся рисовать кистью и фигуры на канвасе
24:30 - Настройка инструментов: цвет, толщина линии
29:15 - Отмена(undo) и возврат(redo) последнего действия
33:50 - Серверная часть приложения
36:00 - Начало работы с веб сокетами
43:00 - Создание уникальных ссылок для сессии на клиенте
45:00 - Подключение к сессии по веб сокету с клиента
51:15 - Логика совместного рисования на одном холсте
64:10 - Синхронизация рисунков по http
Поддержать меня и мой канал вы можете по ссылкам ниже.
Qiwi кошелек - http://qiwi.com/n/BODYE821
Яндекс деньги - https://yoomoney.ru/to/4100116193037469