Курс Fullstack чат на Vue, Socket.io, Nuxt, Vuetify, Express
платформа образовательных курсов
Практический курс по созданию Fullstack чата на Vue, Socket.io, Nuxt, Vuetify, Express, Vuex
Кому подойдет курс
front-end программистам
fullstack программистам
Чему вы обучаетесь на курсе
созданию Fullstack чата
Программа курса
Урок 1: Настройка приложения (nuxt + socket.io)
В видео я покажу как настроить NuxtJS совместно с socket.io
Урок 2: Настройка Vuex и socket.io
В видео я покажу, как настроить Vuex, чтобы он работал с socket.io
В результате урока будет реализовано клиент серверное соединение через сокеты
Урок 3: Страницы, формы, layout, валидация
В видео я покажу разработку клиентской части: страница логина, страница чата, валидация форм, разный layout для страниц.
Так же я покажу защиту роутов в Nuxt и работу с Vuex
Урок 4: Страница чата на Vuetify
В видео я покажу как работать с документацией Vuetify
В результате урока будет создан основной layout для страницы чата
Урок 5: Создание комнат с socket.io
В этом видео я покажу, как создать логику, которая позволит разделять пользователей чата по разным комнатам.
В рамках урока будет создан функционал, который будет приветствовать пользователя, когда он зайдет в чат. Когда новый человек будет подключаться к чату, все остальные участники комнаты получат сообщение.
Урок 6: Верстка страницы чата
В видео я покажу, как сверстать страницу чата, используя препроцессор stylus.
Урок 7: Начало переписки
В видео я покажу как реализовать переписку между пользователями в одной комнате
Урок 8: Список пользователей
В ролике я покажу как выводить список пользователей через SocketIO
Помимо этого будет реализован функционал по выходу пользователя из чата: при нажатии на кнопку выйти и на закрытие вкладки
Урок 9: Завершение приложения
В ролике я покажу, как закончить приложение чата
Организатор курса
Куратор отвечает за 5 минут
Меня зовут Владилен Минин и я являюсь автором курсов. Вы найдете большое количество уроков, посвященных веб-разработке на языке javascript и на технологиях, таких как: VueJS, ReactJS, Angular, NodeJS, JavaScript
