10 онлайн-курсов по изучению Nuxt.js, бесплатные и платные

10 онлайн-курсов по изучению Nuxt.js, бесплатные и платные

Nuxt.js — фреймворк для создания сложных приложений на Vue.js с использованием Node.js. Обеспечивает правильную файловую структуру, улучшает роутинг, обеспечивает рендеринг пользовательского интерфейса в условиях абстракции от клиент-серверной архитектуры и позволяет создавать различные сервисы.

Если вы хотите подробно изучить такой инструмент как Nuxt.js, то рекомендуем пройти онлайн-курсы представленные на этой странице.

На вебинаре вы:
Познакомитесь с Vue.js, Vue-Router, Vuex.
Разберетесь, зачем нужен SSR (server-side rendering).
Установите Nuxt.js и рассмотрите его архитектуру.
Создадите простое веб-приложение на базе Nuxt.js.

ШколаGeekBrains - образовательный портал от Mail.ru Group
Сайтhttps://gb.ru/
ВедущийИванов Иван
Дата началаВ любое время
СтоимостьБесплатно
Формат обученияЗапись вебинара
ТребованияЗнания HTML, CSS и JavaScript

Полный охват теоретических и практических знаний с полным циклом разработки: клиентская и серверная части. Узнаете, как быстро и эффективно создавать одностраничные динамические веб-приложения и как сделать их универсальными и оптимизированными для SEO с самого начала. 

Сайт: https://webformyself.com

Автор: Владилен Минин

Дата начала: Начать изучать можно сразу после приобретения

Длительность: 1 месяц

Интенсивность: Обучение в свободном режиме

Стоимость: 4 970 руб.

Формат обучения: Теория и практика.

Кому будет полезно: Действующие Frontend-разработчики. Фрилансеры-практики. Собственники веб-студий. Для успешного изучения курса потребуются уверенные знания JavaScript, Vue.js и Node.js.

Программа:

74 видеоурока основной части, 13 часов основной части, 4 бонусных видеокурса, 32 видеоурока бонусной части, 4,5 часа бонусных видеоуроков

Введение
  1. О чем этот курс
  2. Что потребуется
Теория
  1. Что такое Nuxt.js
  2. Обзор приложения
  3. Создание разметки приложения
  4. Статические роуты
  5. Динамические роуты и валидация
  6. Ссылки и обработка ошибок
  7. Как работают Layouts
  8. Что такое модули
  9. Async Data
  10. Async Data на практике
  11. Работа с Vuex
  12. Метод Fetch
  13. Middleware и защита роутов
  14. NuxtServerInit
Front-End. Создание блога
  1. Создание проекта
  2. Настройка проекта
  3. Создание Layout
  4. Главная страница
  5. Компонент пост
  6. Страница детального отображения
  7. Обработка ошибки роутов
  8. Список комментариев
  9. Форма добавления комментариев
  10. Валидация и логика для добавления комментария
  11. Анимация при изменении страниц
Front-End. Панель администратора
  1. Создание структуры страниц
  2. Меню навигации
  3. Страница логина
  4. Создание авторизации с Vuex
  5. Защита роутов с Middleware
  6. Завершение сессии
  7. Обработка ошибок
  8. Добавление пользователей
  9. Список постов. Часть 1
  10. Список постов. Часть 2
  11. Редактирование поста
  12. Создание поста
  13. Предпросмотр текста в MD и HTML
  14. Загрузка файла
Back-End
  1. Декомпозиция файлов
  2. Создание объекта конфигурации
  3. Подключение MongoDB
  4. Роуты, контроллеры, модели
  5. Авторизация пользователя
  6. Создание пользователя
  7. Настройка Passport
  8. Функционал постов
  9. Роуты постов
  10. Загрузка картинки
  11. Контроллер постов
  12. Функционал комментариев
  13. Исправление ошибки
Интеграция
  1. Создание пользователя
  2. Логин и обработка ошибок
  3. Обработка 401 ошибки
  4. Добавление токена к запросам
  5. Поддержание сессии с токеном
  6. Создание поста
  7. Загрузка, редактирование и удаление постов
  8. Вывод постов в блоге
  9. Добавление комментариев
Аналитика и графики
  1. Настройка и установка графиков
  2. Формирование данных на сервере
  3. Создание компонента графика
Последние штрихи
  1. Исправление Warning в консоли
  2. Фильтр отображения даты
  3. Название страниц
  4. Создание PWA из приложения
Деплой приложения
  1. Защита ключей
  2. Настройка и установка Heroku
  3. Настройка приложения
  4. Деплой приложения

Чему научитесь: научитесь создавать приложения практически любой сложности и функциональности

Особенности курса:

  • Полный охват теоретических и практических знаний
  • Только актуальные знания
  • Много практики и работа в портфолио
  • Возможен возврат денег

Канал: G-Starting

SSR(Server Side Rendering) — основная «фишка» Nuxt.js, про которую вы узнаете в этом видео.

Nuxt — отличный инструмент позволяющий быстро и относительно легко создавать действительно сложные приложения.

Дата начала: В любое время

Интенсивность: Обучение в своем темпе

Стоимость: Бесплатно

Формат обучения: Видеокурс

Кому подойдет: Курс рассчитан на разработчиков уверенно применяющих JavaScript

Плейлист:

13 уроков продолжительностью до 10 минут

Открыть
  1. Что такое NuxtJS
  2. Обзор приложения
  3. Создание разметки приложения
  4. Статические роуты
  5. Динамические роуты и валидация
  6. Ссылки и обработка ошибок
  7. Как работают Layouts
  8. Что такое модули
  9. Async Data
  10. Async Data на практике
  11. Работа с Vuex
  12. Метод Fetch
  13. Middleware и защита роутов

Бесплатные уроки для изучения Nuxt.js. Это не официальная документация, а лишь краткий перевод на русский язык основ.

Сайт: https://webinmind.ru

Дата начала: В любое время

Интенсивность: Свободное обучение

Стоимость: Бесплатно

Формат обучения: Текстовые материалы

Требования: Курс рассчитан на разработчиков уверенно применяющих JavaScript

Структура уроков:

  1. Начало работы
  2. Модули
  3. Плагины для Nuxt.js и Vue.js
  4. Полезные статьи по Nuxt.js и Vue.js

NUXT JS с нуля. №1 Что это такое + установка

Канал: Александр Дергунов

Структура первого урока, остальные уроки доступны на канале автора.
00:00 Баг Ютуба
03:43 Начало про Nuxt.js
05:04 Что такое Nuxt.js
05:50 Сайты, которые используют Nuxt.js
13:15 Server side rendering
19:35 Другие варианты работы Nuxt.js
23:20 Подготовка с установке Nuxt.js
25:30 Пример модели «Блог» в mongoose
33:20 Что плохого в текущем сайте
37:58 Fetch в версии Nuxt.js 2.12
41:53 Процесс установки ПО перед Nuxt.js
49:35 Установка Nuxt.js
01:01:16 Открытие папки с проектом Nuxt.js в VS Code
01:01:39 Структура проекта Nuxt.js
01:04:49 Запуск Nuxt.js
01:14:00 Финал

Дата началаВ любое время
ИнтенсивностьСвободный график
СтоимостьБесплатно
Формат обученияВидеокурс
Кому подойдетНеобходимы знания JavaScript

Плейлист:

22 урока продолжительностью до 2 ч.

Открыть
  1. Что это такое + установка
  2. SEO + базовые вещи
  3. Компонент header
  4. Backend и модели в Mongoose
  5. Перенос старых моделей
  6. Вывод записей из MongoDB
  7. Тегирование, пагинация
  8. Боковая колонка + пагинация
  9. Главная страница + слайдер
  10. Вёрстка
  11. Добавление записей в MongoDB + загрузка картинок
  12. Редактирование записей в базе данных
  13. Async Fetch, Компоненты, Кейсы
  14. Прайс, теги, вёрстка контактов
  15. Формы и валидация
  16. Мобильная версия + PWA
  17. Админка
  18. Nuxt-auth Авторизация JWT
  19. Авторизация + деплой + куча полезных мелочей
  20. Финал + полный обзор проекта
  21. Рефакторинг кода - часть №1
  22. Рефакторинг кода - часть №2

Автор: Александр Дергунов

Дата начала: В любое время

Интенсивность: Обучение в своем темпе

Стоимость: Бесплатно

Формат обучения: Видеокурс

Требования: Необходимы знания JavaScript

Структура видео:

  • 00:00 Баг Ютуба
  • 03:43 Начало про Nuxt.js
  • 05:04 Что такое Nuxt.js
  • 05:50 Сайты, которые используют Nuxt.js
  • 13:15 Server side rendering
  • 19:35 Другие варианты работы Nuxt.js
  • 23:20 Подготовка с установке Nuxt.js
  • 25:30 Пример модели "Блог" в mongoose
  • 33:20 Что плохого в текущем сайте
  • 37:58 Fetch в версии Nuxt.js 2.12
  • 41:53 Процесс установки ПО перед Nuxt.js
  • 49:35 Установка Nuxt.js
  • 01:01:16 Открытие папки с проектом Nuxt.js в VS Code
  • 01:01:39 Структура проекта Nuxt.js
  • 01:04:49 Запуск Nuxt.js
  • 01:14:00 Финал

Nuxt js + SSR: Подробное Руководство на 2021

Автор: JAVA И SКРИПТЫ

Из этого видеоролика вы узнаете что такое Nuxt.js, как он связан с Vue.js, почему его стоит использовать, как создавать проект на Nuxt-е и как работает Vuex и Vue Router в Nuxt-e. Выясните что такое SSR (Server Side Rendering), зачем его используют.

Дата начала: В любое время

Интенсивность: Свободный график

Стоимость: Бесплатно

Формат обучения: Видеокурс

Требования: Необходимы знания JavaScript

Структура видео:

  • 0:00 - О чем данное видео
  • 1:37 - Установка Nuxt.js
  • 6:14 - Структура проекта
  • 11:27 - Что такое pages (роутинг)
  • 20:30 - Зачем нужны layouts
  • 22:47 - Директория store и работа с Vuex
  • 25:20 - Применяем middleware
  • 28:27 - Как создавать и подключать плагины (plugins)
  • 31:42 - Разбираем оставшиеся директории
  • 33:08 - SSR теория
  • 36:35 - SSR практика

Nuxt JS - Vue + SSR (быстрый курс за 70 минут)

Автор: Владилен Минин

Из этого видео вы узнаете про технологию NuxtJS, с помощью которой можно создавать приложения на Vue JS с технологией Server Side Rendering.

Дата начала: В любое время

Интенсивность: Свободный график

Стоимость: Бесплатно

Формат обучения: Видеокурс

Требования: Необходимы знания JavaScript


https://nuxtjs.org/ — официальный сайт

https://docs.microsoft.com/ — руководство на русском языке по развертыванию веб-сайтов Nuxt.js с рендерингом на стороне сервера

https://ru.vuejs.org/ — документация по Vue.js

НайтиКурс.Ру
Добавить комментарий