Курс NextJS для frontend-розробника

Пройдеш повний цикл створення web-проєкту. Отримаєш досвід використання фреймворка NextJS (ReactJS, TypeScript) для створення search friendly web-сайтів. Отримаєш знання по SSR (Server Side Rendering) в екосистемі ReactJS.

Програма курсу

Налаштування проєкту та конфігурація фреймворку

• Встановлення необхідних npm пакетів та запуск тестового проєкту на локальному сервері
• Налаштування середовища розробки
• Застосування TypeScript для написання компонентів проєкту
• Конфігурація фреймворку

Створення сторінок сайту

• Навігація та маршрутизація
• Статична та динамічна генерація сторінок, SSR
• Обробка помилок

Інтернаціоналізація

• Встановлення необхідних npm пакетів
• Конфігурація маршрутизації
• Застосування компонентів та хуків
• Перемикання мови сайту

Дизайн сайту

• Створення основного лейаута сайту
• Налаштування UI бібліотеки
• Робота з шрифтами

Отримання даних

• Встановлення необхідних npm пакетів
• Отримання даних на сервері та клієнті
• Оптимізація роботи з REST API, кешування
• Змінні середовища

Форми та відправка даних

• Встановлення необхідних npm пакетів
• Перевірка даних форми
• Відправка даних
• Очищення кешу

SEO налаштування (Search Engine Optimization)

• Встановлення необхідних npm пакетів
• Налаштування заголовків та метаінформації
• OpenGraph & JSON-LD
• Оптимізація зображень

Аутентифікація користувачів

• Встановлення необхідних npm пакетів
• Створюємо сторінки логіна та реєстрації
• Працюємо з middleware
• Профіль користувача

Розробка індивідуального проєкту

Після курсу ти зможеш:

• Швидко створювати web-сайти за допомогою фреймворка NextJS максимально адаптованого до вимог пошукових систем
• За допомогою TypeScript будеш створювати користувацькі інтерфейси, розробляти серверну частину сайтів
• Використовувати всі переваги ReactJS для побудови швидких інтерактивних інтерфейсів web-сайту
• Використовувати сторонні API для побудови web-сайту
• Аналізувати та керувати результатами своєї роботи використовуючи систему контролю версій Git & GitHub

Особливості курсу

• Інтенсивна практика, мінімум теорії
• Розбір документації фреймворка та домашніх завдань
• Випускний проєкт для портфоліо
• Допомога у працевлаштуванні, оформленні резюме та підготовка до співбесіди
• Підтримка викладачів
• Кар'єрні івенти
• Можлива оплата курсу частинами

Викладачі курсу

Олександр Слободян - Front-End Developer