Nuxt.js — фреймворк для создания сложных приложений на Vue.js с использованием Node.js. Обеспечивает правильную файловую структуру, улучшает роутинг, обеспечивает рендеринг пользовательского интерфейса в условиях абстракции от клиент-серверной архитектуры и позволяет создавать различные сервисы.
Если вы хотите подробно изучить такой инструмент как Nuxt.js, то рекомендуем пройти онлайн-курсы представленные на этой странице.
[GeekBrains] Разработка веб-приложений на 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
[WebForMySelf] Фреймворк NuxtJS - руководство по FullStack-разработке
Полный охват теоретических и практических знаний с полным циклом разработки: клиентская и серверная части. Узнаете, как быстро и эффективно создавать одностраничные динамические веб-приложения и как сделать их универсальными и оптимизированными для SEO с самого начала.
Сайт: https://webformyself.com
Автор: Владилен Минин
Дата начала: Начать изучать можно сразу после приобретения
Длительность: 1 месяц
Интенсивность: Обучение в свободном режиме
Формат обучения: Теория и практика.
Кому будет полезно: Действующие Frontend-разработчики. Фрилансеры-практики. Собственники веб-студий. Для успешного изучения курса потребуются уверенные знания JavaScript, Vue.js и Node.js.
Программа:
74 видеоурока основной части, 13 часов основной части, 4 бонусных видеокурса, 32 видеоурока бонусной части, 4,5 часа бонусных видеоуроков
Введение
- О чем этот курс
- Что потребуется
Теория
- Что такое Nuxt.js
- Обзор приложения
- Создание разметки приложения
- Статические роуты
- Динамические роуты и валидация
- Ссылки и обработка ошибок
- Как работают Layouts
- Что такое модули
- Async Data
- Async Data на практике
- Работа с Vuex
- Метод Fetch
- Middleware и защита роутов
- NuxtServerInit
Front-End. Создание блога
- Создание проекта
- Настройка проекта
- Создание Layout
- Главная страница
- Компонент пост
- Страница детального отображения
- Обработка ошибки роутов
- Список комментариев
- Форма добавления комментариев
- Валидация и логика для добавления комментария
- Анимация при изменении страниц
Front-End. Панель администратора
- Создание структуры страниц
- Меню навигации
- Страница логина
- Создание авторизации с Vuex
- Защита роутов с Middleware
- Завершение сессии
- Обработка ошибок
- Добавление пользователей
- Список постов. Часть 1
- Список постов. Часть 2
- Редактирование поста
- Создание поста
- Предпросмотр текста в MD и HTML
- Загрузка файла
Back-End
- Декомпозиция файлов
- Создание объекта конфигурации
- Подключение MongoDB
- Роуты, контроллеры, модели
- Авторизация пользователя
- Создание пользователя
- Настройка Passport
- Функционал постов
- Роуты постов
- Загрузка картинки
- Контроллер постов
- Функционал комментариев
- Исправление ошибки
Интеграция
- Создание пользователя
- Логин и обработка ошибок
- Обработка 401 ошибки
- Добавление токена к запросам
- Поддержание сессии с токеном
- Создание поста
- Загрузка, редактирование и удаление постов
- Вывод постов в блоге
- Добавление комментариев
Аналитика и графики
- Настройка и установка графиков
- Формирование данных на сервере
- Создание компонента графика
Последние штрихи
- Исправление Warning в консоли
- Фильтр отображения даты
- Название страниц
- Создание PWA из приложения
Деплой приложения
- Защита ключей
- Настройка и установка Heroku
- Настройка приложения
- Деплой приложения
Чему научитесь: научитесь создавать приложения практически любой сложности и функциональности
Особенности курса:
- Полный охват теоретических и практических знаний
- Только актуальные знания
- Много практики и работа в портфолио
- Возможен возврат денег
[YouTube] Уроки NuxtJS
Канал: G-Starting
SSR(Server Side Rendering) — основная «фишка» Nuxt.js, про которую вы узнаете в этом видео.
Nuxt — отличный инструмент позволяющий быстро и относительно легко создавать действительно сложные приложения.
Дата начала: В любое время
Интенсивность: Обучение в своем темпе
Формат обучения: Видеокурс
Кому подойдет: Курс рассчитан на разработчиков уверенно применяющих JavaScript
Плейлист:
13 уроков продолжительностью до 10 минут
Открыть
- Что такое NuxtJS
- Обзор приложения
- Создание разметки приложения
- Статические роуты
- Динамические роуты и валидация
- Ссылки и обработка ошибок
- Как работают Layouts
- Что такое модули
- Async Data
- Async Data на практике
- Работа с Vuex
- Метод Fetch
- Middleware и защита роутов
[Web in Mind] Начало работы c Nuxt.js
Бесплатные уроки для изучения Nuxt.js. Это не официальная документация, а лишь краткий перевод на русский язык основ.
Сайт: https://webinmind.ru
Дата начала: В любое время
Интенсивность: Свободное обучение
Формат обучения: Текстовые материалы
Требования: Курс рассчитан на разработчиков уверенно применяющих JavaScript
Структура уроков:
- Начало работы
- Модули
- Плагины для Nuxt.js и Vue.js
- Полезные статьи по Nuxt.js и Vue.js
[YouTube] 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 ч.
Открыть
- Что это такое + установка
- SEO + базовые вещи
- Компонент header
- Backend и модели в Mongoose
- Перенос старых моделей
- Вывод записей из MongoDB
- Тегирование, пагинация
- Боковая колонка + пагинация
- Главная страница + слайдер
- Вёрстка
- Добавление записей в MongoDB + загрузка картинок
- Редактирование записей в базе данных
- Async Fetch, Компоненты, Кейсы
- Прайс, теги, вёрстка контактов
- Формы и валидация
- Мобильная версия + PWA
- Админка
- Nuxt-auth Авторизация JWT
- Авторизация + деплой + куча полезных мелочей
- Финал + полный обзор проекта
- Рефакторинг кода - часть №1
- Рефакторинг кода - часть №2
[YouTube] NUXT JS с нуля. №1 Что это такое + установка
Автор: Александр Дергунов
Дата начала: В любое время
Интенсивность: Обучение в своем темпе
Формат обучения: Видеокурс
Требования: Необходимы знания 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 Финал
[YouTube] 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 практика
[YouTube] Nuxt JS - Vue + SSR (быстрый курс за 70 минут)
Автор: Владилен Минин
Из этого видео вы узнаете про технологию NuxtJS, с помощью которой можно создавать приложения на Vue JS с технологией Server Side Rendering.
Дата начала: В любое время
Интенсивность: Свободный график
Формат обучения: Видеокурс
Требования: Необходимы знания JavaScript
(3 оценок, среднее: 3,67 из 5)
Loading...