Часть 1. Делаем чат на Svelte. NodeJs. GraphQL и Websockets. Верстка.

Начинаем серию роликов по созданию функционала чата. Верстка на фреймворке Svelte.

Ссылка на макет: https://www.figma.com/file/R3iyZAs9dqbcEbbepc3iL2/Slider
Ссылка на сверстанный вариант: https://github.com/exoriri/chat-svelte-nodejs-WS-graphql/tree/feature/markup

💻 00:00 - Анонс. О чем? Зачем и для кого?
💻 01:10 - Анализируем проект и разворачиваем проект.
💻 07:16 - Создаем базовые компоненты и общие стили.
💻 17:40 - Создаем компонент Avatar.
💻 22:20 - Подключаем scss.
💻 25:45 - Продолжаем работать над компонентом Avatar.
💻 32:30 - Делаем header и footer.
💻 55:45 - Верстаем главное окно чата.
💻 1:01:31 - Создаем компонент Message.
💻 1:11:54 - Стилизируем scrollbar.
💻 1:13:10 - Косметические доработки footer'a.
💻 1:15:24 - Концовка и немного лирики.

Мое приложение для поиска авиабилетов и отелей на андроид. Пока только на английском языке https://play.google.com/store/apps/details?id=com.t.travel

Видео Часть 1. Делаем чат на Svelte. NodeJs. GraphQL и Websockets. Верстка. канала Lavrik Roman