Online | Offline
КУРС ADVANCED LEVEL

NextJS

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

Заробітня плата FRONT‑END разробника

від 800$ до 3500$

(за даними work.ua або dou.ua)

Чим займається FRONT‑END разробник?

Front-End-розробник - це верстальник і програміст в одній особі, герой стилю і коду, що проектує інтерфейс користувача.

Головне його завдання – зробити максимально зручною взаємодію користувача з сайтом або web-додатком. Він добре розуміється на кросбраузерній, адаптивній та валідній верстці. Створює інтерактивні елементи за допомогою JavaScript. Розуміє принципи побудови бекенда і розуміється на серверних технологіях.

Коротко про курс

icon

Інтенсивна практика, мінімум теорії

icon

Розбір документації фреймворка та домашніх завдань

icon

Випускний проект для портфоліо

icon

Допомога у працевлаштуванні, оформленні резюме та підготовка до співбесіди

video-thumb

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

icon

Development

Швидко створювати web-сайти за допомогою фреймворка NextJS максимально адаптованого до вимог пошукових систем

icon

Програмувати на TypeScript

За допомогою TypeScript будеш створювати користувацькі інтерфейси, розробляти серверну частину сайтів

icon

Застосовувати ReactJS

Використовувати всі переваги ReactJS для побудови швидких інтерактивних інтерфейсів web-сайту

icon

REST API

Використовувати сторонні API для побудови web-сайту

icon

Працювати з Git & GitHub

Аналізувати та керувати результатами своєї роботи використовуючи систему контролю версій Git & GitHub

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

32

години інтенсивної практики

сode review домашніх завдань

індивідуальний проект для твого портфоліо

Налаштування проекту та конфігурація фреймворку
  • Встановлення необхідних npm пакетів та запуск тестового проекту на локальном сервері
  • Налаштування середовища розробки
  • Застосування TypeScript для написання компонентів проекту
  • Конфігурація фреймворку
Створення сторінок сайта
  • Навігація та маршрутизация
  • Статична та динамічна генерація сторінок, SSR
  • Обробка помилок
Інтернаціоналізація
  • Встановлення необхідних npm пакетів
  • Конфігурація маршрутизації
  • Застосування компонентів та хуків
  • Перемикання мови сайту
Дизайн сайту
  • Створення основного лаяута сайта
  • Налаштування UI бібліотеки
  • Робота з шрифтами
Отримання даних
  • Встановлення необхідних npm пакетів
  • Отримання даних на сервері та клієнті
  • Оптимізація роботи з REST API, кешування
  • Змінні середовища
Форми та відправка даних
  • Встановлення необхідних npm пакетів
  • Перевірка даних форми
  • Відправка даних
  • Очищення кешу
SEO налаштування (Search Engine Optimization)
  • Встановлення необхідних npm пакетів
  • Налаштування заголовків та метаінформації
  • OpenGraph & JSON-LD
  • Оптимізація зображень
Аутентифікація користувачів
  • Встановлення необхідних npm пакетів
  • Створюємо сторінки логіна та реєстрації
  • Працюємо з middleware
  • Профіль користувача
Розробка індивідуального проекту
icon

Хто читає цей курс?

Олександр Слободян

Олександр Слободян

Front-End developer

Досвід роботи понад 15 років в таких компаніях як Motorsport Network, Lanars
Останні 5 років працюю з ReactJs та NextJs
Понад 10 років викладацької діяльності та менторства

Як відбувається навчання?

Живі заняття

Навчання в офлайн форматі та з можливістю онлайн підключення

90% практики

Практика з першого дня навчання: робота над реальним проектом для портфоліо

Підтримка викладачів

Закритий Telegram чат групи з викладачем, розбір домашніх завдань та регулярний зворотний зв'язок

Кар'єрні івенти

Онлайн-екскурсії в топові IT-компанії, тренінги з Soft Skills та підготовка до працевлаштування

Твоє резюме після навчання

Максим Рудских FRONT‑END developer Trainee
Зарплата від 600$
Графік Работа в офісі
Освіта Level Up
Ключові навички
  • Розробка проектів frontend-частини з нуля
  • Проектування інтерфейсів користувача
  • Знання та досвід роботи з популярним фреймворком NextJS та бібліотеками
  • Володіння інструментами контролю версій Git, GitHub
  • Розуміння принципів SSR технології та SEO
  • Сильні аналітичні здібності та увага до деталей
  • Готовність вчитися, зростати та вдосконалюватися в галузі якості

Так буде виглядати твій електронний сертифікат

який ти зможеш додати до свого CV

Инструменты, которые вы освоите

icon
instrumet preview
instrumet preview
instrumet preview
instrumet preview
instrumet preview
instrumet preview
instrumet preview
instrumet preview
instrumet preview
instrumet preview
instrumet preview

HTML

Мова гіпертекстової розмітки сторінок, яку застосовують для розмітки документів для перегляду веб-сторінок у браузері. Його використовують для того, щоб дати браузеру зрозуміти, як потрібно відображати завантажений сайт або сторінку.

instrumet preview

CSS

Каскадні таблиці стилів. CSS — формальна мова опису зовнішнього вигляду документа, написаного за допомогою мови розмітки. Також може застосовуватися до будь-яких XML-документів, наприклад SVG або XUL.

instrumet preview

JavaScript

Мультипарадигменна мова програмування. Підтримує об'єктно-орієнтований, імперативний та функціональний стилі. JavaScript – єдина мова програмування для браузерів.

instrumet preview

DOM

Незалежний від платформи та мови програмний інтерфейс, що дозволяє програмам та скриптам отримати доступ до вмісту HTML-, XHTML- та XML-документів, а також змінювати вміст, структуру та оформлення таких документів.

instrumet preview

AJAX

Технологія звернення до сервера без перезавантаження сторінки, які дозволяють веб-додаткам працювати асинхронно — обробляти будь-які запити до сервера у фоновому режимі техніки розробки веб-інтерфейсів, що дозволяють робити динамічні запити до сервера без видимого перезавантаження веб-сторінки: користувач не помічає, коли його браузер запитує дані. AJAX забезпечує динамічність та асинхронність web-розробок за відсутності необхідності оновлення сторінок.

instrumet preview

React

JavaScript-бібліотека з відкритим вихідним кодом для розробки інтерфейсів користувача. React розробляється та підтримується Facebook, Instagram та спільнотою окремих розробників та корпорацій. React може використовуватися для розробки односторінкових та мобільних додатків.

instrumet preview

NextJs

Фреймворк веб-розробки з відкритим вихідним кодом, створений приватною компанією Vercel, що надає веб-додатки на основі React із рендерингом на стороні сервера та генерацією статичних веб-сайтів.

instrumet preview

MVC

Паттерн розробки, який дозволяє розділити реалізацію логіки програми, зовнішній вигляд (графічний інтерфейс, GUI) та взаємодію з користувачами. З його допомогою можна створювати логічні частини програми окремо один від одного. Тобто писати незалежні блоки коду, які можна як завгодно міняти, не торкаючись інших.

instrumet preview

Git

Розподілена система управління версіями, які допомагають розробникам стежити за змінами коду.

instrumet preview

github

Найбільший веб-сервіс для хостингу IT-проектів та їхньої спільної розробки. Веб-сервіс заснований на системі контролю версій Git та розроблений на Ruby on Rails та Erlang компанією GitHub. Насамперед, сервіс Gitub - це хмарне сховище файлів. Сенс у тому, що на цьому сервісі ви можете розмістити файли зі свого комп'ютера і зберігати їх на віддаленому сервері. Причому, робити це можете абсолютно безкоштовно.

Допомагаємо з працевлаштуванням

кожен випускник Level Up отримує допомогу та підтримку Центру розвитку кар'єри

Надаємо консультацію

Разом із фахівцем ти проаналізуєш свої компетенції, визначиш кар'єрні цілі та позиціонування на ринку праці

Допомагаємо з резюме

Разом з кар'єрним менеджером ти складеш якісне резюме та супровідний лист, які допоможуть виділитися серед інших кандидатів

Пропонуємо вакансії

Менеджер з працевлаштування регулярно інформує студентів курсу про актуальні вакансії у наших компаній-партнерів

Сприяємо твоєму розвитку

Менеджер з працевлаштування створює безкоштовні івенти для розвитку твоїх soft skills та HR-зустрічі з роботодавцями

Допомагаємо отримати роботу мрії

Ти навчишся презентувати себе на співбесіді - очній або заочній. А якщо подаєш резюме на вакансії наших партнерів, менеджер з працевлаштування збирає зворотний зв'язок у роботодавців

Деталі курсу

Дата старта

в травні

Тривалість

32 години, 8 тижнів

Розклад

Пн, Чт 19:00-21:00

Способи оплати

Одразу за курс 10% знижка
Помісячно на без переплат
Покупка частинами
від
від 3 до 12 платежів без комісії

Дізнатись вартість та отримати консультацію

    Оплата курсу

    Виберіть кількість платежів

    Введіть слово, щоб почати пошук

    dontleave

    Ви впевнені, що Вам не потрібна наша консультація?

      Отримати консультацію

      happy

      Вітаю! 👏

      Ти вже на півдорозі до успішної кар'єри в IT

      Вашу заявку прийнято, ми зв'яжемося
      з вами протягом 30 хвилин