Курси Frontend Developer: HTML та CSS

Добірка кращих курсів Frontend Developer, що познайомлять вас з сучасними практиками розробки сайтів. Ви зможете засвоїти з нуля основні технології для верстки сайтів: HTML, CS, JavaScript та Bootstrap. Досвідчені Frontend розробники також знайдуть для себе підходящі навчальні програми.
Читати далі

Порівняння усіх курсів

Фільтр
Курс
Формат
Online
Початок навчання
30.09.2025
Тривалість
18 тижнів
Рівень
Для початківців, Для досвідчених
Мова навчання
Ukrainian
Вартість
17 515 UAH за курс
Вечірні заняттяВидається диплом/сертифікатМожливе працевлаштуванняСупровід ментораРеальний проект у портфоліо
Prog Academy
  • Frontend
Подробиці

На курсі запропоновано десятки практичних завдань різної складності для закріплення теорії. В кінці курсу ви створите проєкт, який стане частиною портфоліо і резюме, а також отримаєте практику роботи в команді над реальним комерційним проєктом.

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

Верстка HTML/CSS

  • Основні завдання фронтенду. Інструменти розробки
  • Введення у HTML. Структура коду
  • Основні теги роботи із текстом, зображеннями
  • Створення веб-форм
  • Робота із таблицями даних
  • Списки
  • Введення в CSS, поділ змісту та уявлення
  • Контейнер CSS. Підключення CSS стилів. Застосування валідатора
  • CSS селектори
  • Способи розкладки CSS: float, grid, flexbox
  • Використання SASS, SCSS
  • Анімація, трансформація, переходи
  • Роботи з градієнтами
  • Сучасні типи верстки
  • Методологія БЕМ та рекомендації щодо назви класів
  • CSS-фреймворки: Bootstrap
  • CSS media queries
  • Нові специфікації HTML5 та CSS3
  • Семантичні теги. Теги фізичної та логічної розмітки у HTML5
  • Різні види верстки. Адаптивність та оптимізація верстки
  • IT-English Speaking Club з викладачем із IT компанії

JavaScript

  • JavaScript: історія, роль, синтаксис
  • Базові конструкції мови
  • Примітивні типи даних, змінні, оператори
  • Логічні структури
  • Робота з масивами: одновимірними, двовимірними
  • Методи та функції
  • Класи та об'єкти. Основи ООП
  • Конструктори та прототипи
  • JavaScript у браузерах: модель W3C DOM
  • Форми та регулярні вирази
  • Події, опрацювання подій
  • Інтерактивні інтерфейси. AJAX, Promise, Fetch
  • Сучасні можливості ES6-ES9
  • Архітектура REST
  • Бібліотека jQuery
  • Вивчення React та/або Vue.js
  • Збірка проектів: WebPack, Gulp
  • Робота з npm, npx, yarn
  • Основи Node.JS
  • Написання дипломного проєкту для портфоліо. Code review від викладача
  • Гарантоване стажування у комерційному проекті за підсумками тестування та захисту дипломного проєкту
  • IT-English Speaking Club з викладачем із IT компанії

Особливості курсу

  • Для людей віком від 12 років
  • Вечірня група (з 19.00)
  • Чат з тренером і групою
  • Стажування у реальному проєкті
  • IT English Speaking Club
  • Додаткові можливості у пакеті PLUS

Викладачі курсу

  • Всеволод Євгієнко - CEO та тренер
  • Дмитро Міщук - Тренер
  • Олександр Цимбалюк - Тренер
  • Філіп Севене - Тренер
  • Олег Суховеров - Тренер
  • Олег Новіков - Тренер
  • Олексій Рихлюк - Тренер
  • Максим Сластен - Тренер
Більше інформації
Курс
Формат
Online
Початок навчання
31.10.2025
Тривалість
7 місяців
Рівень
Для початківців
Мова навчання
Ukrainian
Вартість
5 700 UAH за місяць
Вечірні заняттяВидається диплом/сертифікатСупровід ментораРеальний проект у портфоліо
DAN IT Education
  • Frontend
Подробиці

Курс дозволить опанувати та зрозуміти принципи роботи HTML, CSS та JavaScript. На заняттях Ви навчитесь працювати з бібліотеками React.js, Redux, розумієте принципи побудови сучасних односторінкових додатків. Додатково отримаєте Soft навики, такі як робота в команді, розподіл задач, вміння презентувати себе та свої проєкти, критичне мислення та інше.

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

Підготовка до початку курсу

Наші студенти починають вчитися фактично одразу після того, як успішно проходять тестування і зараховуються на програму. Кожен при цьому отримує підготовчі теоретичні матеріали з верстки та Javascript. Перед кожним стоїть перша теоретична задача, щоб одразу перейти до практики на конкретних прикладах.

Модуль: Soft Skills

  • Основні комунікативні навички.
  • Орієнтування у ситуації спілкування.
  • Управління емоціями.
  • Емоційний інтелект.
  • Критичне мислення.
  • Робота у команді.
  • Самопрезентація.

Модуль 1. Частина 1: Основи HTML, CSS

  • HTML – засіб логічної розмітки веб-сторінки
    • Використовуючи структуру розмітки, можливо вносити дані на сторінку. У процесі першого модуля студенти навчаться описувати цю структуру, використовуючи HTML-теги
  • Основи CSS
    • Селектори CSS
    • Оформлення елементів
    • Управління розміром і положенням блоків на сторінці
    • Поля і відступи
    • Порядок верстки блоку
    • Тестування результатів верстки
    • Адаптивна веб-верстка
    • Нюанси кросбраузерності верстки
    • Базова анімація
    • Стандарт CSS3
    • Основні інструменти розробника
  • Основи JavaScript
    • Базові і об’єктні типи даних
    • Перетворення типів
    • Змінні і правила їх іменування
    • Умови, оператори, масиви, цикли, функції
    • Області видимості, замикання
    • Контекст виклику
    • Керуючі конструкції
    • Обробка помилок
    • Введення в браузерні події
    • Localstorage/Sessionstorage
    • Порядок обробки подій (event loop)
    • Взаємодія з браузером DOM
    • Функціями зворотного виклику (callback)
    • Знайомство з бібліотекою Jquery

Модуль 2. Advanced HTML/CSS

  • CSS методології на прикладі BEM
  • Верстка з піксельної точністю
  • Верстка з підтримкою Retina екранів
  • Крос-браузерна верстка
  • Web accessibility
  • Mobile first

Модуль 3. Advanced JavaScript

  • Основи об’єктно-орієнтованого програмування (ООП)
  • Базові шаблони проєктування
  • Основи функціонального програмування
  • Можливості стандарту ES6/ES7 (ECMAScript)
  • Також будуть розглянуті:
    • Конструктори
    • Прототипне наслідування (prototype)
    • Рекурсія
    • Модулі
    • Strict mode
    • Cookies
    • Async/ Await
  • Знайомство зі стандартами WebSocket, JSONP, AJAX, XMLHttpRequest, Promise, Single Page Application
  • Загальна інформація про RESTful API

Модуль 4. Основи роботи з бібліотекою React.js.

  • Верстка JSX
  • Віртуальний DOM
  • Components
  • Робота з Props/State компонента
  • React Router
  • Redux
  • Робота з ImmutableJS в React/Redux додатку
  • Робота з middleware, Redux-thunk
  • Redux-forms
  • Тестування додатку за допомогою Jest та Enzyme
  • Використання хуків у React

Воркшоп: Серверний JavaScript (BackEnd)

  • Знайомство з технологією Node.js
  • Інфраструктуру і використання пакетного менеджера NPM (package manager)
  • Фреймворк Express.js
  • Роботу з базами даних на прикладі MongoDB

Додаткові навички

  • Робота з Git Bash
  • Workflow від створення сховища до його відправки на віддалений сервер
  • Робота з гілками
  • Робота з файлами

Воркшопи та майстер класи

  • Курс Front End включає майстер-класи, воркшопи та участь у вебінарах від ізраїльських та українських фахівців

Soft skills, технічна англійська і підготовка до співбесіди

Фінальний проєкт

Команди студентів курсу фронтенд будуть працювати над фінальним проєктом за методикою scrum. Кожен проєкт розпочнеться з реалізації задачі клієнта. По закінченню фінального проєкту студенти-девелопери будуть презентувати його перед членами Наглядової ради.

Бонусний модуль: Англійська для ІТ

Особливості курсу

  • Живі заняття у вечірній час (19:00-22:00)
  • Система оцінки знань
  • Постійна підтримка ментора
  • Робота над реальними проєктами у команді
  • Увага до Soft skills
  • Допомога у працевлаштуванні

Викладачі курсу

  • Ігор Тоболяков - Front End Developer в Newfold Digital
  • Віталій Мудрий - Software Engineer в Gravity
  • Роман Марченко - Senior Frontend Developer, Freelance
  • Арсеній Деркач - Front-end React developer в Revjet
  • Максим Матвеєв - FrontEnd developer, Freelance
  • Богдан Адмін - Senior Software Engineer, NDA
  • Іван Сердюков - Web development lead at Clario
  • Андрій Моргун - Middle front-end engineer, LULU Software
  • Станіслав Чірва - Senior Frontend (JS) Engineer, EPAM Systems
Більше інформації
Курс
Формат
Online
Початок навчання
15.12.2025
Тривалість
9 тижнів
Рівень
Для досвідчених
Мова навчання
Ukrainian
Вартість
9 499 UAH за курс
Гнучкий графікВидається диплом/сертифікатСупровід ментораРеальний проект у портфоліо
SoftServe Academy
  • React
  • Frontend
Подробиці

Приєднуйся та розвивай свої навички з кодування: навчайся у власному темпі з допомогою необхідних матеріалів та підтримкою ментора, щоб підготуватись до стажування. Максимум уваги – на практику.

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

Теми:

  • JS for React
  • OOP in JS
  • Advanced JS (Asynchronous JS, Closures, Exceptions)
  • Create React App. JSX, Styles
  • React - Key, State, Props, Events
  • React - Lifecycle & Binding Event Handlers
  • React Virtual DOM, Hooks (useState, useEffect). Typescript
  • Storage (local/session), Web workers, Service workers, Web socket
  • Tools (npm, linter, babel, webpack)
  • Node, Fetch, Axios
  • React State Management (Redux)
  • Redux Toolkit
  • Advanced Redux
  • React Router
  • Refs, Higher-Order Component, DefaultProps
  • Composition, Context (useContext, useMemo, useCallback hooks)
  • Tests (react-testing-library)
  • MUI for React
  • Error Handling in React (Error Boundaries), creating custom Hooks

Особливості курсу

  • Практика насамперед: ти будеш кодувати, використовуючи завдання, схожі на ті, які зустрічаються на реальних проєктах в SoftServe
  • Мінімум теорії: курс для того, щоб кодувати. Якщо ж потрібно буде щось підівчити – ми зібрали усі необхідні відео та матеріали, щоб скоротити твій час на пошуки
  • 24/7 чат з учасниками в Discord: місце для твоїх опівнічних питань, веселих стікерів та спілкування з ментором
  • Усі завдання підготовлені менторами Softserve Академії, які знають про код все, адже працюють з ним щодня
  • Додаткові технічні е-курси
  • Розмовні клуби з англійської & селф-стаді
  • Короткі курси для розвитку софт навичок
  • Спільнота професіоналів-однодумців

Викладачі курсу

  • Mykhaylo Plesha - Ментор SoftServe Академії
  • Vladyslav Khrychov - Ментор SoftServe Академії
Більше інформації
Курс
Формат
Online
Початок навчання
13.10.2025
Тривалість
5 місяців
Рівень
Для початківців
Мова навчання
Ukrainian
Вартість
29 286 UAH за курс
Гнучкий графікВидається диплом/сертифікатМожливе працевлаштуванняСупровід ментораРеальний проект у портфоліо
CyberBionic Systematics
  • Frontend
Подробиці

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

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

HTML5, CSS3 для початківців

  • Введення у HTML. Типи елементів та атрибути
  • Введення в CSS та визначення розмірів блоків
  • Робота з відступами, властивість margin, робота з текстом та видимістю елементів
  • Верстка з використанням Flexbox
  • Комбінування селекторів та робота з фоном, властивість background
  • Семантична верстка
  • Форми
  • Позиціювання елементів
  • Практика
  • Практика

JavaScript стартовий

  • Введення до JavaScript. Змінні та типи даних
  • Строки та оператори
  • Логічні структури
  • Масиви та цикли
  • Функції
  • Об'єкти
  • Практика

Основи Git

  • Основи Git
  • Публікація репозиторію
  • Інтеграція з IDE

JavaScript базовий

  • Пошук елементів та DOM дерево
  • Зміна DOM дерева. CSS стилі
  • Події. Частина 1
  • Події. Частина 2
  • Події. Частина 3
  • Функції конструктори
  • Клами
  • Класи. Наслідування
  • Контекст функції
  • Замикання
  • Форми і елементи управління
  • Перевірка даних форми
  • Cookies i Web Storage
  • Обробка виключень
  • Асинхронний код. Promise
  • Мережеві запити
  • Практичне заняття
  • Практичне заняття

HTML5 та CSS3 Advanced

  • Принципи побудови розмітки. Flex, Grid, Шаблони сайтів
  • Мікродані і користувацькі дані
  • WebWorker. Audio, Video
  • Робота з графікою на стороні клієнта
  • Canvas
  • Анімація та градієнти
  • Sass основи
  • Практика
  • Практика

Практичний курс "7 кроків для успішної кар'єри в ІТ"

  • Знайомство з Кар’єрним сервісом у CyberBionic Systematics
  • Сайти пошуку роботи. Різниця, специфіка, рейтинг
  • Аналіз ринку праці для IT-фахівців
  • Реєстрація на сайтах для пошуку роботи та заповнення власних профілів
  • Створення резюме (CV)
  • Створення супровідного листа (Cover Letter)
  • Спілкування з рекрутерами
  • Підготовка до співбесіди з HR
  • Підготовка до технічної співбесіди
  • Як отримати офер і пройти випробувальний термін

Далі ви можете обрати один із двох шляхів

React Essential (Шлях 1)

  • Вступ до React
  • JSX у React
  • Основи React
  • Стан та життєвий цикл
  • Форми
  • Стилізація у React
  • Створення списку заміток
  • Hooks
  • Введення в роутинг
  • Створення сторінки помилки
  • Створення Модального вікна
  • Оптимізація та продуктивність React додатків
  • Практика. Реалізація інтерфейсу
  • Практика. Створення моделей даних
  • Практика. Захист курсового проєкту

TypeScript Fundamentals (Шлях 2)

  • Введення. Змінні та функції
  • Класи і інтерфейси
  • Generics
  • Модулі і простору імен
  • Практика

Angular (Шлях 3)

  • Введення до Angular
  • Події та датабайдинг
  • Директиви, пайпи. Роль модулів Angular
  • Компоненти та їх робота
  • Основи роботи сервісів та їх роль у додатку
  • Введення у HttpClient та RxJS
  • Форми в Ангуляр
  • Маршрутизація
  • Практичне заняття. Підготовка до роботи проєкту
  • Практичне заняття. Створення окремих сторінок динамічною маршрутизацію
  • Практичне заняття. Додавання форми з валідацією

Особливості курсу

  • Безкоштовні ключі на софт від Jetbrains
  • Добірка відео курсів від ITVDN у подарунок
  • Доступ до саписів уроків
  • HR-підтримка під час та після навчання
  • Перевірка ДЗ, ідбек
  • Спілкування та підтримка
  • Тестування і сертифікати
  • Курсові проєкти
  • Практикуми з ІТ експертами
  • Курс Business English
  • Курс IT English

Викладачі курсу

  • Олександр Гончаренко - Web Frontend Developer
  • Віталій Мазяр - Web Frontend Developer
  • Олексій Татаренков - Frontend Developer
Більше інформації
Курс
Рекомендуємо
Формат
Online
Початок навчання
13.10.2025
Тривалість
22 тижнів
Рівень
Для початківців
Мова навчання
Ukrainian
Вартість
29 286 UAH за курс
Гнучкий графікВидається диплом/сертифікатМожливе працевлаштуванняСупровід ментораРеальний проект у портфоліо
Itvdn
  • Frontend
Подробиці

На курсі Front-end ти опануєш сучасні технології веброзробки. Під час навчання зможеш обрати один із напрямків для подальшого розвитку: працювати з React.js, або ж Typescript та Angular.

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

HTML та CSS Стартовий

  • Введення в HTML. Типи елементів та атрибути
  • Введення в CSS та визначення розмірів блоків
  • Робота з відступами, властивість margin та робота з текстом і видимістю елементів
  • Верстання з використанням Flexbox
  • Комбінування селекторів та робота з фоном, властивість background
  • Семантичне верстання
  • Форми
  • Позиціювання елементів
  • Практика

JavaScript Стартовий

  • Введення в JavaScript. Змінні та типи даних
  • Рядки та оператори
  • Логічні структури
  • Масиви та цикли
  • Функції
  • Об'єкти
  • Практика

GIT - Основи роботи

  • Основи Git
  • Публікація репозиторію
  • Інтеграція з IDE

JavaScript Базовий

  • Пошук елементів і DOM дерево
  • Зміна DOM дерева. CSS стилі
  • Події. Частина 1
  • Події. Частина 2
  • Події. Частина 3
  • Функції конструктори
  • Класи
  • Класи. Наслідування
  • Контекст функції
  • Замикання
  • Форми та елементи управління
  • Перевірка даних форми
  • Cookies та Web Storage
  • Обробка винятків
  • Асинхронний код. Promise
  • Мережеві запити
  • Практика

HTML5 & CSS3 Поглиблений

  • Принципи побудови Grid розмітки, Шаблони сайтів
  • Мікродані та користувацькі дані
  • WebWorker. Audio, Video
  • Робота з графікою на стороні клієнта
  • Canvas
  • Анімації та градієнти
  • Sass основи
  • Практика

Практичний курс "7 кроків для успішної кар'єри в ІТ"

  • Знайомство з Кар'єрним сервісом у CyberBionic Systematics
  • Сайти пошуку роботи. Різниця, специфіка, рейтинг
  • Аналіз ринку праці для IT-фахівців
  • Реєстрація на сайтах для пошуку роботи та заповнення власних профілів
  • Створення резюме (CV)
  • Створення супровідного листа (Cover Letter)
  • Спілкування з рекрутерами
  • Підготовка до співбесіди з HR
  • Підготовка до технічної співбесіди
  • Як отримати офер і пройти випробувальний термін

Далі ви можете вибрати один з напрямків курсу:

TypeScript

  • Вступ. Змінні та функції
  • Класи та інтерфейси
  • Generics
  • Модулі та простори імен
  • Практика

Angular

  • Введення в Angular
  • Події та датабайдинг
  • Директиви, пайпи. Роль модулів Angular
  • Компоненти та їх робота
  • Основи роботи сервісів та їх роль у застосунку
  • Введення в HttpClient та RxJS
  • Форми в Ангуляр
  • Маршрутизація
  • Практичне заняття

React базовий

  • Введення в React
  • JSX у React
  • Основи React
  • Стан та життєвий цикл
  • Форми
  • Стилізація в React
  • Створення списку нотаток
  • Введення в роутинг
  • Створення сторінки помилки
  • Створення Модального вікна
  • Hooks
  • Оптимізація та продуктивність React застосунків
  • Практика

Особливості курсу

  • Ранкова (09:00 - 11:00) та вечірня (19:00 - 21:00) групи
  • 4 курсові проєкти
  • Пакет навчальних матеріалів з усіх уроків
  • Сертифікат про закінчення курсу (після захисту фінального проєкту та тестування)
  • Індивідуальні рекомендації тренера.

Викладачі курсу

  • Денис Ковтун - Web Frontend Developer, Сертифікований тренер Microsoft
  • Тарас Заславський - FrontEnd Developer
  • Ростислав Силівейстр - WEB Frontend Developer
  • Віталій Мазяр - Web Frontend Developer, Сертифікований тренер Microsoft
  • Ілля Стародуб - Angular Developer - Creative Digital Agency Krokus, Microsoft Certified Specialist
  • Володимир Виноградов - Full Stack Developer, Microsoft Certified Specialist
  • Владислав Бєлік - React FrontEnd Developer, тренер-консультант за напрямком FrontEnd
Більше інформації
Курс
Формат
Online
Початок навчання
13.10.2025
Тривалість
20 годин
Рівень
Для початківців
Мова навчання
Ukrainian
Вартість
5 395 UAH за курс
Вечірні заняттяВидається диплом/сертифікатСупровід ментораРеальний проект у портфоліо
CyberBionic Systematics
  • Frontend
Подробиці

Курс HTML5&CSS3 Стартовий складається з 10 логічно взаємопов'язаних уроків, на яких учні застосовують практично теоретичні знання технологій HTML5&CSS3 для створення простих елементів веб сторінки.

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

Введення у HTML. Типи елементів та атрибути

На початку курсу буде розглянуто, що таке HTML, для чого він потрібен і як пишуться його елементи. Ви дізнаєтеся про теги, форматування в HTML, про редактора в якому пишеться код початкової розмітки, з якою побудована будь-яка веб-сторінка і для чого використовуються коментарі в коді. Як додати на сторінку зображення, а також різні переходи за посиланнями. Дізнаєтесь перші типи елементів та їх різницю з можливими помилками під час написання коду.

Введення в CSS та визначення розмірів блоків

На занятті буде розглянуто способи підключення стилів на сторінку, види селекторів, за допомогою яких можна прив'язати стилі указаним елементам сторінки. І за якими принципами визначається пріоритетність записів у CSS. У цьому уроці студент розгляне базову поведінку елементів для формування ним розмірів. У яких випадках можливо, що контент випадатиме з елемента і псуватиме завнішній вигляд сторінки.

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

Студент познайомиться із механікою роботи зовнішніх відступів у елементів. Дізнається, що таке провалювання (схлопування) і в яких випадках воно є. Переглянемо не явні відступи під час роботи з рядково-блочними елементами. Познайомиться з різними правилами CSS для стилізації тексту і як працює спадкування стилів елементів нащадків. Як можна приховувати елементи розмітки на сторінці та у чому різниця між різними способами.

Верстка з використанням Flexbox

Метою заняття є розібрати основні принципи роботи модуля Flexbox та навчити їх використовувати. Можливість задавати гнучку відстань між блоками та як визначаються їх розміри у деяких випадках. Поведінка зовнішніх відступів під час використання flexbox.

Комбінування селекторів та робота з фоном, властивість background

Комбінування дуже важлива частина при написанні коду, що розглянуто в структурі списків і таблиць, оскільки великі вкладеності необхідно створювати і розбирати постійно на етапі роботи з проєктом. Можливості звернень до елементів із псевдокласів та роботу пріоритету в таких структурах. На заняттях буде розібрано основні способи запису палітри кольорів у властивостях, де вказується забарвлення. У чому різниця встановлення прозорості елемента через opacity() та rgba(). Випадки додавання картинок через CSS та розміщення багато їх на одному елементі.

Семантична верстка

Студент дізнається про нові семантичні теги які з'явилися з HTML версії 5 та правила їх використання. Розглянуто структури простих сайтів із використанням семантичних тегів.

Форми

Метою даного уроку є ознайомлення з формами та їх призначенням. Розгляд елементів форм, їх можливостей та нюансів роботи як з функціоналом, так і зі стилізацією.

Позиціювання елементів

Метою даного уроку є знайомство з форматуванням елементів сторінки, завдання позиціонування через властивість position. Також буде розглянуто псевдоелементи та можливість реалізовувати просту анімацію для елементів.

Практика

Метою даного уроку є закріплення пройденого теоретичного матеріалу.

Практика

Метою даного уроку є закріплення знань на практиці верстаючи макет.

Особливості курсу

  • Практичні заняття і перевірка ДЗ
  • Безкоштовний відеокурс
  • Онлайн тестування і сертифікація

Викладачі курсу

  • Сергій Патьоха - Senior Software Engineer at BIScience
  • Олександр Гончаренко - Web Frontend Developer
  • Анна Павлюк - Web Frontend Developer
  • Олена Хижняк - Web Frontend Developer
  • Поліна Соколенко - Web Frontend Developer
  • Анастасія Ткаченко - Web Frontend Developer
  • Філіп Севене - Web Frontend Developer
  • Віталій Мазяр - Web Frontend Developer
  • Оксана Дмитрієва - Web Frontend Developer
  • Ростислав Сілівейстр - Web Frontend Developer
  • Олександр Петрик - FullStack Developer, SEO at Dinamicka Development
  • Денис Ковтун - Web Frontend Developer
  • Богдан Мартиненко - Frontend Developer
  • Тарас Заславський - Frontend Developer
  • Владислав Бєлік - React Frontend Developer
  • Олексій Татаренков - Frontend Developer
  • Олексій Кучеренко - тренер консультант напрямку Frontend
  • Олександр Виноградов - Software Developer
Більше інформації
Курс
Формат
Online
Початок навчання
15.11.2025
Тривалість
22 годин
Рівень
Для початківців, Для досвідчених
Мова навчання
Ukrainian
Вартість
5 478 UAH за курс
Гнучкий графікВидається диплом/сертифікатСупровід ментора
CyberBionic Systematics
  • Angular
  • Frontend
Подробиці

Цей курс є частиною спеціальності Frontend розробник. Він допоможе вам вивчити основи платформи Angular.

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

Введення до Angular

  • Знайомство з фреймворком Angular
  • Огляд необхідних інструментів для початку розроблення
  • Створення додатку, огляд файлів та папок створеного проєкту
  • Знайомство з синтаксисом та структурою коду на Angular
  • Створення компонентів і їх реєстрація через CLI
  • Компонентний підхід задання стилів
  • Компоненти та модулі в додатку, а також те, як вони описані шаблоном Декоратор
  • Додавання картинок/іконок до проєкту

Події та датабайдинг

  • Основи маршрутизації і основні принципи виведення даних на сторінку
  • Створення простого проєкту з маршрутизацією
  • Задання різної логіки виведення даних
  • Стилізація розмітки через інструменти Angular
  • Розбір синтаксису запитів та технічної різниці між ними в їх використанні

Директиви, пайпи. Роль модулів Angular

  • Використання директив
  • Створення необхідних шаблонів, які повторюються в проєкті
  • Перетворення даних за допомогою пайпів
  • Модульна архітектура

Компоненти та їх робота

  • Стилі компонентів
  • Передача даних між компонентами
  • Взаємодія компонентів
  • Життєвий цикл компонентів

Основи роботи сервісів та їх роль у додатку

  • Основи роботи сервісів
  • Створення та реєстрація сервісу
  • Локальні сервіси
  • Область видимості сервісів та їх взаємозв'язок

Введення у HttpClient та RxJS

  • Основи бібліотеки RxJS та її використаннядля роботи з асинхронністю
  • Модуль HttpClientModule для взаємодії з сервером

Форми в Ангуляр

  • Створення форм в Angular
  • Двосторонній байдинг
  • Реактивні форми. Відображення стану форми та її полів
  • Валідатори
  • Управління формою, її полями
  • Асинхронні валідатори

Маршрутизація

  • Основи маршрутизації, динамічні сторінки
  • Динамічні сторінки і передача даних між ними
  • Обмеження маршрутизації в Angular

Практичне заняття. Підготовка до роботи проєкту

Підготовка до роботи проєкту, налаштування маршрутизації, реалізація простого запиту на сервер для виводу інформації в блоках.

Практичне заняття. Створення окремих сторінок динамічною маршрутизацією

Створення окремих сторінок динамічною маршрутизацію і передача даних між сторінками.

Практичне заняття. Додавання форми з валідацією

Додавання форми з валідацією.

Після завершення курсу ви будете вміти:

  • Розуміти роль та переваги Angular у веб-технологіях
  • Створювати простий додаток, який буде складатися з компонентів, модулів та сервісів
  • Налаштовувати маршрутизацію в додатку та передавати дані між сторінками
  • Використовувати додаткові вбудовані інструменти для додатку, такі як: директиви, пайпи, сервіси, форми
  • Виконувати запити та приймати відповіді з серверної сторони сайту/додатку

Особливості курсу

  • Практичні заняття і перевірка ДЗ
  • Безкоштовний відеокурс
  • Онлайн тестування і сертифікація

Викладачі курсу

  • Дмитро Охріменко - Експерт з побудови розподілених та веб-орієнтованих додатків
  • Сергій Патьоха - Senior Software Engineer
  • Олександр Гончаренко - Web Frontend Developer
  • Анна Павлюк - Web Frontend Developer
  • Олена Хижняк - Web Frontend Developer
  • Поліна Соколенко - Web Frontend Developer
  • Віталій Мазяр - Web Frontend Developer
  • Оксана Дмитрієва - Web Frontend Developer
  • Денис Ковтун - Web Frontend Developer
Більше інформації
Курс
Формат
Online
Початок навчання
04.11.2025
Тривалість
10 годин
Рівень
Для початківців, Для досвідчених
Мова навчання
Ukrainian
Вартість
2 739 UAH за курс
Вечірні заняттяВидається диплом/сертифікатСупровід ментораРеальний проект у портфоліо
CyberBionic Systematics
  • TypeScript
  • Frontend
Подробиці

В цьому курсі ви дізнаєтеся все, що необхідно для початку використання цієї мови програмування. Протягом 5 уроків, ви навчитеся користуватися інструментами для розробки і компіляції коду і освоїте синтаксичні конструкції, які є в TypeScript.

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

Введення. Змінні та функції

  • Навіщо використовувати TypeScript
  • Синтаксис TypeScript
  • Інструменти для роботи
  • Налаштування фреймворками
  • Створення HelloWorld додатки
  • Типи даних в TypeScript
  • Статична і динамічна типізація
  • Ambient Declarations
  • Об'єкти
  • Функції, Arrow function
  • Статичні типи

Класи і інтерфейси

  • Використання модифікаторів доступу
  • Accessors
  • Спадкування і використання ключового слова super
  • Робота з абстрактними класами
  • Використання інтерфейсів

Generics

  • Методи для роботи з масивами
  • Визначення узагальненого типу даних (Generic)
  • Generic і інтерфейси
  • Приклад створення словника
  • Обмеження при використанні generic
  • Шаблон Iterator
  • Використання Symbo
  • Використання генераторів

Модулі і простори імен

  • Використання просторів імен в TypeScript
  • Визначення модуля
  • Створення модулів
  • Використання завантажувачів модулів
  • Основи застосування Webpack

Практика

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

Особливості курсу

  • Практичні заняття і перевірка ДЗ
  • Безкоштовний відеокурс
  • Онлайн тестування і сертифікація

Викладачі курсу

  • Олена Хижняк - Web Frontend Developer
  • Віталій Мазяр - Web Frontend Developer
  • Оксана Дмитрієва - Web Frontend Developer
  • Денис Ковтун - Web Frontend Developer
Більше інформації
Курс
Формат
Online
Початок навчання
04.12.2025
Тривалість
32 занять
Рівень
Для дітей
Мова навчання
Ukrainian
Вартість
10 700 UAH за курс
Гнучкий графікВидається диплом/сертифікатСупровід ментораРеальний проект у портфоліо
Hillel IT school
  • Frontend
Подробиці

В рамках курсу Web-розробка для школярів студенти без досвіду в розробці вивчають HTML і CSS та JavaScript. Після успішного закінчення курсу студенти отримують достатньо знань і навичок для верстки сайту будь-якої складності.

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

Основи HTML

  • Знайомство з редактором коду
  • Починаємо ознайомлення з HTML
  • Основні теги, їх будова та властивості

Основи CSS

  • Cascading Style Sheets (CSS)
  • Застосування стилів у контексті HTML5
  • Cелектори
  • Колір CSS
  • Прозорість
  • Стилізація шрифтів

CSS Block Model

  • Основні елементи CSS
  • Знайомство з block model

Block Layout. Властивість display

  • Створення макету сторінки за допомогою блокової верстки
  • Властивість display
  • Вирівнювання плаваючих елементів

Робота з формами

  • Форми у HTML
  • Елементи форм
  • Атрибути value та name
  • Кнопки, текстові поля, напрямок тексту, поле пошуку
  • Поле введення пароля. Мітки та автофокус
  • Елементи для введення чисел
  • Повзунок. Прапорці та перемикачі
  • Елементи для введення кольорів, url, email, телефону
  • Валідація форм

FlexBox

  • Що таке FlexBox. Flex Countainer
  • Напрямок flex-direction. Flex-Wrap
  • Порядок елементів Flex-Flow
  • Властивість order. Вирівнювання елементів
  • justify-content. Вирівнювання елементів
  • align-items і align-self. Вирівнювання рядків та стовпців
  • align-content
  • Управління елементами. flex-basis, flex-shrink та flex-grow
  • Властивість flex

Створення макету FlexBox. Media Queries

Bootstrap

Animation

Трансформації, переходи та анімації.

CSS: Grid

Введення в JavaScript

  • Що таке JavaScript
  • Основи синтаксису
  • Коментарі
  • Підключення зовнішнього файлу JavaScript
  • Консоль браузера та console.log
  • Змінні та константи
  • Типи даних

JavaScript

  • Оператори порівняння
  • Логічні операції
  • Операції присвоєння
  • Умовні конструкції

JavaScript. JSON

  • Робота зі String
  • Масиви
  • Конвертування у JSON
  • Оператор for, forEach
  • Оператор while

JavaScript. Робота з DOM

  • Функції
  • Об’єкти DOM

jQuery

  • Selectors
  • Events
  • DOM

jQuery Effects and Animation AJAX JSON

Cookie and localStorage

Робота з localStorage. setTimeout, setInterval, Promise

  • localStorage. setTimeout, setInterval
  • Promise: async/await

Асинхронність

Сайт з даними

Canvas

  • Малювання фігур
  • Методи moveTo і lineTo
  • Метод rect
  • Fill, clip, arc, arcTo

Canvas Animation

  • Комплексні фігури
  • Малювання мишкою
  • Canvas Animation

Slider

Canvas Animation. Control object

Creating a game

В кінці курсу виконується дипломний проєкт

Особливості курсу

  • Невеликі групи
  • Система особистих кабінетів
  • Доступ до відеозаписів занять
  • Викладачі практики
  • Оперативна служба підтримки студентів
  • Практичні заняття

Викладачі курсу

  • Павло Зубак - Frontend Developer at Halo Lab
  • Руслан Воропай - Інженер-електронік
  • Олег Шевченко - Frontend Developer
  • Вадим Ольховик - Python Full-Stack Web Developer
  • Владислав Лещенко - React Developer at NIX
Більше інформації
Курс
Формат
Online
Початок навчання
02.09.2025
Тривалість
9 місяців
Рівень
Для дітей
Мова навчання
Ukrainian
Вартість
3 000 UAH за місяць
Гнучкий графікВидається диплом/сертифікатСупровід ментора
DAN IT Education
  • Frontend
Подробиці

На завершення курсу кожен студент розробить повноцінний проєкт, який буде захищений. Це дозволить набути досвіду у формуванні власного проєктного погляду та аргументуванні думок. Ця навичка допоможе дитині просувати власні ідеї у сфері IT, здобуваючи авторитет серед дорослих програмістів.

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

Модуль 1. HTML&CSS Basics

  • Основні HTML теги та атрибути
  • Основи CSS, блочна модель
  • Селектори CSS
  • Оформлення елементів
  • Поля і відступи
  • Порядок верстки блоку
  • Тестування результатів верстки
  • Управління розміром і положення блоків на сторінці 
  • Технологія Flexbox
  • Базова анімація 
  • Основні інструменти розробника 
  • Робота з GitLab, базові команди, створення свого репозиторію

Модуль 2: UI/UX design Basics

  • Базове знання Figma
  • Базове знання UI/UX
  • Основи сайтобудування

Модуль 3. Advanced HTML/CSS

  • Технологія Bootstrap 4 
  • Технологія Gulp
  • Просунута структура проєкту
  • Адаптивна верстка
  • Гумова верстка 
  • Препроцессори, а саме: Sass

Модуль 4. Basic JavaScript

  • Базові та об’єктні типи даних
  • Перетворення типів
  • Змінні й правила їх іменування
  • Умови, оператори, масиви, цикли, функції, робота з датами та часом
  • Введення в браузерні події
  • Робота з таймерами, localStorage
  • Області видимості
  • Контекст виклику
  • Обробка помилок
  • ООП в JavaScript – функції-конструктори, прототипи, класи

Модуль 5. Soft Skills

Модуль 6. Final Project

Особливості курсу

  • Для дітей віком від 12 до 15 років
  • До 15 дітей в групі
  • Система оцінки знань
  • Багато практичних завдань
  • Робота над власними проєктами
  • Сертифікат про закінчення навчання
Більше інформації
Курс
Формат
Online
Початок навчання
23.10.2024
Тривалість
6 місяців
Рівень
Для початківців
Мова навчання
Ukrainian
Вартість
16 500 UAH за курс
Гнучкий графікВидається диплом/сертифікатСупровід ментораРеальний проект у портфоліо
Logos IT-Academy
  • Frontend
Подробиці

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

HTML/CSS

На етапі курсу HTML/CSS ти отримаєш всі необхідні знання стосовно "каркасу", розмітки сайту. Навчишся застосовувати стилі, шрифти та опануєш всі основні моменти у побудові сайту. Створиш свою першу лендінг сторінку, навчишся як робити навігацію по сайту, сайдбар та багато іншого. Будеш працювати з зображеннями на сайті та текстовими блоками. Зрозумієш що таке мета-кодування сторінки та для чого воно використовується. Познайомишся з різними браузерами з точки зору розробника та зрозумієш переваги та недоліки кожного з них.

Основи програмування

У блоці "Основи програмування" ти поринеш у світ IT, зробиш свій перший крок до того, щоб зрозуміти що таке програмування та чим займаються програмісти. Будеш вивчати ази мови Java, розберешся чому вона одна з найпопулярніших. Також в цьому курсі ти напишеш ряд програм, які нададуть тобі перший поштовх в цій сфері. Цей блок підготує тебе до того, щоб перейти вже на професійний рівень програмування.

JavaScript

На цьому етапі курсу ти ще більше будеш заглиблюватись у веб-розробку та програмування. Дізнаєшся про всі особливості та можливості JavaScript. Навчишся ще більше взаємодіяти з користувачами на твоєму сайті через форми, корзину, карти, коментар та багато іншого. Тут ти зможеш зробити свій сайт більш функціональним та професійним.

JavaScript Advanced

На етапі курсу "JavaScript Advanced" ти зможеш реалізувати на своєму сайті все задумане, адже будеш вивчати такий популярний фреймворк Angular. Ти дізнаєшся про те які є фреймворки та як з ними працювати. Навчишся працювати з базами даних та зрозумієш особливості роботи сервера. Дізнаєшся що таке Git та опануєш новий для тебе підхід роботи з даними. Дізнаєшся що таке Gulp та як з його допомогою можна автоматизувати роботу фронтенд-розробника. Будеш працювати з об'єктами, функціями та дізнаєшся про всі можливості їх взаємодії у JavaScript. Вивчиш ще одну "мову програмування", фактично надбудову JavaScript, яка допомагає створювати масштабні проєкти, зберігаючи при цьому високу якість та спрощує процес самої розробки.

Проєкт

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

Тренінг "Співбесіда в IT"

На тренінгу ми навчимо тебе як правильно проходити співбесіду, щоб ти міг показати всі свої навики та успішно працевлаштуватись. Обговоримо яка специфіка співбесіди саме в ІТ сфері. Ти дізнаєшся з чого розпочинати розмову, що варто, а що не варто говорити та як переконати рекрутера, що ти його ідеальний кандидат.

Тренінг "Методологія управління проєктами SCRUM"

Тут ти дізнаєшся які є переваги цієї гнучкої методології та зможеш на практиці її застосувати. А також поговоримо:

  • у чому специфіка ринку ІТ
  • які є цінності у розробці ПЗ та готового продукту загалом
  • які ще є підходи до розробки та у яких випадках вони використовуються
  • як зробити продукт з точки зору безпеки як для клієнта, так і для кінцевого користувача

Ми детально пропрацюємо всі пункти та розберемо їх важливість. Ти зможеш стати частиною змодельованого процесу розробки та закріпити все на практиці. Більшість компаній працює саме за цією методологією, тому, дуже важливо вміти правильно взаємодіяти з колегами та розуміти всі процеси розробки.

Тренінг "Як заробити на міжнародному фрілансі UpWork першу 1000$"

Якщо ти хочеш працювати та не залежати від компанії тобі на UpWork. На фрілансі ти можеш працювати за своїм особистим графіком та брати тільки ті проєкти, які цікаві тобі. На тренінгу провідні спеціалісти розкажуть як ефективно працювати на UpWork. Розкажуть як здобути перший досвід та просуватись у рейтингу професійних розробників. Навіть маючи мінімальний досвід ти зможеш працювати над своїми першими проєктами та почнеш заробляти. Тебе чекає покрокова інструкція від реєстрації до пошуку та відбору проєкту.

Особливості курсу

  • Робота з експертами
  • Портфоліо
  • Зворотній зв'язок
  • Ефективне навчання
  • Диплом
  • Повний стек технологій
  • Закритий телеграм-чат
  • Геймифікація
  • Допомога з працевлаштуванням для успішних студентів

Викладачі курсу

  • Олександр Гуцуляк - Solution Architect at TeachMagic
  • Добрянський Юрій - CTO at Empeek
  • Тарас Кундик - Frontend Developer at CodeLions
  • Олег Коваль - Intermediate QC Engineer at SoftServe
  • Володимир Ярошинський - Python Developer at NDA Company
  • Юрій Кіт - Senior Software Engineer at TalentFly
  • Маріна Мокра - IT and Business English
  • Петро Жук - Web Software Developer at UKEESS Software House
  • Анна Кузій - Intermediate Software Engineer at SoftServe
  • Іванна Бабчанік - Senior Software Engineer at EPAM
  • Михайло Гладченко - CEO & Founder at Asign
  • Андрій Ровенський - Lecturer of Computer Science at Logos IT-Academy
  • Тарас Погорецький - Senior Full Stack Engineer at EPAM
Більше інформації
Курс
Формат
Online
Початок навчання
15.10.2025
Тривалість
46 годин
Рівень
Для початківців
Мова навчання
Ukrainian
Вартість
уточнюйте
Гнучкий графікВидається диплом/сертифікатСупровід ментораРеальний проект у портфоліо
Networking Technologies
  • Frontend
Подробиці

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

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

Основи HTML

  • Що таке HTML
  • Елементи, теги та атрибути
  • Структура сторінки

Налаштування середовища розробки

  • Використання терміналу при веб-розробці
  • Основи роботи з Git, (GitHub, Gitlab)
  • Налаштування плагінів для Visual Studio Code
  • Emmet plugin

Основи CSS

  • Основні CSS селектори
  • Як будувати структуру та називати класи
  • Одиниці виміру
  • Робота з кольорами
  • Робота з фоном
  • Робота з зображеннями
  • Робота з шрифтами
  • Блона модель
  • Скидання стилів
  • Властивість Display
  • Вирівнювання та центрування (Bootstrap, Figma, Skeleton)
  • FlexBox
  • Таблиці HTML
  • CSS Grid Layout
  • Потоки в CSS, абсолютне позиціонування
  • Псевдоелементи та псевдокласи
  • CSS анімації

Продовження HTML

Форми.

Препроцесори SCSS, Sass, Less

Препроцесори SCSS, Sass, Less.

Методологія BEM

Методологія BEM.

Продовження CSS

  • Мобільна верстка
  • Адаптивна верстка
  • Гумова верстка

Навички які ти отримаєш після курсу

  • Вебверстка: створення привабливих вебсторінок, їх стилізація
  • Використання CSS-фреймворків: майстерне володіння Bootstrap
  • Ефективне налагодження коду: виявлення й виправлення помилок на льоту
  • Адаптивний дизайн: створення сторінок, які красиво виглядають на будь-яких пристроях

Викладачі курсу

Світлана Троян - Front End Developer

Більше інформації
Курс
Формат
Online
Початок навчання
10.09.2025
Тривалість
10 тижнів
Рівень
Для початківців
Мова навчання
Ukrainian
Вартість
уточнюйте
Вечірні заняттяВидається диплом/сертифікатМожливе працевлаштуванняСупровід ментораРеальний проект у портфоліо
Levelup
  • Angular
  • Frontend
Подробиці

Пройдеш повний цикл створення веб-проєктів з нуля. Навчишся швидко та якісно створювати програми з використанням Angular. Налагоджувати вже існуючі програми та покращувати їх роботу.

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

Модуль 1. Встановлення Angular CLI

  • Встановлення Node.js та npm
  • Встановлення Angular CLI через npm
  • Створення нового проекту Angular

Модуль 2. TypeScript

  • Основи TypeScript
  • Типи даних (примітиви, об'єкти, масиви, функції)
  • Інтерфейси та класи

Модуль 3. Філософія Angular

  • SPA (Single Page Application) концепція
  • Архітектура Angular (MVVM, DI, модулі)

Модуль 4. Angular CLI

  • Основні команди CLI
  • Генерація компонентів, директив, сервісів
  • Виконання завдань, таких як build, serve, test

Модуль 5. Компоненти: Створення/Використання/Декоратори

  • Структура компоненту (TS, HTML, CSS)
  • Використання декораторів @Component
  • Створення компонентів через Angular CLI
  • Зв'язування даних (Data Binding)

Модуль 6. Component Life Cycle

  • Життєвий цикл компоненту
  • Основні методи життєвого циклу (ngOnInit, ngOnChanges, ngOnDestroy)
  • Використання хуків життєвого циклу для керування станом компонента

Модуль 7. Change Detection

  • Механізм виявлення змін
  • Оптимізація продуктивності

Модуль 8. Модулі / standalone

  • Основи створення модулів в Angular
  • Використання декоратора @NgModule
  • Standalone компоненти
  • Створення standalone компонентів

Модуль 9. Директиви + Pipes

  • Основи створення директив
  • Відмінності між структурними та атрибутивними директивами
  • Використання вбудованих директив (ngIf, ngFor)
  • Створення та використання pipes
  • Вбудовані pipes (DatePipe, CurrencyPipe, UpperCasePipe)
  • Асинхронні pipes (async pipe)

Модуль 10. Services

  • Основи створення сервісів
  • Використання декоратора @Injectable
  • Використання HttpClient для виконання HTTP запитів
  • Обробка помилок та інтерсептори

Модуль 11. Форми Reactive Forms

  • Основи Reactive Forms
  • Створення FormGroup та FormControl
  • Зв'язування форми з шаблоном

Модуль 12. Обробка даних форми

  • Використання FormBuilder для спрощення створення форм
  • Валідація форм (вбудована та кастомна)
  • Відстеження стану та змін форми

Модуль 13. Форми валідація, динамічне створення

  • Вбудовані валідатори (required, minLength, maxLength)
  • Кастомні валідатори
  • Асинхронні валідатори

Модуль 14. Динамічне створення форм

  • Динамічне додавання та видалення контролів
  • Створення форм за допомогою даних з сервера
  • Динамічні форми з повторюваними елементами

Модуль 15. Ін'єкція залежностей

  • Основи ін'єкції залежностей
  • Використання декоратора @Injectable
  • Впровадження DI (Dependency Injection) в Angular
  • Використання провайдерів

Модуль 16. Роутінг

  • Налаштування маршрутизації в додатку
  • Використання RouterModule та Routes
  • Створення навігації між сторінками
  • Lazy Loading модулів
  • Guard-и та Resolver-и

Модуль 17. Angular Material/PrimeNG

  • Angular Material
  • PrimeNG

Модуль 18. RxJS

  • Основи RXJS
  • Спостережувані (Observables) та підписники (Subscribers)
  • Основні оператори (map, filter, tap)
  • Обробка асинхронних даних

Модуль 19. Store - state management

  • Основи управління станом
  • Поняття глобального стану
  • Використання бібліотеки NgRx
  • Створення стору, редюсерів та екшенів

Модуль 20. Store практика

  • Реалізація простого додатку
  • Створення простого додатку з використанням NgRx
  • Управління станом додатку

Модуль 21. Translate Service

  • Інтернаціоналізація додатку
  • Використання бібліотеки ngxtranslate
  • Створення файлів перекладів
  • Динамічна зміна мови в додатку

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

  • Розуміти, як працює відстеження змін. Налагоджувати вже існуючі програми та покращувати їх роботу
  • Швидко та якісно створювати програми з використанням можливостей Angular приймаючи правильні архітектурні рішення
  • Збирати веб-додатки з окремих компонентів, як з деталей конструктора та застосовувати шаблони Angular дизайну
  • Використовувати в роботі низку допоміжних бібліотек, які часто доповнюють Angular для створення повнофункціональних додатків
  • Навчишся справлятися з витоками пам'яті у своїх проєктах, щоб підвищити продуктивність
  • Візьмите участь у командному стажуванні та створите власний проєкт - інтернет-магазин. Роботу організуєте як у справжній компанії - у вас будуть спринти, дзвінки з тимлідом, а вести контроль версій у Git.

Особливості курсу

  • Живі онлайн заняття
  • 90% практики
  • Підтримка викладачів
  • Кар'єрні івенти
  • Можлива оплата курсу частинами

Викладачі курсу

Димтро Томчук - Front-End Developer (Angular Developer)

Більше інформації
Курс
Формат
Online
Початок навчання
18.08.2025
Тривалість
130 годин
Рівень
Для початківців
Мова навчання
Ukrainian
Вартість
5 000 UAH за місяць
Вечірні заняттяВидається диплом/сертифікатСупровід ментора
DAN IT Education
  • Frontend
Подробиці

Курс для вивчення основ HTML, CSS та Javascript. Після курсу кожен студент отримає повний набір навичок, які необхідні для працевлаштування, а також свій проєкт для портфоліо.

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

Модуль: Soft Skills

Блок 1. Основи HTML, CSS

  • HTML – засіб логічної розмітки веб-сторінки
    • Використовуючи структуру розмітки, можливо вносити дані на сторінку. У процесі першого модуля студенти навчаться описувати цю структуру, використовуючи HTML-теги
  • Основи CSS
    • Селектори CSS
    • Оформлення елементів
    • Управління розміром і положенням блоків на сторінці
    • Поля і відступи
    • Порядок верстки блоку
    • Тестування результатів верстки
    • Базова анімація
    • Стандарт CSS3
    • Основні інструменти розробника

Блок 2. Основи JavaScript

  • Базові та об’єктні типи даних
  • Перетворення типів
  • Змінні та правила їх іменування
  • Умови, оператори, масиви, цикли, функції
  • Області видимості, замикання
  • Контекст виклику
  • Керуючі конструкції
  • Обробка помилок
  • Введення в браузерні події
  • Порядок обробки подій (event loop)
  • Взаємодія з браузером DOM
  • Функціями зворотного виклику (callback)
  • Знайомство з бібліотекою Jquery

Фінальний проєкт

Реалізація landing page на HTML, CSS та Javascript з використанням SVG графіки, паралакс ефекту, перемикання вкладок, анімованої каруселі та анімованих блоків, використовуючи бібліотеку jQuery та плагіни до неї, а також з використанням бібліотеки для роботи із зображеннями.

Особливості курсу

  • Живі заняття у вечірній час (19:00-22:00)
  • Система оцінки знань
  • 15 практичних завдань
  • Дипломний проєкт для портфоліо
  • Допомога у працевлаштуванні

Викладачі курсу

  • Андрій Моргун - Middle front-end engineer, LULU Software
  • Богдан Адмін - Senior Software Engineer, NDA
  • Роман Марченко - Senior Frontend Developer, Freelance
Більше інформації
Курс
Формат
Online
Початок навчання
16.12.2025
Тривалість
12 занять
Рівень
Для досвідчених
Мова навчання
Ukrainian
Вартість
10 400 UAH за курс
Гнучкий графікВидається диплом/сертифікатСупровід ментораРеальний проект у портфоліо
Hillel IT school
  • React
  • Frontend
Подробиці

Курс, присвячений бібліотеці React, який розкриває всі його особливості. Під час проходження курсу розробите власний проєкт, розберете типові проблеми односторінкового додатку, ознайомитесь зі стеком технологій, на якому будуються програми.

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

React

  • Основи React
  • Робота з віртуальним DOM
  • React компоненти
  • Прив'язка даних
  • Стан компонента
  • Життєвий цикл компонента
  • React Hooks
  • Робота із запитами
  • Маршрутизація
  • Робота зі станом (flux, redux)
  • Реалізація проекту

Особливості курсу

  • Курс розрахований на розробників, які мають навички роботи з HTML, CSS та JavaScript
  • Заняття проводиться у форматі дистанційного навчання
  • Особистий кабінет для кожного учня
  • Оперативна служба підтримки студентів
  • Відеозаписи занять зберігаються в особистому кабінеті та залишаються у студентів після закінчення навчання
  • Велика кількість практичних занять
  • Викладачі курсу - практикуючі фахівці, що працюють в топових компаніях
  • Можливість повернути всі внесені за навчання кошти до шостого заняття
  • Бонус курсу: тренінги по проходженню співбесіди та складанню резюме з HR-фахівцем компанії.

Викладачі курсу

  • Іван Стельмах - Senior Software Engineer at Avenga
  • Василь Цивінський - JavaScript Engineer at Software MacKiev
  • Андрій Нагорний - React/React-Native Developer at GlobalLogic
  • Владислав Продан - Middle Front-end Developer at Eleks
Більше інформації
Курс
Формат
Online
Початок навчання
01.05.2025
Тривалість
12 місяців
Рівень
Для початківців
Мова навчання
Ukrainian
Вартість
49 580 UAH за курс
Вечірні заняттяВидається диплом/сертифікатСупровід ментораРеальний проект у портфоліо
IT STEP Academy
  • Frontend
Подробиці

Ви почнете з основ верстки HTML та CSS. Вивчите JavaScript та фреймворки, а до кінця курсу навчитеся робити веб-сторінки та корпоративні сервіси. Отримаєте досвід роботи в команді та почнете кар'єру веб-розробника.

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

Базовий семестр

  • Технології АІ
  • Технології АІ для вирішення універсальних задач
  • Хмарні технології та бази даних
  • Orientation in development: Low-Code та No-Code платформи, Front-End та Back-End

Введення у Web. Структура HTML

  • Введення у предмет
  • Введення в мову розмітки. Мова розмітки гіпертексту HTML
  • Правила запису тегів та їх атрибутів у стандарті HTML5. Синтаксичні відмінності HTML4, XHTML, HTML5
  • Основні помилки у записах тегів
  • Структура документа HTML5
  • Кодування сторінки та meta-теги
  • Класифікація тегів: лінійні та блокові
  • Модель форматування тексту: заголовки та абзаци. Елементи p, h1..h6. Вирівнювання тексту блокових елементів: атрибут align
  • Класифікація тегів: логічне та фізичне форматування
  • Практика: створення найпростішої web-сторінки

Форматування за допомогою CSS

  • CSS - каскадні таблиці стилів
  • Теги без форматування div - блоковий, span - лінійний
  • Аналогія HTML та CSS на прикладі лінійних та блокових тегів
  • Додаткові властивості CSS для форматування тексту: letter-spacing, line-height, text-intend, text-transform, white-space, word-spacing
  • Використання атрибутів class та id для завдання стилів
  • Використання зовнішніх CSS-файлів стилів
  • Практика: форматування тексту за допомогою CSS
  • Створення списків
  • Створення вкладених списків
  • Форматування списків за допомогою CSS
  • Списки визначень: dl, dd, dt
  • Управління відступами та полями
  • Практика створення списків

JavaScript та бібліотека jQuery

  • Введення в JavaScript
  • Об'єкт. Масиви. Об'єкт Array. Терміни. Об'єкти String, Date, Math. Введення в об'єкт. Введення в об'єктно-орієнтоване програмування
  • Опрацювання подій
  • Browser Object Model. Document Object Model
  • Форми
  • Перевірка достовірності форм. Використання куків
  • Малювання за допомогою canvas, підтримка медіа-можливостей
  • JSON, AJAX
  • ECMAScript 6, ECMAScript 11
  • Модульне тестування
  • Структурні патерни
  • Патерни проєктування
  • Патерн MVS
  • Принципи проєктування класів Solid
  • Введення у jQuery. Події jQuery. Стилі та анімація. Взаємодія із DOM. AJAX та jQuery
  • Командна праця. Управління програмними проєктами

Використання фреймворку Angular, React

  • NodeJS
  • Складання проєктів за допомогою Webpack та інших інструментів
  • Angular
  • React

Особливості курсу

  • Заняття 2 рази на тиждень по 2 пари
  • Структурована подача знань
  • Підтримка викладачем
  • Готовий проєкт для портфоліо
  • Підготовка до працевлаштування
Більше інформації
Курс
Формат
Online
Початок навчання
06.05.2025
Тривалість
24 годин
Рівень
Для досвідчених
Мова навчання
Ukrainian
Вартість
24 000 UAH за курс
Гнучкий графікВидається диплом/сертифікатСупровід ментораРеальний проект у портфоліо
Світ Сучасної Освіти
  • Angular
  • Frontend
Подробиці

Студенти на курсі будуть вивчати не тільки внутрішні механізми, а й навколишню екосистему, невід'ємну при повноцінної розробки вебдодатків. Слухачі дізнаються, як інтегрувати CI/CD-процеси, як створювати білди, як взаємодіяти з іншими модулями і як будувати легко підтримувані додатки на базі Angular 15.

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

Поглиблена робота з RxJS

  • Що вирішує RxJS?
  • Observables: глибоке розуміння та застосування
  • Управління потоками даних (switchMap, mergeMap, concatMap, exhaustMap)
  • Subject, BehaviorSubject, ReplaySubject
  • Використання операторів для трансформації потоків
  • Signal API як альтернатива традиційній реактивності

Маршрутизація та Lazy Loading

  • Вкладені маршрути та їхня взаємодія
  • Захист маршрутів (Guards, Resolvers, Interceptors)
  • Оптимізація завантаження модулів
  • Динамічні маршрути та параметри

Управління станом додатка (State Management)

  • Чим відрізняються підходи: Signals, Redux, NgRx, Akita, MobX?
  • NgRx: Store, Actions, Effects, Selectors
  • Використання Signal API для керування станом
  • Структурування сховища даних
  • Взаємодія з API через ефекти

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

  • Методи авторизації: OAuth2, JWT, OpenID Connect
  • Angular + Node.js + Express.js для безпеки додатка
  • Використання Firebase Authentication
  • Захист маршрутів та доступ до ресурсів

SSR та SSG

  • Angular Universal: що це і навіщо?
  • Використання ngExpressEngine
  • Оптимізація продуктивності через SSR
  • Генерація статичних сторінок (SSG)
  • Використання ISR (Incremental Static Regeneration)

Мікрофронтенд-архітектура

  • Що таке Micro Frontends і коли їх варто використовувати?
  • Webpack Module Federation
  • Інтеграція Angular у гібридні рішення

Тестування та оптимізація додатка

  • Unit-тестування з Jasmine та Karma
  • End-to-end тестування з Cypress
  • Оптимізація продуктивності (Change Detection, OnPush, TrackBy)
  • Lighthouse-аналіз та покращення швидкодії

Деплой та CI/CD

  • Платформи деплою: Vercel, Firebase, Hostiq, GitHub Actions
  • Створення автоматичних пайплайнів у CI/CD
  • Налаштування Docker-контейнерів для Angular
  • Використання серверless-функцій для бекенду

Як залишатись в курсі оновлень Angular

  • Де шукати актуальну інформацію про оновлення?
  • Огляд офіційної документації та найкращих ресурсів
  • Як самостійно навчатися новим можливостям Angular

Мінімальні вимоги

  • Впевнене володіння Angular та JavaScript
  • Досвід роботи з HTTP-запитами та сервісами
  • Розуміння принципів реактивного програмування
  • Базове знання Node.js та Express.js

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

  • Створювати, підтримувати і деплоїти додаток на базі Angular
  • Інтегрувати систему OAuth
  • Розуміти різницю між підходами до менеджменту даних
  • Створювати повноцінні портовані модулі Angular-екосистеми

Особливості курсу

  • Допомога ментора
  • Практика
  • Сертифікат про проходження курсу
Більше інформації
Курс
Формат
Online
Початок навчання
Дата формується
Тривалість
21 годин
Рівень
Для початківців
Мова навчання
Ukrainian
Вартість
21 000 UAH за курс
Гнучкий графікВидається диплом/сертифікатСупровід ментораРеальний проект у портфоліо
Світ Сучасної Освіти
  • Angular
  • Frontend
Подробиці

Студенти ознайомлюються з оновленим фреймворком Angular 15, дізнаються про основні його переваги, можливості, компоненти та інше. Слухачі навчаться користуватись формами та HTTP-протоколом, попрактикуються в роботі з TypeScript та вивчать усю функціональність фреймворку, необхідну для створення односторінкових SPA-додатків.

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

Вступ в Angular

  • Знайомство з фреймворком
  • Основні переваги
  • Унікальні можливості
  • Знайомство та робота з TypeScript
  • Основи модульної архітектури

Створення першого додатка та структура фреймворку

  • Запуск першого проєкту
  • Робота з CLI
  • Організація коду в Angular-додатку
  • Standalone Components vs NgModules
  • Підключення змінних та функцій

Основи роботи з DOM в Angular

  • Компоненти та їх структура
  • Директиви (структурні та атрибутивні)
  • Pipes (вбудовані та кастомні)
  • Шаблонізація та робота з подіями
  • Вступ до Angular Elements

Робота з даними та реактивністю

  • Прив'язка даних (Data Binding)
  • Декоратори та сервіси
  • Взаємодія між компонентами
  • Сигнали (Signal API) та Observables
  • Використання HttpClient для роботи з API

Робота з формами

  • Шаблонні та реактивні форми
  • Валідація форм
  • Отримання та обробка даних з форм
  • Динамічні форми та кастомні валідатори

Життєві цикли компонентів

  • Використання хуків життєвого циклу
  • constructor, ngOnInit, ngOnDestroy та інші
  • Детальний розбір роботи з компонентами

Маршрутизація та Lazy Loading

  • Angular Router: основи та налаштування
  • Динамічні маршрути та передача параметрів
  • Захист маршрутів (Guards)
  • Lazy Loading для оптимізації продуктивності

Оптимізація, тестування та Best Practices

  • Робота з Change Detection та оновлення UI
  • Використання NgRx або Signals для керування станом
  • Юніт-тестування компонентів та сервісів
  • Angular Material та інші UI-бібліотеки

Мінімальні вимоги

  • Впевнене знання JavaScript
  • Вміння працювати з системою контролю версій

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

  • Розуміти цілі розробки фреймворка і переваги його використання
  • Розбиратися в принципах двостороннього зв'язування даних
  • Працювати з формами, перевіряти їх та обробляти помилки
  • Працювати з вбудованими директивами й створювати свої
  • Створювати прості односторінкові додатки, використовуючи фреймворк
  • Використовувати CLI (Command line interface) для створення і розробки проєкту

Особливості курсу

  • Допомога ментора
  • Практика
  • Проєкт в портфоліо
  • Сертифікат про проходження курсу
Більше інформації
Курс
Формат
Online
Початок навчання
Дата формується
Тривалість
21 місяців
Рівень
Для дітей
Мова навчання
Ukrainian
Вартість
2 900 UAH за місяць
Гнучкий графікВидається диплом/сертифікатСупровід ментораРеальний проект у портфоліо
Uprise ІТ Академія
  • Frontend
Подробиці

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

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

Структура курсу

  • HTML&CSS + git&github
  • Інструменти для інтерфейсного дизайну (Figma, Sketch, Adobe XD): Дизайн та прототипи
  • Просунутий конструктор сайтів Webflow
  • JavaScript
  • Фреймворки (Vue та React)
  • Додаткові бібліотеки та інструменти
  • Підготовка до працевлаштування

Додаткові теми

HTML & CSS + git & github

  • Фреймворки CSS (Sass, Less): Гнучке та ефективне написання стилів
  • CSS-методології (BEM, OOCSS, SMACSS): Управління стилями
  • Інструменти автоматизації (Gulp)
  • Робота з ШІ (Copilot, Supermaven, ChatGPT)

JavaScript

Робота з бандлерами Webpack та Rollup: Взаємодія з зовнішніми даними.

Фреймворки (Vue та React)

  • Робота з REST API: Взаємодія з зовнішніми даними
  • Управління стейтом (Redux(React) / Pinia(VUE))
  • Роутинг: Vue Router (VUE),(React router DOM) (React)
  • Просунута типізація (TypeScript)
  • Бібліотеки для роботи з HTTP-запитами (Axios, Vue Query (VUE), React Query (React)): Управління асинхронними запитами
  • UI-бібліотеки компонентів (Shadcn ui, Tailwind CSS Components): Компоненти для швидкої розробки UI

Додаткові бібліотеки та інструменти

  • Оптимізація продуктивності (Performance Optimization): Техніки підвищення швидкості
  • Тестування (Jest, Mocha, Cypress): Забезпечення надійності та якості коду
  • Server-Side Rendering (SSR): Next.js для React, Nuxt.js для Vue
  • Motion UI, Framer Motion: Плавні анімації
  • SVG анімації та маніпуляції: Векторна графіка
  • WebGL та Three.js: 3D-графіка
  • websocket

Проміжні результати

  • Перші уроки: Розуміння HTML та CSS, створення простої веб-сторінки
  • Наступні 8 уроків: Знання JavaScript, створення інтерактивних елементів
  • Наступні уроки: Освоєння фреймворків, створення простого додатку
  • Далі: Глибше вивчення інструментів автоматизації, управління станом, роутинг

Що отримає студент

Практичні навички

  • Створення структурованих веб-сторінок за допомогою HTML
  • Стилізація та модульність стилів з використанням CSS і Sass
  • Додавання інтерактивних елементів за допомогою JavaScript
  • Робота з фреймворками React або Vue для побудови сучасних веб-додатків
  • Управління станом додатка з Redux(React) тa Pinia(VUE)
  • Налаштування навігації між сторінками (роутинг)
  • Автоматизація задач з Gulp
  • Використання Git для контролю версій і командної роботи

Портфоліо

Студенти створять власне портфоліо з розробленими веб-додатками, що стане чудовою основою для подальшої кар'єри.

Кар'єрні можливості

  • Отримані знання дозволять претендувати на позиції фронтенд-розробника
  • Можливість працювати над простими та середніми проєктами
  • Високі шанси на працевлаштування з початковою зарплатою від $500 до $1000 на місяць

Де можна використати ці навички

  • Кар'єра в ІТ: Можливість почати кар'єру у сфері веб-розробки та з часом стати провідним фахівцем
  • Фриланс: Виконання замовлень на створення та підтримку веб-додатків для клієнтів з усього світу
  • Особисті проєкти: Реалізація власних ідей та стартапів, створення персональних або комерційних веб-додатків

Особливості курсу

  • Допомога ментора
  • Практика
  • Вік: від 13 до 17
  • Інтенсивність - 2 заняття на тиждень
  • Сертифікат про проходження курсу
  • Проєкт в портфоліо

Викладачі курсу

  • Тарас - Front-end Developer
  • Назар - React & Next.js Developer
Більше інформації
Курс
Формат
Online
Початок навчання
Дата формується
Тривалість
4 місяців
Рівень
Для початківців
Мова навчання
Ukrainian
Вартість
20 880 UAH за курс
Гнучкий графікВидається диплом/сертифікатСупровід ментораРеальний проект у портфоліо
Stfalcon Academy
  • Frontend
Подробиці

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

CSS/HTML

  • Основи Git. GitHub
  • Figma. Photoshop
  • Контент. Семантика. HTML теги. Атрибути. Валідація
  • Введення в CSS. Синтаксис. Селектори
  • Одиниці виміру
  • Стилізація текстів. Шрифти. Наслідування
  • Блочна модель і позиціонування
  • Графіка на сторінці. <img/>. Background. Тіні
  • Анімація в CSS
  • Адаптивний веб-дизайн
  • Основи Twitter Bootstrap

JavaScript

  • Знайомство з JS
  • Змінні. Типи даних
  • Оператори
  • Умовні оператори
  • Цикли
  • Функції
  • Робота з числами і текстом
  • Дата і час
  • Об'єкти
  • Наслідування
  • jQuery (взаємодія з вибіркою)

Vue.js

  • Основи Vue.js
  • Умови, списки
  • Основи компонентів
  • Події, робота з формами
  • AJAX
  • Слоти, користувацькі події
  • Переходи і анімація, слайдери зображень
  • Маршрути (Vue-Router)
  • Vuex або глобальне сховище
  • PWA

По закінченню курсу ви:

  • Зможете самостійно створювати нескладні веб-сторінки та програмувати скрипти
  • Опануєте практичні інструменти роботи веб-розробника
  • Отримаєте досвід роботи з адаптивним дизайном
  • Зрозумієте структуру клієнтської частини сайту
  • Вивчите синтаксис мов
  • На практиці освоїте програмування та попрацюєте над власними проєктами
  • Отримаєте досвід роботи з оптимізацією сайтів під мобільні платформи

Особливості курсу

  • Онлайн навчання
  • 2 заняття на тиждень по 2 години
  • Сертифікат про проходження курсу
  • Підтримка ментора

Викладачі курсу

Денис Скоров - Full Stack Developer

Більше інформації

Сторінки

Читайте нас в Telegram, щоб не пропустити анонси нових курсів.

Відгуки про курси

Гість   28.04.2025

Радію, що син залюбки займається. Чудова викладачка Тетяна вміє залучити і зацікавити, завжди допомагає розібратися, якщо щось не зрозуміло. Організація курсів виправдовує очікування на 10/10.

Плюси:Чудовий викладач Організація навчання Зручна платформа Практичні навички з першого тижня
Мінуси:-
Рекомендації: Рекомендую
5
Середня: 5 (1 голос)
Курси Frontend
Степан   22.04.2025

Навчаюся на курсі Front-end розробки. Мені за 40 і останні років 10 я пропрацював у пов'язаних з розробкою сферах . Дуже довго наважувався на купівлю повноцінного курсу, з одного боку здавалося, що вже пізно, з іншого - тягнуло самому осягнути магію коду. Зараз я повністю задоволений покупкою!

Рекомендації: Рекомендую
5
Середня: 5 (1 голос)
Курси Frontend
Олександр   03.04.2025

До цього я взагалі не розумівся на коді, а після курсу Front-end можу самостійно верстати сайти! Завдяки Lemon School знайшов перше стажування.

Рекомендації: Рекомендую
5
Середня: 5 (1 голос)
Курси Frontend
Олена   11.03.2025

Мій син навчається в GoITeens вже пів року. Ми дуже задоволені результатом. Викладачі пояснюють матеріал доступно й цікаво, завжди готові допомогти та підтримати. 

Назар із захопленням розповідає про нові завдання, які він виконує, і вже має перші власні розробки.

Дякую IT-академії за якісну освіту та натхнення для дітей! Рекомендую всім, хто хоче дати своїй дитині сучасні знання у сфері технологій.

Плюси:Якісне викладання Сучасна програма Практичний підхід Розвиток креативності Індивідуальний підхід
Мінуси:-
Рекомендації: Рекомендую
5
Середня: 5 (1 голос)
Курси Frontend
Михайло   11.03.2025

Курс тестування (QA) перевернув моє життя! У 50 років вирішив змінити професію, і це був найвірніший вибір. Тепер я готовий застосувати знання на новій роботі.

Рекомендації: Рекомендую
5
Середня: 5 (1 голос)
Курси Frontend

Сторінки