В этом курсе мы разработаем полноценное, очень объемное 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
Watch video Websockets React & Node js ПОЛНЫЙ КУРС PAINT ONLINE & Canvas online without registration, duration hours minute second in high quality. This video was added by user Ulbi TV 24 December 2020, don't forget to share it with your friends and acquaintances, it has been viewed on our site 91,921 once and liked it 3.7 thousand people.