Beetroot Academy

Front-end розробка

4 місяців
Для початківців
Frontend
Цей курс навчить тебе сучасним інструментам веб-розробки: HTML, CSS, JavaScript та React. Ти попрацюєш над реальними проєктами, навчишся верстати сайти для мобільних пристроїв і створиш кілька робіт для свого портфоліо. Після курсу зможеш почати кар’єру Front-End розробника.

Про курс

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

Основи веброзробки: HTML та CSS

Курс починається з вступу в веброзробку. На перших заняттях студенти дізнаються, як влаштовані сайти, налаштовують робоче середовище та вивчають основи HTML. Потім вони освоюють систему контролю версій Git та роботу з GitHub. Далі йде поглиблене вивчення семантики, HTML5 тегів та побудови форм. Студенти навчаться працювати з Figma для фронтенд-розробки.

Стилізація та адаптивний дизайн

Цей блок присвячений CSS. Студенти освоють селектори, блокову модель документа, Flexbox та Bootstrap. Вони навчаться працювати з вебшрифтами, CSS-позиціюванням та трансформаціями. Далі йде робота з векторною графікою SVG, препроцесорами та методологіями організації CSS-коду. Особлива увага приділяється адаптивному дизайну - респонсивній навігації, графіці та CSS Grid. Завершується блок анімаціями, стилізацією форм та практичним верстанням макету.

Перший проект: вебсайт на HTML та CSS

Студенти створюють свій перший повноцінний вебсайт, застосовуючи всі отримані знання з HTML та CSS. Цей проект дозволяє закріпити навички верстання та роботи з адаптивним дизайном.

JavaScript для веброзробки

У цьому модулі студенти вивчають основи JavaScript - типи даних, оператори, цикли та умови. Потім вони переходять до роботи з подіями, об'єктами, DOM та масивами. Далі йде вивчення функцій, вебсховища та бібліотеки jQuery з плагінами для слайдерів. Завершується блок асинхронним JavaScript та AJAX.

Другий проект: вебсайт з JavaScript

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

Сучасні фронтенд-інструменти

Цей блок знайомить з професійними інструментами розробки. Студенти вивчають Gulp та Webpack для автоматизації процесів. Потім йде поглиблена робота з класами та наслідуванням в JavaScript.

Робота з React

Студенти освоюють одну з найпопулярніших бібліотек - React. Вони вивчають state та props, routing, умовний рендеринг та хуки. Далі йде розбір різниці між stateful та stateless компонентами, робота з формами та популярними бібліотеками для React.

Фінальний проект та завершення курсу

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

Штучний інтелект для розробників

Бонусний модуль розкриває тему штучного інтелекту в веброзробці. Студенти дізнаються, як працює ШІ, його можливості та обмеження. Вони ознайомляться з корисними інструментами на кшталт ChatGPT, GitHub Copilot, DeepL та іншими. Особлива увага приділяється використанню ШІ для пошуку роботи - покращенню резюме, підготовці до інтерв'ю та роботі з вакансіями. Студенти також дослідять застосування Copilot у фронтенд-розробці та створять додаток за допомогою React та AI-інструментів.

Англійська для IT-фахівців

Додатковий English club допомагає студентам покращити розмовну англійську. Заняття проводяться з викладачем та фокусуються на IT-лексиці. Студенти навчаться писати CV та готуватися до співбесід в іноземних компаніях. Групи формуються за рівнем знань від A1 до C.

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

Цей блок допомагає студентам підготуватися до пошуку роботи. Вони навчаться створювати конкурентоспроможні резюме та супровідні листи, отримують фідбек від рекрутера. Студенти підготуються до інтерв'ю, створять профіль в LinkedIn та дізнаються про ефективні стратегії пошуку вакансій.

Формат навчання

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

Що включено

Вечірні заняття
Видається диплом/сертифікат
Реальний проект у портфоліо
Супровід ментора