Курс NuxtJS. Full-Stack разработка

Мова викладання в курсі — російська. Незабаром буде доступна українська версія цього курсу.

Видеозаписи лекций без обратной связи и участия преподавателя. Вы получите доступ к материалам сразу после оплаты.

Почему вам стоит приобрести этот курс

— Полное руководство по Nuxt. Полный охват теоретических и практических знаний с полным циклом разработки: клиентская и серверная части

— Nuxt.js позволяет создавать SEO-дружественные приложения, которые можно продвигать в поисковых системах

— Заряжен практикой. По урокам курса создайте с нуля универсальное SPA-приложение и поместите его в портфолио

— Делает сложное простым. Создание и настройка SSR-приложений занимает много времени. Nuxt позволяет крайне просто создавать универсальные приложения

Зачем нужно уметь создавать SPA

— Большой охват пользователей. SPA отлично работают как на стационарных компьютерах и десктопах, так и мобильных устройствах: планшетах и смартфонах

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

— Богатый пользовательский интерфейс. Так как web-страница одна, в SPA проще хранить информацию о сеансе, управлять уровнями представлений (views) и анимацией

— Востребованная перспективная технология. Пожалуй, самый быстрый, простой и легкий способ подняться по карьерной лестнице профессионального Frontend- или FullStack-разработчика

Что такое Nuxt.js и зачем он нужен

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

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

Это основа для более простого создания сложных приложений Vue, не предназначенная для других фреймворков. Он позволяет создавать готовые к работе веб-приложения и призван упростить разработку универсальных и одностраничных сервисов.

Nuxt обеспечивает отличную файловую структуру, улучшает роутинг, обеспечивает рендеринг на стороне сервера и позволяет создавать универсальные сервисы.

Вы можете сделать все это самостоятельно, но такой подход всегда требует времени, и иногда для него необходимы действительно хорошие навыки.

Для кого создавался курс

Действующие Frontend-разработчики. Поскольку технология новая и для ее изучения и применения требуются достаточные знания по JavaScript, NodeJS и Vue.js, то основной аудиторией для данного курса будут действующие разработчики среднего уровня. Это программисты клиентской части, которые уже имеют некий опыт и хотят улучшить свое видение области

Фрилансеры-практики. Вы очень ограничены во времени и остро нуждаетесь в быстром овладении новой перспективной технологией для того, чтобы брать более дорогие заказы. Для вас важно быть в тренде и пользоваться только актуальными технологиями для разработки универсальных одностраничных SEO-оптимизированных веб-приложений

Собственники веб-студий. Поскольку технология новая и на русском языке материалов по ней практически нет, то курс идеально подойдет для покупки владельцами веб-студий, которые для своих сотрудников приобретают курсы по новой технологии

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

Полное руководство по Nuxt.js. Полный охват теоретических и практических знаний и навыков с полным циклом разработки: клиентская и серверная части

Только актуальные знания. Вы получите лишь самые востребованные в 2019 году знания и технологии. Данный курс дает новые знания, позволяющие зарабатывать больше

Решает проблему SEO в SPA-приложениях. Nuxt.js позволяет создавать SEO-дружественные приложения, которые можно продвигать в поисковых системах

Реальная экономия времени. Изучение курса рассчитано приблизительно на 1 месяц – экономьте время, не перелопачивая горы англоязычной документации

Много практики и работа в портфолио. По урокам курса создайте с нуля универсальное SEO-оптимизированное SPA-приложение и поместите его в свое портфолио

Путь к высоким заработкам. Владение Nuxt.js позволит брать намного более дорогие SEO-оптимизированные FullStack-проекты

Делает сложное простым. Создание и настройка SSR-приложений занимает много времени. Nuxt позволяет крайне просто создавать универсальные приложения

Результат практической части

Разрабатываемое с полного нуля в практической части курса одностраничное универсальное приложение является функциональным блогом. Вы по шагам увидите полный цикл разработки: и клиентскуcю, и серверную части. Будет наглядно продемонстрирована технология SSR (server side rendering).

В курсе будет также показано создание функционально административной панели для блога: с развернутой аналитикой, возможностью добавлять и редактировать посты, а также возможностью управлением правами доступа к админ. панели.

Результат является наглядным примером применения ВСЕХ актуальных технологий создания универсальных полностью адаптивных SPA и их взаимодействия. На основе этих составляющих можно создать приложение практически любой функциональности.

Какие минимальные знания требуются для изучения курса?

Для успешного изучения курса вам потребуются уверенные знания JavaScript, Vue.js и Node.js. Данные знания можно при необходимости получить из соответствующих актуальных видеокурсов на нашем сайте.

Для совсем новичков этот курс будет сложным и на них не рассчитан!

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

Блок 1. Введение Данный блок является вводным, где вы подробно узнаете про то, что вас ждет в курсе и какие инструменты потребуются для изучения курса.

Блок 2. Nuxt.js. Теория Данный блок посвящен теории фреймворка Nuxt.js. В нем вы познакомитесь с Nuxt.js и узнаете про то, что такое Server Side Rendering с JavaScript-фреймворками. В блоке вы узнаете про все основные возможности в 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.

Бонусы:

Бонус 1. SEO
Бонус 2. Node.js
Бонус 3. MongoDB
Бонус 4. WebPack 4