Websockets React & Node js ПОЛНЫЙ КУРС PAINT ONLINE & Canvas



Websockets React & Node js ПОЛНЫЙ КУРС PAINT ONLINE & Canvas

Websockets React & Node js ПОЛНЫЙ КУРС PAINT ONLINE & Canvas

В этом курсе мы разработаем полноценное, очень объемное fullstack приложение на react и nodejs. Поработаем с canvas и websocket. Видео получилось очень насыщенное, рекомендую к просмотру!

Макет в figma –
https://www.figma.com/file/IVdZUaNbYt829DhYGnzET6/paint-online?node-id=0%3A1

Исходный код урока –
https://github.com/utimur/Fullstack-websocket-paint

Таймкоды:
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

Comments are closed.