courses

Курс Front-End Розробка

Front-End Розробка
Тривалість

4 місяці

Рівеньпочатковий
Автор курсуОлександр Васильєв
Початок

12 грудня 2022

Опис курсу

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

 

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

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

- Усвідомлюєш свої цілі та мотивацію для проходження курсу.

- Можеш виокремити ~20 вільних годин на тиждень для навчання.

- Маєш достатній рівень англійської, щоб читати теоретичні матеріали (хоча б з онлайн-перекладачем).

- Вмієш знаходити потрібну інформацію в мережі та брати з неї найголовніше.

- Вмієш перевіряти достовірність та актуальність інформації.

- Дружиш із ПК: знаєш де знайти “диспетчер завдань” та як власноруч встановити Zoom.

- Знання основ HTML та CSS буде перевагою для навчання на курсі.

student

Чому Front-End?

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

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

Основні модулі та уроки цього курсу.

  • HTML/CSS

    64 год. • 23 теми
    • Вступний урок, знайомство
    • Що таке сайт. Налаштування робочого процесу. Вступ до HTML
    • Системи контролю версій Git та сервіс GitHub
    • Семантика, посилання і HTML5 теги
    • Figma для Front-End розробника
    • Побудова форм
    • Знайомство з CSS
    • CSS-селектори
    • Блокова модель документа (CSS Box Model)
    • Flexbox, Bootstrap
    • Вебшрифти, Font Face
    • CSS-позиціювання і трансформація
    • Масштабована векторна графіка (SVG)
    • Робота з пре- і постпроцесорами
    • (optional) Підходи до організації та архітектури CSS-коду: SMACSS або BEM
    • Респонсивний вебдизайн (RWD)
    • Респонсивна навігація
    • Адаптивна графіка
    • Система компонування в CSS (CSS Grid Layout)
    • CSS-анімації
    • Практика – верстання макету
    • Проєкт 1. Перший вебсайт з HTML та CSS
    • Стилізація форм CSS
  • JavaScript

    40 год. • 12 тем
    • Основи JavaScript
    • Типи даних та оператори
    • Цикли й умови
    • Функції
    • Об’єкти
    • Масиви
    • Document Object Model (DOM)
    • Події
    • Знайомство з jQuery та плагінами Slick Slider/Swiper
    • Асинхронний JavaScript та XML (AJAX). Частина 1
    • Вебсховище
    • Проєкт 2. Архітектура — базовий вебсайт + JS
  • Front-End бібліотеки та плагіни

    30 год. • 11 тем
    • Gulp. Набір інструментів JavaScript з відкритим вихідним кодом. Знайомство з Webpack, пакетним модулем JavaScript з відкритим кодом
    • Класи
    • Класи. Наслідування
    • Знайомство з React
    • Stateful vs Stateless components. Forms, events. Popular libraries for React
    • React state та props
    • List & Conditional rendering
    • React: Hooks
    • React: Routing
    • Проєкт 3 — Responsive Website with JS
    • Випускний

Етапи вступу

Склади тест

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

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

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

Зарахування

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

Реєструйся зараз!

У тебе є шанс отримати нові приголомшливі навички. Перевір свої вміння за допомогою короткого тесту

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

332

годин

Практика з викладачем
На групових заняттях ти виконуватимеш практичні завдання, працюватимеш над проєктами в команді та самостійно. Викладач надаватиме зворотний зв’язок та підказки, допоможе розібратися з теорією та скерує у практиці.
Теорія та домашні завдання
В середньому стільки займатиме самостійне опанування теорії перед заняттями та виконання домашніх завдань після занять для закріплення отриманих навичок. Теорія та домашні завдання чекатимуть на тебе в нашій LMS-системі.
Англійська
Гарне знання англійської обов’язкове для комунікації у міжнародній команді, читання документації та спілкування з клієнтами. У додатковому модулі англійською наші професійні викладачі навчать тебе бути international.
Кар'єрне консультування
Наші фахівці розкажуть про вакансії в твоєму напрямку, допоможуть скласти резюме та навчать проходити співбесіду

Викладачі

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

Front-end Developer у Maxitech

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

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

Front-end Developer у Beetroot

Досвід роботи 5 років. Працював у Sardina Systems ltd. та Beetroot

Марія Яцків

Front-end Developer в IVVYSOFT

Досвід роботи 3+ роки. Розробка і підтримка веб-сайтів та інтернет-магазинів в IVVYSOFT

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

Front-End Developer у Astound Commerce

Досвід роботи 5 років.

Розклад занять

timetable
  • понеділок

    19:00 - 21:00

  • середа

    19:00 - 21:00

  • субота

    10:00 - 14:00

Практичні навички для твоєї майбутньої кар'єри

Ти отримаєш

  • 50 занять(-тя) з викладачем
  • 3 заняття на тиждень
  • Постійний доступ до матеріалів курсу
  • Сертифікат про закінчення навчання

Нові навички та приголомшлива кар'єра в IT чекають на тебе!

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

impact

Наші результати

7000+

випускників закінчили наші курси

500

стипендій надали партнери

400 000

годин IT-освіти

75

викладачів працюють зараз

200+

ІТ-компаній працевлаштували наших студентів

40%

випускників – жінки

700

студентів навчаються прямо зараз

Відгуки випускників

До Beetroot Academy я вчився самотужки й вважав, що в інтернеті є майже все, аби зростати як Front-End-розробник з нуля. Це правда. Але на курсах я зрозумів, що особистий досвід викладача, розгляд реальних кейсів, наявність однодумців поруч та цікаві завдання допомагають зростати швидше, аніж наодинці.

Євген Удовіченко
Випускник курсу Front-End, Запоріжжя

Етапи вступу

Склади тест

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

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

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

Зарахування

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

Починай зараз

Склади тест

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

Ще залишились питання?

+380 93 170 2777

hello@beetroot.academy

forms