Изучив этот видеокурс вы не просто узнаете, как быстро и качественно создавать одностраничные динамичные веб-приложения практически под любые задачи. Будет показано, как делать их изначально универсальными и SEO-оптимизированными. Nuxt — это удобный инструмент, который позволяет быстро и относительно легко создавать действительно сложные приложения. Это основа для более простого создания сложных приложений Vue, не предназначенная для других фреймворков.
Nuxt.js — это фреймворк высокого уровня, который создан с целью улучшения библиотеки Vue.js. Nuxt обеспечивает отличную файловую структуру, улучшает роутинг, обеспечивает рендеринг на стороне сервера и позволяет создавать универсальные сервисы.
Содержание:
Блок 1. Введение Данный блок является вводным, где вы подробно узнаете про то, что вас ждет в курсе и какие инструменты потребуются для изучения курса.
Блок 2. Nuxt.js. Теория Данный блок посвящен теории фреймворка Nuxt.js. В нем вы познакомитесь с Nuxt.js и узнаете про то, что такое Server Side Rendering с jаvascript-фреймворками. В блоке вы узнаете про все основные возможности в Nuxt.js, которые расширяют Vue.js новым, более удобным функционалом.
Блок 3. Front-End. Создание блога В данном блоке вы увидите, как создается клиентская часть для будущего приложения. В блоке будет создана только основная часть блога, без панели администратора с использованием UI-фреймворка Element-UI.
Блок 4. Front-End. Панель администратора В блоке вы увидите, как создается клиентская часть для панели администратора, где будет возможность создавать новые посты, редактировать существующие, смотреть статистику, добавлять новых пользователей. В блоке будут реализованы такие элементы, как: загрузка картинок, валидация форм, защита роутов и создание контента постов в формате HTML и MD.
Блок 5. Back-End В этом блоке будет показана реализация серверной части для приложения. Вы увидите, как создается масштабируемая, гибкая архитектура бекенда для будущего блога. Будут разобраны такие элементы, как: работа с базами данных, защите ключей, разделенные роуты от публичного API и закрытого API, авторизация через JWT-токен, загрузка файлов и многое другое.
Блок 6. Интеграция На момент данного блока в приложении будет две реализованные части: Front-End и Back-End, которые необходимо связать, что и является интеграцией. В блоке вы увидите, как интегрировать все существующие страницы в админке и основном блоге, как сделать авторизацию и поддерживать сессию.
Блок 7. Аналитика и графики В блоке вы увидите, как реализовать страницу в панели администратора, отвечающую за аналитику внутри блога. Будет показана реализация двух графиков, показывающих аналитику по количеству просмотров и количеству комментариев у постов приложения. Разработка будет вестись как на стороне клиента, так и на серверной части.
Блок 8. Последние штрихи Данный блок покажет вам некоторые моменты, которые улучшат приложение, например: создание общего фильтра для отображения даты и времени, исправление консольных предупреждений, добавление Title для каждой страницы, использование ENV-переменных. В конце блока вы увидите, как превратить весь блог в PWA-приложение с офлайн доступом и Service Workers.
Блок 9. Деплой приложения В данном блоке уже завершенное приложение будет подготовлено для деплоя на удаленный сервер. Вы пошагово увидите, что необходимо сделать, чтобы запустить приложение на серверах Heroku.
Бонусы:
SEO
Node.js
MongoDB
WebPack 4+
Название: Фреймворк NuxtJS. Руководство по Full-Stack разработке
Автор: Владилен Минин
Жанр: Видеокурс
Язык: русский
Продолжительность: ~13 часов
Формат: MP4, html (+доп.файлы)
Видео: AVC, 1280x720, ~311 Kbps
Аудио: AAC, 126 Kbps, 48.0 KHz
Размер: 5.45 Gb
Скачать Фреймворк NuxtJS. Руководство по Full-Stack разработке. Видеокурс (2019)
|
Диагностика и лечение внутренних болезней (14 книг)
