Курс 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-оптимізовані SEO-оптимізовані FullStack-проекти

Робить складне простим. Створення та налаштування SSR-додатків займає багато часу. Nuxt дає змогу вкрай просто створювати універсальні застосунки

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

Односторінковий універсальний додаток, що розробляється з повного нуля в практичній частині курсу, є функціональним блогом. Ви по кроках побачите повний цикл розробки: і клієнтську, і серверну частини. Буде наочно продемонстровано технологію 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