Знайомся ближче з front-end розробкою
Безплатний курс для самоосвіти
Тобі знадобиться лише 6 годин, щоб зрозуміти, чи front-end — це твоє. Обери свою майбутню кар’єру в ІТ зважено!
Єєє давай зробимо це!
Вибач, це технічна помилка. Спробуй ще раз!
Зростай цієї весни разом з Beetroot Academy
Знижка -25%  на всі курси
Для початківців
Онлайн
+ AI модуль

Курс Front-end розробка

Живі заняття у вечірній час
4 місяці, 3 рази на тиждень
До 18 студентів у групі
Українською мовою

Наші випускники працюють у 700+ компаніях по всьому світу

Що буде у твоєму резюме

Василь Стефаник
Trainee / Junior front-end розробник
Знаю HTML та вмію робити семантичну розмітку
Маю навички роботи з пре- і постпроцесорами
Маю навички маніпуляцій з DOM деревом
Маю навички роботи з Git, GitHub
Маю досвід роботи з Figma
Вмію працювати з API (Ajax, fetch)
Вмію застосовувати CSS-стилі та візуальні ефекти до макета
Маю досвід використання JavaScript (примітиви, об'єкти, масиви, функції)
Розумію логіку роботи клієнт-серверної архітектури у контексті написання реальних додатків
Маю досвід створення CSS-анімацій, трансформацій та використання інших стилів
Вмію працювати з основними інструментами JavaScript
Маю навички створення вебзастосунків з використанням React
Досвід роботи з вебсерверами
Вмію працювати з консоллю, DevTools і перевіряти код на наявність помилок

Як виглядатиме твоє портфоліо

Приклади проєктів

А ось так може виглядати твій майбутній проєкт

Фактично, стандартною “рибою” аж з XVI сторіччя, коли невідомий друкар взяв шрифтову гранку та склав на ній підбірку зразків шрифтів. “Риба” не тільки успішно пережила п’ять століть, але й прижилася в електронному верстуванні, залишаючись по суті незмінною.
Технології та інструменти, які вивчатимеш на курсі:
Хочеш дізнатися більше, що робить front-end розробник?
Отримай вичерпний довідник з професії на свій email
Шукай на пошті і у новій вкладці
Вибач, це технічна помилка. Спробуй ще раз!

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

Модуль 1. HTML & CSS
68 годин
23 заняття
Вступний урок, знайомство
Блокова модель документа (CSS Box Model)
Респонсивна навігація
Що таке сайт. Налаштування робочого процесу. Вступ до HTML
Flexbox, Bootstrap
Адаптивна графіка
Системи контролю версій Git та сервіс GitHub
Вебшрифти, Font Face
Система компонування в CSS (CSS Grid Layout)
Семантика, посилання і HTML5 теги
CSS-позиціювання і трансформація
CSS-анімації
Figma для Front-End розробника
Масштабована векторна графіка (SVG)
Практика – верстання макету
Побудова форм
Робота з пре- і постпроцесорами
Проєкт 1. Перший вебсайт з HTML та CSS
Знайомство з CSS
(optional) Підходи до організації та архітектури CSS-коду: SMACSS або BEM
Стилізація форм CSS
CSS-селектори
Респонсивний вебдизайн (RWD)
Модуль 2. JavaScript
36 годин
12 занять
Основи JavaScript
Масиви
Вебсховище
Типи даних та оператори
Document Object Model (DOM)
Проєкт 2. Архітектура — базовий вебсайт + JS
Цикли й умови
Події
Функції
Знайомство з jQuery та плагінами Slick Slider/Swiper
Об’єкти
Асинхронний JavaScript та XML (AJAX)
Модуль 3. Front-end бібліотеки та плагіни
30 годин
12 занять
Gulp. Набір інструментів JavaScript з відкритим вихідним кодом. Знайомство з Webpack, пакетним модулем JavaScript з відкритим кодом
React state та props
Випускний
Класи
List & Conditional rendering
Презентація фінального проєкту
Класи. Наслідування
React: Hooks
Знайомство з React
React: Routing
Stateful vs Stateless components. Forms, events. Popular libraries for React
Проєкт 3 — Responsive Website with JS
Бонус: Навички роботи з ШІ для кар’єри майбутнього
14 годин
6 теми
самоопрацювання
Що таке штучний інтелект?
○ Чому ШІ важливий?
○ Що насправді означає ШІ та як він працює?
○ Що може і чого не може ШІ?
Корисні інструменти та приклади використання: Deepl, ChatGPT, Bard, Grammarly, clipdrop.co, Adobe Firefly, Photoshop, Perplexity.ai
Як використовувати ШІ для зручного пошуку роботи
○ Сайти вакансій з елементами штучного інтелекту
○ Покращення твого CV за допомогою ШІ
○ Приклади ефективних резюме та супровідних листів
○ Підготовка до інтервʼю
Підбірка ШІ тулзів для пошуку роботи: Bard та ChatGPT, Kickresume, JobProfile.io, Resumaker.ai, Jobscan, Yoodli, Interviewsby.ai, Interview Warmup, Interviewing.io
Корисні матеріали, які допоможуть розширити та заглибитись в тему (статті, відео та безплатні курси)
Де варто/не варто використовувати ШІ?
Бонус. English club
32 години
двогодинне заняття щотижня
Під керівництвом викладача англійської
Фокус на розмовну англійську
Формування словникового запасу англійської для ІТ
Написання СV та підготовка до співбесіди в іноземній компанії
Поділ на групи відповідно до рівня:
А1-А2
А2-В1
В1-В2/С
Бонус. Кар'єрне консультування
2 години групової консультації з професійним рекрутером
4 години самостійоного опрацювання теорії
Навчишся створювати конкурентоспроможні резюме і супровідний лист та отримаєш на них фідбек від професійного рекрутера
Підготовка до інтерв'ю. Типові питання та підводні камені
Створиш зразковий профіль в LinkedIn
Дізнаєшся, де знаходити круті вакансії та як на них подаватися

Безкоштовна консультація

Ми тут, щоб відповісти на будь-які запитання.
Ти зрозумієш наш підхід до сучасної освіти і чого зможеш досягти, навчаючись із нами.
Дякуємо, що цікавишся навчанням в Beetroot Academy
Ми зв’яжемося з тобою протягом одного робочого дня і відповімо на усі запитання
Вибач, це технічна помилка. Спробуй ще раз!

Маєш питання? Отримай безкоштовну консультацію

Ми надаємо більше, ніж просто якісну освіту. Beetroot Academy підтримує своїх студентів на кожному етапі.

Викладач наступної групи в березні

Ганна Моторна
Кондитерка → QA Manual Engineer
Василь Нещадимов
Бармен → Front-end розробник
Наталя Ліхуша
Танцівниця → UX дизайнерка
Павло Бондарчук
Продавець-консультант → Scrum master
Андрій Архіпов
Зварювальник на заводі → React Native developer
Катерина Ескіна
Дизайнерка в меблевій сфері → HR Generalist-ка
Маргарита Вітринська
Філологиня → UI/UX дизайнерка
Олена Долгуша
Філологиня → Project Manager в ІТ

Історії наших випускників

Студенти Beetroot Academy переконалися, що відкрити нові кар'єрні можливості можна за лічені місяці. Найважче — почати! Надихнися  історіями випускників і почни власний шлях вже сьогодні.
Більше історій

Процес вступу

Крок 1
Вступний тест
Зареєструйся та пройди тест на визначення твого рівня підготовки до навчання.
Крок 2
Онлайн-зустріч
Після успішних результатів тестування ми неодмінно запросимо тебе на зустріч з менеджером Академії.
Крок 3
Зарахування
Якщо ми підійдемо одне одному — на тебе чекатиме інтенсивне навчання та початок омріяної кар’єри в ІТ.

Як ми навчаємо

Ми надаємо більше, ніж просто якісну освіту. Beetroot Academy підтримує своїх студентів на кожному етапі. Ось як:
Перевернутий клас
Вивчай теорію вдома та зосередься на практиці на заняттях.
Живі заняття
Навчайся в Zoom з експертом галузі — до 18 студентів у класі та у вечірній час.
Підтримка
Отримай необхідну допомогу, щоб розпочати нову кар’єру.
Софт-скіли
Навчайся в командах під керівництвом викладача як тімліда.
Працевлаштування
Отримай інструменти та знання, необхідні для першої співбесіди.
Глобальна спільнота
Стань частиною екосистеми Beetroot. Це випускники, ІТ-компанії та партнери по всьому світу.

Як ми навчаємо?

Понад 12,000 студентів довірились Академії за 9 років нашої роботи — й тепер вони працюють у 700+ компаніях. Та про якість нашого підходу говорять не лише цифри, а й акредитація європейською організацією Almega. Ми відповідаємо шведським стандартам якості навчання для дорослих і пропонуємо тобі:
Живі заняття з викладачем
Ти вивчатимеш теорію в зручний для себе час в нашій LMS, а на онлайн-уроках сфокусуєшся на отриманні практичних навичок під наглядом експерта в галузі
Кар’єрне консультування з професійним рекрутером
Ти створиш резюме, супровідний лист і профіль в LinkedIn. Досвідчений рекрутер їх перегляне та порадить, що покращити аби отримати роботу мрії.
Програма створена senior-експертами
Наші курси створює та оновлює група senior фахівців-практиків, які поза роботою викладають в Академії. Завдяки цьому наша програма завжди відповідає вимогам ринку.
Затишна спільнота на заняттях
Оскільки ми навчаємо в невеликих групах до 18 осіб, ти навчишся працювати в команді. Допомагай, отримуй допомогу та відточуй софт-навички з перших днів навчання.
Підтримка координатора групи
Твій координатор буде поруч впродовж всього курсу й допоможе з мотивацією та організаційними питаннями. Так твоя освіта буде максимально комфортною й ефективною.
Живі заняття з викладачем
Ти вивчатимеш теорію в зручний для себе час в нашій LMS, а на онлайн-уроках сфокусуєшся на отриманні практичних навичок під наглядом експерта в галузі
Кар’єрне консультування з професійним рекрутером
Ти створиш резюме, супровідний лист і профіль в LinkedIn. Досвідчений рекрутер їх перегляне та порадить, що покращити аби отримати роботу мрії.
Програма створена senior-експертами
Наші курси створює та оновлює група senior фахівців-практиків, які поза роботою викладають в Академії. Завдяки цьому наша програма завжди відповідає вимогам ринку.
Затишна спільнота на заняттях
Оскільки ми навчаємо в невеликих групах до 18 осіб, ти навчишся працювати в команді. Допомагай, отримуй допомогу та відточуй софт-навички з перших днів навчання.
Підтримка координатора групи
Твій координатор буде поруч впродовж всього курсу й допоможе з мотивацією та організаційними питаннями. Так твоя освіта буде максимально комфортною й ефективною.

Твоя кар'єра в ІТ починається тут

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

FAQ

Де знайти відгуки про Академію?
Читай відгуки та історії наших випускників на сайті за цим посиланням. Також відгуки й інформація про навчання є на DOU.ua.
Чи отримаю я сертифікат про проходження курсу?
Так, ти отримаєш сертифікат. Він — цифровий і виглядає ось так. Понад 10 000 наших випускників завантажують їх у LinkedIn та інші соціальні мережі, щоб продемонструвати свої навички. Але найголовніше — це практичні знання, досвід роботи у команді, доступ до спільноти випускників та мережі із 200+ ІТ-компаній-партнерів Академії.
Які є опції оплати за навчання?
Сплачуй:
- помісячно (повна сума оплати за навчання розбивається на 4 щомісячні платежі);
- зі знижкою 10%, якщо робиш внесок за весь курс одразу;
- частинами через Monobank та ПриватБанк до 8 платежів. Детальніше про оплату частинами читай у статті на нашому блозі.
Чи є вікові обмеження для навчання в Академії?
Ми рекомендуємо долучатися до навчання з 16 років. Законодавчо, саме з цього віку можна працювати за згодою батьків після закінчення курсів. Далі все відбувається поетапно: вступний тест, проходження інтерв’ю та зарахування до групи.
Ви допомагаєте з працевлаштуванням?
Так, ми підтримаємо тебе на шляху до першого офера, але ми не гарантуємо 100% працевлаштування.

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

Ми надаємо якісну освіту, і  від тебе ми очікуємо сильної мотивації та розуміння, що відвідувати уроки та виконувати домашні завдання — замало. Потрібно багато вчитися самостійно і навіть після того, як знайдеш роботу.

Дізнайся більше про те, що саме робимо ми й чого очікуємо від наших студентів і випускників для того, щоб навчання закінчилося бажаним офером на нашому сайті.
Скільки та які саме проєкти будуть у портфоліо наприкінці курсу?
Протягом курсу студенти роблять 3 екзаменаційні проєкти (по одному у кінці кожного модуля):
1) Вебсайт з HTML&CSS, Архітектура - базовий вебсайт + JS.
2) Створення додатка на React JS.
3) Фінальний проєкт на вибір, який студенти презентують на випуску. Це може бути як доопрацювання одного з попередніх проєктів на базі React, або щось абсолютно нове. 
Чи зможу я податись на trainee/junior позицію після курсів Beetroot Academy? Чи достатньо буде отриманих знань?
Програма наших курсів базується на вимогах ринку до початківців у front-end-розробці. Випускники цього напрямку найчастіше отримують першу роботу на таких позиціях: Frontend Developer, Junior Frontend Developer, React Developer, Vue Developer, React Native Developer, Frontend Developer (Angular) та Frontend Developer (HTML, CSS, JS).

Знань, отриманих на курсі, достатньо для того, щоб податися на позицію Trainee/Junior, але важливо активно навчатися та практикуватися протягом курсу.
Чому на курсі вивчається саме бібліотека React?
React — один з найпоширеніших вебфреймворків, що забезпечує ефективну та продуктивну розробку завдяки використанню віртуального DOM. Компонентний підхід React полегшує розробку, тестування та підтримку коду. Велика спільнота розробників React забезпечує доступ до документації, готових компонентів та рішень. React легко інтегрується з іншими технологіями, розширюючи можливості розробки вебдодатків. До того ж React.js — вдалий вибір для початківців, адже потребує лише знань основ HTML та CSS.

Онлайн-курси HTML, СSS, JavaScript

Опис курсу

Ми вчимо створювати сайти: пояснюємо, як працює браузер, як застосовувати HTML, CSS та JavaScript (ES6). Викладачі навчать тебе повторювати роботу фреймворку, пояснять, як зібрати веб-застосунок за допомогою інструменту Gulp/webpack.

Ти розберешся в інструментах, які прискорюють розробку і прямо зараз зможеш використовувати правила, які скоро увійдуть в стандарт. Ти будеш працювати над проектами в команді і самостійно. Створиш декілька сайтів та веб-застосунок, зможеш верстати сайти для мобільних пристроїв. Після завершення курсу твоє портфоліо допоможе зробити перші кроки в кар’єрі Front-End розробника.

Вимоги до студентів

- Усвідомлюєш свої цілі та мотивацію для проходження курсу.
- Можеш виокремити ~20 вільних годин на тиждень для навчання.
- Маєш достатній рівень англійської, щоб читати теоретичні матеріали (хоча б з онлайн-перекладачем).
- Вмієш знаходити потрібну інформацію в мережі та брати з неї найголовніше.- Вмієш перевіряти достовірність та актуальність інформації.
- Дружиш із ПК: знаєш де знайти “диспетчер завдань” та як власноруч встановити Zoom.
- Знання основ HTML та CSS буде перевагою для навчання на курсі.

Чому Front-End?

- після написання коду ти негайно бачиш результат;
- твоє портфоліо візуалізовано для замовника;
- знання Front-End дозволить перейти в будь-яку сферу розробки;
- ти навчишся створювати сайти та інтерфейси із використанням HTML та CSS;
- вивчиш одну із найпопулярніших мов — JavaScript.