Опис курсу

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

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

Які навички ти отримаєш?
  • HTML
  • CSS
  • Git
  • JavaScript
  • responsive web design
  • препроцесори
  • Gulp/webpack
  • Bootstrap
Вимоги до студентів
  • Досвідчені користувачі ПК
  • Базове розуміння алгоритмів
  • Досвід написання коду – перевага

Чому Front-End?

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

Наповнення курсу

Теорія (відео)

16 годин

Вся теорія збережена в нашій LMS-системі. Ти можеш подивитися урок в будь-який момент.

Практика

128 годин

На заняттях студенти разом з викладачем виконують практичні завдання, працюють над проектами в команді та поодинці.

Уроки англійської

32 годин

В IT без англійської - ніяк. навіть якщо не знаєш термінології, викладачі навчать. ми робимо акцент на професійній лексиці.

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

8 годин

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

Вся теорія збережена в нашій LMS-системі. Ти можеш подивитися урок в будь-який момент.

На заняттях студенти разом з викладачем виконують практичні завдання, працюють над проектами в команді та поодинці.

В IT без англійської - ніяк. навіть якщо не знаєш термінології, викладачі навчать. ми робимо акцент на професійній лексиці.

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

Понеділок

19:00-21:00

Середа

19:00-21:00

Субота

12:00-16:00

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

модуль 1
HTML / CSS

1. Що таке Front-End. Налаштування робочого процесу

2. Вступ до HTML

3. Системи контролю версій Git та сервіс GitHub

4. Знайомство із CSS

5. Photoshop для Front-End розробника

6. CSS селектори

7. Блочна модель документу (CSS Box Model)

8. Flexbox

9. Шрифти у вебі, Font Face

10. CSS позиціювання і трансформація

11. Методологія БЕМ

12. Побудова форм

13. SVG

14. Робота із пре- та постпроцесорами

15. Адаптивна верстка (Responsive web design)

16. Адаптивна навігація

17. Адаптивна графіка

18. Практика – верстання макету

19. Кросбраузерність

20. SEO для розробника

модуль 2
JAVASCRIPT

1. Основи JavaScript

2. Типи даних та математичні функції

3. Цикли та умовні конструкції

4. Функції

5. Об’єкти й масиви

6. Document Object Model

7. Події

8. Контекст функцій

9. Просунута робота з масивами

10. Знайомство із jQuery

11. Slick Slider – найуніверсальніший плагін слайдеру

12. Робота з API на прикладі Google Maps API

13. AJAX

14. Web storage. Local&Session Storage, Cookies

модуль 3
FRONT-END

1. CSS анімації

2. SVG анімації

3. CSS GRID layout

4. Інструмент для збирання проекту (таск-менеджер) Gulp

5. Webpack

6. Знайомство із JavaScript фреймворками на прикладі Vue.js

7. Робота із віддаленим сервером

8. Оптимізація веб-сайту

9. Огляд Front-End фреймворків. Bootstrap, Foundation

Вкажи адресу електронної пошти

Викладачі

Олексій Калюжний

Викладач і автор курсів Front-End та WordPress

Я працюю на фрілансі, мені подобається керувати своїм часом. За тиждень можу провести заняття в академії в Полтаві, виступ на конференції в Києві та воркшоп у Львові.   Front-End постійно розвивається, є нестандартні задачі, які змушують прагнути більшого та перевіряють тебе на міцність.   На уроках розповідаю як все працює. Підтримую дружню та веселу атмосферу. Кожна нова група задає питання, про які навіть не замислювався, тому викладацька діяльність – це ще й розвиток.   Я намагаюсь відпочивати на гучних вечірках. Та ще я завзятий геймер.
Олександр Васильєв

Викладач та автор курсу Front-End

Раніше я працював у компаніях CamoIT, Geeksforless та на фрилансі. Зараз працюю в компанії OCW та викладаю в Beetroot Academy. А ще, я є співвласником IT-стартапу Bmple та бренду одягу pop core’n.   Front-End розробку обрав 10 років тому. Раніше всі позиції в компаніях називалися HTML-coder. Практично без особливих зусиль, після двомісячного курсу  html та css можна було стати айтішніком.   З дитинства я полюбляв щось конструювати. Тепер моя робота пов’язана із створенням складних конструкцій користувацьких інтерфейсів – нічого не змінилося. Я у захваті як від процесу, так і від результатів.   На моїх заняттях завжди знайдеться час для жартів. Я даю практичні приклади та розповідаю про технології і мови, пов’язані із фронтендом.   У вільний час – подорожую, зустрічаюсь із друзями, граю в комп’ютерні ігри, складаю пазли. Але більш за все люблю вивчати щось нове.

Роботи студентів

Front-End Розробка

Дорошенко Іван, м. Миколаїв

Кривоконь Владислав, м. Одеса

Громадюк Галина, м. Івано-Франківськ

Students says:

На курсах було зручно та затишно. Після випуску у мене в портфоліо з’явилось три проекти. Четвертий — тестове завдання для студії, де мене прийняли на роботу без співбесіди. Завдяки Beetroot Academy я повірила в себе.

Домме Анна, Київ

Заняття проходили невимушено, наочно та конструктивно. Було багато практики. А потім — зустріч з працедавцями та гордість від презентації своїх робіт.

Кучер Наталя, Краматорськ

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

Дорошенко Іван, Миколаїв, Freelancer

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

Русін Святослав, Полтава

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

Коба Олекса, Полтава, Founder IT BRO

Чому Beetroot Academy?

Рівень працевлаштування — 70%
Рівень працевлаштування — 70%

Наші випускники починають кар'єру в ІТ

Два жовто-блакитних прапора
Два жовто-блакитних прапора

Отримуй освіту міжнародного формату в Україні

Повний пакет
Повний пакет

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

Навчайся на основі потреб ринку
Навчайся на основі потреб ринку

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

Ми — некомерційна організація
Ми — некомерційна організація

Ми прагнемо результатів, а не вигоди

Рідкісна можливість
Рідкісна можливість

Навчайся в компанії мотивованих, амбітних однодумців

Внесок

₴ 88 / година

Повний внесок

Звичайна

₴15900
або
Місячний Внесок

 

₴4373 /міс.

Як почати навчання

Подавай заявку

Локальний менеджер зв'яжеться з тобою та запросить на співбесіду

Пройди співбесіду

Приходь на приємну зустріч з нашою командою, щоби з'ясувати, чи підходимо ми одне одному

Склади тест

Ми оцінимо твої знання та підберемо відповідну групу

Починай навчатись

Навчайся в дружній команді та почувайся як вдома

Заповнюй анкету

Ти можеш отримати круті навички та нову роботу вже за 4 місяці! Захоплююче! Давай почнемо із заповнення анкети.