Создание SPA на Vue.js с нуля | Одностраничный сайт на Vue.js

На вебинаре будет показан процесс создание одностраничного веб-приложения (SPA) с использованием Vue.js с момента инициализации проекта, с подробным объяснением подходов к решению различных задач. Также будут использоваться такие библиотеки как Vuex для хранения данных и Vue Router для создания нескольких страниц с возможностью перехода между ними. Программа вебинара: 1) Инструменты для работы с Vue.js. Обсудим, какие инструменты нужны для работы с Vue.js. Описание проекта и основных задач из которых он будет состоять, технологий которые будут использоваться. Создание базовой структуры приложения с использованием Vue CLI. 2) Создание базовой архитектуры приложения с объяснением каждого из пунктов. Написание сервисов, роутов, подключение API, настройка Vuex хранилища и описание работы Vuex и Vue Router. 3) Написание логики и API запросов. Создание компонентов нужных для отображения данных, написание логики и базового функционала. Работа с API. 4) Демонстрация работы функциональной части программы, коротко про подводные камни которые встречаются во Vue.js, дополнительная информация об альтернативных решениях на проекте, коротко о том что будет во Vue.js 3 версии. 5) Q&A по проекту и Vue.js в целом, полезные ссылки. #vue #js #spa #landing #лендинг 00:00 Вступление. Немного об авторе 3:52 План вебинара 4:50 Курсы по Vue.js от ITVDN 5:33 Как происходит разработка на Vue.js 8:56 Чему будет посвящена разработка 9:34 Начало работы, создание проекта, установка пресетов 15:14 Разбор структуры проекта 18:00 Чистка лишних элементов 20:25 Непосредственно начало разработки 35:44 Работа над блоком CharacterBlock.vue 40:47 Работа с хранилищем Vuex 1:02:50 Работа над отображением данных (Character Block) 1:17:40 Отображение реальных данных рассматриваемого веб-сервиса 1:53:50 Немного об оптимизации написанного кода и его проверке 2:04:20 Подведение итогов, вопросы и ответы