Для початківців

Онлайн

+ AI модуль

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

Живі заняття у вечірній час

4 місяці, 3 рази на тиждень

До 18 студентів у групі

Українською мовою

Почати навчання

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

Детальніше про партнерів

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

Василь Стефаник

Trainee / Junior front-end розробник

Знаю HTML та вмію робити семантичну розмітку

Маю навички роботи з пре- і постпроцесорами

Маю навички маніпуляцій з DOM деревом

Маю навички роботи з Git, GitHub

Маю досвід роботи з Figma

Вмію працювати з API (Ajax, fetch)

Вмію застосовувати CSS-стилі та візуальні ефекти до макета

Маю досвід використання JavaScript (примітиви, об'єкти, масиви, функції)

Розумію логіку роботи клієнт-серверної архітектури у контексті написання реальних додатків

Маю досвід створення CSS-анімацій, трансформацій та використання інших стилів

Вмію працювати з основними інструментами JavaScript

Маю навички створення вебзастосунків з використанням React

Досвід роботи з вебсерверами

Вмію працювати з консоллю, DevTools і перевіряти код на наявність помилок

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

Технології та інструменти, які вивчатимеш на курсі:

Хочеш дізнатися більше, що робить 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

Бонус. AI модуль

8 годин

4 теми

Що таке штучний інтелект?
○ Що насправді означає ШІ?
○ Чому це важливо?
○ Що може і чого не може ШІ?
○ Інтелект чи розум?
○ Як працює штучний інтелект?

Корисні інструменти та приклади використання: Deepl, ChatGPT, Bard, Grammarly, clipdrop.co, Adobe Firefly, Photoshop, Perplexity.ai

Де варто/не варто використовувати ШІ?

Корисні матеріали

Бонус. English club

32 години

двогодинне заняття щотижня

Під керівництвом викладача англійської

Фокус на розмовну англійську

Формування словникового запасу англійської для ІТ

Написання СV та підготовка до співбесіди в іноземній компанії

Поділ на групи відповідно до рівня:
А1-А2
А2-В1
В1-В2/С

Бонус. Кар'єрне консультування

6 годин

по завершенню курсу

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

Профіль в LinkedIn

Пошук вакансій. Де знаходити та як подати заявку

Підготовка до інтерв'ю.Типові питання та підводні камені

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

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

Отримати консультацію

Навіщо ми додали AI модуль?

Щоб дати тобі уявлення про ШІ
Ти станеш тим, до кого друзі звертатимуться за поясненням, що таке ШІ, чому він такий крутий, а чим може й зашкодити.
Показати найдієвіші ШІ-інструменти й навчити ними користуватися
Ти зможеш збільшити свою продуктивність як у навчанні та роботі, так і у житті.

Почати навчання

Викладач наступної групи

Ростислав Скиба

Співавтор курсу “Front-end розробка”. Front-end Developer у N-iX

Досвід роботи 6+ років. Працював у GlobalLogic, ELEKS, Leobit, inVeritaSoft.

Почати навчання

Вчись у практикуючих спеціалістів

Олександр Коваленко

Співавтор курсу “Front-end розробка”. Software Engineer в GlobalLogic

Досвід роботи 16+ років. Працював в "Ки-Информ", webtsy.com та webdesign.net.ua.

Віктор Дєгтярьов

Співавтор курсу “Front-end розробка”. FrontEnd Magento-розробник у Maven Group

Досвід роботи 18+ років. Працював у Smile Ukraine

Тетяна Науменко

Співавторка курсу “Front-end розробка”. Full-Stack Developer у бюро творчих рішень ROYAL ART

Доcвід роботи 5+ років. Переважно працювала на фрілансі

Ростислав Скиба

Співавтор курсу “Front-end розробка”. Front-end Developer у N-iX

Досвід роботи 6+ років. Працював у GlobalLogic, ELEKS, Leobit, inVeritaSoft.

Олексій Полчанов

Frontend/Mobile Developer у Beetroot

Досвід роботи 7+ років. Працював у Oldmin Team

Роман Нікіфоров

Freelancer Full Stack Developer

Досвід роботи 20+ років. Переважно працює із проєктами на фрилансі

Олег Марченко

Frontend Developer в Lexogrine

Досвід роботи 7+ років. Працював у uStudio Company, Maxitech, New Line Technologies, Team Work Spirit, LineUp

Артур Солодкий

Angular developer в Proffiz

Досвід роботи 5+ років Працював у Swipex та Cyberchisel

Дмитро Климчук

Frontend Developer у Valtech

Досвід роботи 6+ років. Працював у Astound Commerce, Smile Open Source Solutions, SphereMall, Zinit Solutions GmbH

Ігор Кукоба

Frontend Developer в Fintex

Досвід роботи 4 роки. Працював у Intetics, DarlySolutions, GlobalLogic

Ігор Снісар

Senior Front-End developer у Jamworks

Досвід роботи 5 років. Працював у Incode group, Jellyfish.tech, CubeX-Ukraine та на фрілансі

Ілля Краєвський

Team Lead Front-end

Досвід роботи 6+ років. Працював у Join.To.IT, Lungor DA та ін.

Олександр Колесник

Layout Engineer у SpaceWhale

Досвід роботи 6+ років. Працював у Maxitech, Consule inc.

Олександр Щербина

Front-end Developer у Beetroot

Досвід роботи 7+ років. Працював у Sardina Systems ltd. та фрілансі

Юрій Алєксєєв

Front End Developer у VARTEQ Inc.

Досвід роботи 3+ роки. Працював у AgileEngine

Володимир Сенко

Front End Developer у COAX Software

Досвід роботи 3 роки

Олексій Усанін

Senior Front-End developer в CodeIT

Досвід роботи 8+ років Працював в Codica (Frontend React developer) та Mobidev (JavaScript developer)

Іван Василенко

Front- End Developer в Yellow Stone

Досвід роботи 8+ роки. Працював у navicom, Black square

Вартість курсу

6300

грн/місяць

25200 грн

за 4 місяці

22680 грн

-10%

за умови повної оплати

Сплачуй частинами без комісії й відсотків

134 годин

практики з викладачем

160+ годин

на теорію і домашні завдання

Сертифікат

у електронному вигляді

Портфоліо

з трьох проєктів

Що кажуть наші випускники

Дізнайся, як навчання в Академії допомагає досягти кар'єрних цілей.

Як філологиня стала проєктною менеджеркою у компанії, яка створює IT-інфраструктуру

Олена Долгуша

Project management в IT

2023

Звичка постійно навчатись нового та вдосконалення як запорука успіху: про перехід з медицини в IT

Олексій Яковенко

Project management в IT

2022

Продакт-менеджер, який успішно повернувся в ІТ після 12-річної перерви

Антон Сова

Project management в IT

2023

Більше історій

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

Крок 1

Вступний тест

Зареєструйся та пройди тест на визначення твого рівня підготовки до навчання.

Крок 2

Онлайн-зустріч

Після успішних результатів тестування ми неодмінно запросимо тебе на зустріч з менеджером Академії.

Крок 3

Зарахування

Якщо ми підійдемо одне одному — на тебе чекатиме інтенсивне навчання та початок омріяної кар’єри в ІТ.

Почати навчання

Твій шлях в Beetroot Academy

Обери ІТ-професію

Важливо обрати шлях в ІТ свідомо. Тому ми тут, щоб зорієнтувати тебе. Отримай консультацію, пройди наш кар'єрний тест MBTI або спробуй себе у новій професії на ознайомчому курсі. Усе це — безплатно!

Здобудь нові навички

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

Знайди роботу

Ти приєднаєшся до нашої спільноти випускників, які вже працюють в ІТ. Разом з ментором ти визначиш свою кар’єрну ціль й підготуєшся до інтерв’ю та виконання тестового завдання. До того ж модуль кар'єрного консультування та заняття з англійської вже є частиною програми курсу.

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

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

Перевернутий клас

Вивчай теорію вдома та зосередься на практиці на заняттях.

Живі заняття

Навчайся в Zoom з експертом галузі — до 18 студентів у класі та у вечірній час.

Підтримка

Отримай необхідну допомогу, щоб розпочати нову кар’єру.

Софт-скіли

Навчайся в командах під керівництвом викладача як тімліда.

Працевлаштування

Отримай інструменти та знання, необхідні для першої співбесіди.

Глобальна спільнота

Стань частиною екосистеми Beetroot. Це випускники, ІТ-компанії та партнери по всьому світу.

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

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

Почати навчання

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.

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

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

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

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

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

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

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

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

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

Навіщо ми додали AI модуль?

Викладач наступної групи

Вчись у практикуючих спеціалістів

Вартість курсу

Що кажуть наші випускники

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

Твій шлях в Beetroot Academy

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

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

Ти за декілька кроків від нової кар’єри в IT!

FAQ

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