courses

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

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

4 місяці

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

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

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

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

Склади тест

Реєструйся в нашій LMS і складай тест, який допоможе нам оцінити твої знання.

Інтерв'ю

Як тільки ми отримаємо твої результати тесту, ми запросимо тебе на онлайн зустріч. Давай поглянемо, чи підходимо ми один одному.

Зарахування

Ти розпочнеш навчання в першій групі, яка запуститься. Твоя нова кар'єрна мета ближче, ніж здається

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

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

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

332

годин

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

Викладачі

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

Front-end Developer у Beetroot

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

Марія Яцків

Front-end Developer в IVVYSOFT

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

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

Front-end Developer у Maxitech

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

Руслан Бондар

Front-end Developer в Magisoft Solutions

Два з половиною роки досвіду. Працював і досі працює в компанії Magisoft Solutions

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

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, Запоріжжя

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

Склади тест

Реєструйся в нашій LMS і складай тест, який допоможе нам оцінити твої знання.

Інтерв'ю

Як тільки ми отримаємо твої результати тесту, ми запросимо тебе на онлайн зустріч. Давай поглянемо, чи підходимо ми один одному.

Зарахування

Ти розпочнеш навчання в першій групі, яка запуститься. Твоя нова кар'єрна мета ближче, ніж здається

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

Склади тест

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

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

+380 93 170 2777

hello@beetroot.academy

forms