top of page

front–end beginning

Code the web you use every day. From HTML to React.

start:

Mar 16, 2026

30 занять + 6 QA сесій

150$/міс

we will donate to the Defense Forces

about the course

Це комплексний курс для вивчення HTML, CSS, JavaScript, TypeScript та React з нуля до професійного рівня з практичними проєктами. Він створений для тих, хто прагне стати senior веброзробником та хоче поглибити свої знання у сучасних технологіях. Протягом навчання ви отримаєте практичні навички розробки адаптивних веб-сайтів і SPA-додатків з акцентом на якість коду та сучасні стандарти програмування.

curriculum
it will be hot

  • Структура веб-сторінки
  • Знайомство з інструментами розробника у браузері
  • Налаштування робочого середовища (редактор коду, Git, GitHub)
  • Базові принципи UI/UX дизайну

Основи веб-розробки

Як працює Інтернет та веб-браузери

  • Семантична розмітка HTML5
  • Форми та валідація
  • Доступність (ARIA, семантика)
  • SEO основи

HTML — основа веб-сторінок

Проєкт: створення семантично правильної веб-сторінки

  • Селектори та специфічність
  • Box model та розміщення елементів
  • Flex та Grid системи
  • Адаптивний дизайн та медіа-запити
  • CSS-препроцесори (SASS/SCSS)
  • CSS-змінні та кастомні властивості
  • Анімації та переходи

CSS — оформлення веб-сторінок

Проєкт: адаптивний веб-сайт

  • Синтаксис та основи мови
  • Типи даних, змінні, області видимості
  • Функції, параметри, замикання
  • DOM-маніпуляції
  • Події та обробники подій
  • Об'єктно-орієнтоване програмування в JavaScript
  • Основи асинхронності та Callbacks

Фундамент JavaScript

Проєкт: інтерактивна веб-сторінка

  • Прототипне наслідування
  • Функціональне програмування в JavaScript
  • This, bind, call, apply
  • Promises та ланцюжки промісів
  • Async/Await та обробка помилок
  • ES6+ можливості (деструктуризація, спред/рест оператори, стрілкові функції)
  • Map, Set, WeakMap, WeakSet
  • Object, Reflection и Proxy
  • ArrayBuffer та контейнери
  • Символи, ітератори, генератори

Поглиблені концепції JavaScript

Проєкт: реалізація асинхронного додатку

  • BOM (Browser Object Model) та Window
  • Navigation, Location, History API
  • Geolocation, Notification, Media
  • Storage API (localStorage, sessionStorage)
  • IndexedDB
  • Fetch API та XHR
  • FormData та валідація
  • Cookie та робота з ними
  • Робота з медіа (аудіо, відео, WebRTC)

Робота з браузером в JavaScript

Проєкт: додаток зі збереженням стану та роботою з API

  • Патерни проєктування Module, Factory, Observer, Singleton
  • Оптимізація продуктивності
  • Event loop та асинхронна архітектура
  • WebWorkers, ServiceWorkers
  • Garbage Collection та керування пам'яттю
  • Canvas та SVG для візуалізації даних
  • Server-sent events, WebSockets для реального часу
  • Мікросервісна архітектура на фронтенді

JavaScript — продуктивність та архітектура

Проєкт: оптимізований вебдодаток зі складною логікою

  • React основи (компоненти, props, state)
  • React hooks та життєвий цикл
  • Керування станом (Context API, Redux)
  • React Router
  • Вступ до Vue.js та Angular

Фронтенд-фреймворки

Проєкт: SPA додаток на React

read by

Владислав Продан

Senior Frontend Engineer у @ELEKS.

Former: Frontend Engineer у Astound Digital.

Register. The first step is yours.

register
the first step is yours

I accept the terms of the Public Offer and consent to the processing of my personal data in accordance with the Privacy Policy.

reviews
What graduates say

What awaits you?
have fun and dive deep

комунікація, яка тримає в тонусі

Зустрічаємось у Zoom двічі на тиждень — щовівторка і щоп’ятниці о 18:30. Лекції тривають 1.5 години, кожна записується, тож ви завжди зможете передивитися матеріал у зручний час. Також регулярно проводимо додаткові Q&A-сесії з лектором. Мова викладання — українська. Додаткові матеріали — англійською.

Slack — наш спільний простір. Тут обговорюємо задачі, ділимось підказками, пишемо хитрі тести й обговорюємо реферали в топ-компанії.

оточення, яке заряджає

Проводимо відбір, щоб ви навчалися в середовищі сильних і вмотивованих. Тих, хто не виконує домашки, — відраховуємо.

Лектор завжди на зв’язку — пояснить, доки не стане зрозуміло. Іноді це третя ітерація code review, іноді — залишаємося після лекції, щоб розібратись разом. Це нормально — ми тут, щоб вчитись і ставати сильнішими.

формат, який працює

Постійний зворотний зв’язок у Slack, на лекціях і QA-сесіях — ми завжди поруч.

Жодних поверхневих слайдів: тільки глибокий розбір цікавих задач із реального продакшену.

Сертифікат видаємо лише за реальні результати — виконані домашки, участь у дискусіях, відчутний прогрес.

bottom of page