Курс включает 9 блоков и содержит 74 урока, общая длительность которых превышает 13 часов видео.
Состав курса:
Блок 1. Введение
Этот блок служит вступлением, где подробно объясняется, что вас ждет в курсе и какие инструменты понадобятся для его прохождения.
Блок 2. Nuxt.js. Теория
Этот блок посвящен теоретическим аспектам фреймворка Nuxt.js. Вы познакомитесь с его основами и узнаете о серверной рендеринга с использованием JavaScript-фреймворков. Также рассмотрены все ключевые возможности Nuxt.js, которые дополняют Vue.js новыми функциями.
Блок 3. Front-End. Создание блога
В этом блоке вы узнаете, как создается клиентская часть для будущего приложения. Здесь разрабатывается основная часть блога без административной панели, с применением UI-фреймворка Element-UI.
Блок 4. Front-End. Панель администратора
Этот блок демонстрирует процесс создания клиентской части административной панели, где можно создавать новые посты, редактировать существующие, просматривать статистику и добавлять новых пользователей. Рассматриваются такие элементы, как загрузка изображений, валидация форм, защита маршрутов и создание контента постов в формате HTML и MD.
Блок 5. Back-End
Здесь показывается реализация серверной части приложения. Вы научитесь создавать масштабируемую и гибкую архитектуру бэкэнда для блога. Будут разобраны такие темы, как работа с базами данных, защита ключей, разделение маршрутов для публичного и закрытого API, авторизация с использованием JWT-токена, загрузка файлов и многое другое.
Блок 6. Интеграция
На этом этапе курса будут интегрированы две части приложения: Front-End и Back-End. Вы узнаете, как связать все существующие страницы в админке и основном блоге, реализовать авторизацию и поддерживать сессии.
Блок 7. Аналитика и графики
Этот блок посвящен реализации страницы аналитики в административной панели блога. Вы узнаете, как создать графики, отображающие статистику просмотров и комментариев постов, как на стороне клиента, так и на серверной стороне.
Блок 8. Последние штрихи
В этом блоке рассматриваются улучшения для приложения, такие как создание общего фильтра для отображения даты и времени, исправление консольных предупреждений, добавление Title для каждой страницы и использование переменных окружения. В конце блока вы узнаете, как превратить блог в PWA-приложение с офлайн-доступом и Service Workers.
Блок 9. Деплой приложения
В этом блоке завершенное приложение будет подготовлено для деплоя на удаленный сервер. Пошагово показано, как развернуть приложение на серверах Heroku.
Бонусы:
Бонус 1. SEO
Бонус 2. Node.js
Бонус 3. MongoDB
Бонус 4. WebPack 4+
Продажник
Скачать
Состав курса:
Блок 1. Введение
Этот блок служит вступлением, где подробно объясняется, что вас ждет в курсе и какие инструменты понадобятся для его прохождения.
Блок 2. Nuxt.js. Теория
Этот блок посвящен теоретическим аспектам фреймворка Nuxt.js. Вы познакомитесь с его основами и узнаете о серверной рендеринга с использованием JavaScript-фреймворков. Также рассмотрены все ключевые возможности Nuxt.js, которые дополняют Vue.js новыми функциями.
Блок 3. Front-End. Создание блога
В этом блоке вы узнаете, как создается клиентская часть для будущего приложения. Здесь разрабатывается основная часть блога без административной панели, с применением UI-фреймворка Element-UI.
Блок 4. Front-End. Панель администратора
Этот блок демонстрирует процесс создания клиентской части административной панели, где можно создавать новые посты, редактировать существующие, просматривать статистику и добавлять новых пользователей. Рассматриваются такие элементы, как загрузка изображений, валидация форм, защита маршрутов и создание контента постов в формате HTML и MD.
Блок 5. Back-End
Здесь показывается реализация серверной части приложения. Вы научитесь создавать масштабируемую и гибкую архитектуру бэкэнда для блога. Будут разобраны такие темы, как работа с базами данных, защита ключей, разделение маршрутов для публичного и закрытого API, авторизация с использованием JWT-токена, загрузка файлов и многое другое.
Блок 6. Интеграция
На этом этапе курса будут интегрированы две части приложения: Front-End и Back-End. Вы узнаете, как связать все существующие страницы в админке и основном блоге, реализовать авторизацию и поддерживать сессии.
Блок 7. Аналитика и графики
Этот блок посвящен реализации страницы аналитики в административной панели блога. Вы узнаете, как создать графики, отображающие статистику просмотров и комментариев постов, как на стороне клиента, так и на серверной стороне.
Блок 8. Последние штрихи
В этом блоке рассматриваются улучшения для приложения, такие как создание общего фильтра для отображения даты и времени, исправление консольных предупреждений, добавление Title для каждой страницы и использование переменных окружения. В конце блока вы узнаете, как превратить блог в PWA-приложение с офлайн-доступом и Service Workers.
Блок 9. Деплой приложения
В этом блоке завершенное приложение будет подготовлено для деплоя на удаленный сервер. Пошагово показано, как развернуть приложение на серверах Heroku.
Бонусы:
Бонус 1. SEO
Бонус 2. Node.js
Бонус 3. MongoDB
Бонус 4. WebPack 4+
Продажник
Скачать