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

Front-end розробка

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

Випускники Beetroot Academy працюють у 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
Бонус. English club
32 години
двогодинне заняття щотижня
Під керівництвом викладача англійської
Фокус на розмовну англійську
Формування словникового запасу англійської для ІТ
Написання СV та підготовка до співбесіди в іноземній компанії
Поділ на групи відповідно до рівня:
А1-А2
А2-В1
В1-В2/С
Бонус. Кар'єрне консультування
6 годин
по завершенню курсу
Резюме і супровідний лист. Фідбек від консультанта
Профіль в LinkedIn
Пошук вакансій. Де знаходити та як подати заявку
Підготовка до інтерв'ю.Типові питання та підводні камені

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

Твоїми провідниками у професію будуть middle та senior спеціалісти топових ІТ-компаній. Перш ніж стати викладачами Академії, вони проходять співбесіди з нашими рекрутерами на перевірку навичок та спільних цінностей, а на останньому етапі — проводять пробний урок перед іншими викладачами-практиками.

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

6300
грн/місяць
25200 грн
за 4 місяці
22680 грн
-10%
за умови повної оплати
Сплачуй частинами без комісії й відсотків
134 годин
практики з викладачем
160+ годин
на теорію і домашні завдання
Сертифікат
у електронному вигляді
Портфоліо
з трьох проєктів

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

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

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

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

Твій шлях в Beetroot Academy

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

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

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

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

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

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

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

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.