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

Старт: після узгодження графіку

Розклад:

гнучкий графік: за домовленістю

Поступове вивчення HTML, CSS та мов програмування JavaScript+TypeScript

HTML/CSS (тривалість узгоджується індивідуально)

  • Структура сторінок
  • 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 (тривалість узгоджується індивідуально)

  • Лексична структура, змінні
  • Типи даних та їх методи
  • Оператори
  • Умовні конструкції та цикли
  • Об'єкти, масиви та їх методи
  • Функції
  • Обробка помилок
  • Класи
  • Модулі
  • 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 (тривалість узгоджується індивідуально)

  • Налаштування середовища розробки з 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
  • Навчальний процес

    Індивідуально

    гнучкий графік: за домовленістю

    • Індивідуальний підхід до навчання
    • Навчання з власною швидкістю та графіком
    • Надання додаткових навчальних матеріалів
    • Наявність практичних домашніх завдань
    • Можливість для батьків бачити виконані практичні проджекти
    • Початок навчання в будь-який момент

    Ціни:

    тільки HTML/CSS:

    600 грн / 60 хв