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. Розуміє принципи побудови бекенда і розуміється на серверних технологіях.

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

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

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

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

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

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

Development

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

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

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

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

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

REST API

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

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

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

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

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

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

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

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

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

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

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

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

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

Дизайн сайту

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

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

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

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

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

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

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

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

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

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

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

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

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

Розглянути

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

HTML

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

CSS

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

JavaScript

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

DOM

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

AJAX

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

React

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

NextJs

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

MVC

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

Git

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

github

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

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

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

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

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

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

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

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

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

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

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

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

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

Деталі курсу

Дата старта

За запитом

Тривалість

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

Розклад

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

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

50% знижка на курс у запису

20% знижка ЗСУ та військовим

Покупка частинами
від від 3 до 4 платежів без комісії

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