Frontend-розробка

Записатись (форма)Поставити запитання в Telegram

Старт: одразу після оплати

Розклад:

вільний: графік

Курс складається з трьох частин. Наведені нижче переліки тематичних блоків не є вичерпними. Крім наведених нижче технологій окрема увага приділяється налаштуваню та використанню інструментів розробника (VS Code, Chrome DevTools, Git/GitHub/GitHubPages, npm тощо)

HTML/CSS (90 годин)

  • Структура сторінок
  • HTML-елементи
  • Семантика
  • Текст, зображення та посилання
  • Форми та ix стилізація
  • Мультімедіа
  • CSS-селектори та специфічність
  • Шрифти
  • Box-model, Позиціонування
  • Flexbox та Grid Layout
  • Кольори та фонові зображення
  • Змінні та функції в CSS
  • Переходи та Анімація
  • @media, адаптивні зображення, бургер-меню
  • @layer, Popover API, Carousel API
  • Препроцесори (SCSS)
  • CSS-бібліотеки та фреймворки (MVP, Bootstrap, Tailwind)
  • Багато практики на уроках та не менш ніж 10 домашніх завдань/проектів з перевіркою та фідбеком
  • бонус: Доступ до 100+ високоякісних figma-макетів з frontendmentor.io

    • JavaScript/TypeScript (180 годин)

  • Лексична структура, змінні
  • Типи даних та їх методи
  • Оператори
  • Умовні конструкції та цикли
  • Об'єкти, масиви та їх методи
  • Функції
  • Обробка помилок
  • Класи
  • Модулі
  • DOM, Events
  • Canvas
  • Асинхронний JavaScript
  • Валідація форм та RegExp
  • URL, History, Webstorage
  • Тестування коду (Jest)
  • Документація до проекту (jsDoc)
  • TypeScript - базові типи даних
  • TypeScript - Union Types, Type Aliases, Interfaces
  • TypeScript - Type Assertion та Literal Types
  • TypeScript - Generics, Conditional Types
  • TypeScript - Void, Unknown, Never
  • TypeScript - Типізація функцій
  • Багато практики на уроках та не менш ніж 30 домашніх завдань/проектів з перевіркою та фідбеком

    • React/Next.js (50 годин)

  • Налаштування середовища розробки з Vite
  • JSX та TSX синтаксис
  • React Components, Props, State
  • React Hooks (useState, useEffect, useContext, useRef)
  • Нові хуки React (useOptimistic, useFormStatus, useFormState)
  • Actions в React
  • Асинхронні компоненти в React
  • Suspense та lazy loading
  • Оптимізація рендерингу та Server Components
  • Next.js - розгортання проекту
  • Next.js App Router
  • Next.js Data Fetching
  • Next.js Rendering стратегії
  • Next.js Partial Prerendering
  • Next.js Caching та Revalidation
  • Next.js Styling (CSS Modules, Tailwind)
  • Next.js Оптимізація та аналітика
  • Next.js Authentication з NextAuth.js
  • Next.js Deploying (Vercel, Render)
  • Багато практики на уроках: Проект з Vite та React, Проект з Next.js App Router, Великий проект з використанням Next.js, React, TypeScript, Tailwind CSS та Server Components

    • Навчальний процес

    З менторством

    • Навчання з власною швидкістю та графіком
    • Перегляд відеозаписів уроків онлайн-групи
    • Додаткові навчальні матеріали в Google Classroom
    • Архіви коду ментора з уроків на Google Drive
    • Фідбек по домашнім завданням
    • Чат з ментором-автором курсу (підтримка 16 годин на добу, 7 днів на тиждень)
    • За потреби індивідуальна zoom-консультація з трансляцією коду
    • Підтримка ментора доступна 12 місяців з моменту відкриття першого уроку курсу
    • Доступ до уроків надається порційно, з орієнтиром на виконані домашні завдання.
    • Початок навчання в будь-який момент

    Ціни:

    тільки HTML/CSS (менторство на 3 місяці):

    2000 грн

    4000 грн

    актуально до 25.12.26

    пропозиція доступна також при сплаті частинами

    тільки JS/TS/React/Next.js (менторство на 7 місяців):

    6000 грн

    9000 грн

    актуально до 25.12.26

    пропозиція доступна також при сплаті частинами

    повний курс Frontend (менторство на 12 місяців):

    8000 грн

    12 000 грн

    актуально до 25.12.26

    пропозиція доступна також при сплаті частинами

    Записатись (форма)Поставити запитання в Telegram