Курс 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