Опис курсу
Ми вчимо створювати сайти: пояснюємо, як працює браузер, як застосовувати HTML, CSS та JavaScript (ES6). Викладачі навчать тебе повторювати роботу фреймворку, пояснять, як зібрати веб-застосунок за допомогою інструменту Gulp/webpack.
Ти розберешся в інструментах, які прискорюють розробку і прямо зараз зможеш використовувати правила, які скоро увійдуть в стандарт. Ти будеш працювати над проектами в команді і самостійно. Створиш декілька сайтів та веб-застосунок, зможеш верстати сайти для мобільних пристроїв. Після завершення курсу твоє портфоліо допоможе зробити перші кроки в кар’єрі Front-End розробника.
Вимоги до студентів
- Усвідомлюєш свої цілі та мотивацію для проходження курсу.
- Можеш виокремити ~20 вільних годин на тиждень для навчання.
- Маєш достатній рівень англійської, щоб читати теоретичні матеріали (хоча б з онлайн-перекладачем).
- Вмієш знаходити потрібну інформацію в мережі та брати з неї найголовніше.
- Вмієш перевіряти достовірність та актуальність інформації.
- Дружиш із ПК: знаєш де знайти “диспетчер завдань” та як власноруч встановити Zoom.
- Знання основ HTML та CSS буде перевагою для навчання на курсі.
Чому Front-End?
- Після написання коду ти негайно бачиш результат
- Твоє портфоліо візуалізовано для замовника
- Знання Front-End дозволить перейти в будь-яку сферу розробки
- Ти навчишся створювати сайти та інтерфейси із використанням HTML та CSS
- Вивчиш одну із найпопулярніших мов — JavaScript
Програма курсу
Основні модулі та уроки цього курсу.
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 і складай тест, який допоможе нам оцінити твої знання.
Інтерв'ю
Як тільки ми отримаємо твої результати тесту, ми запросимо тебе на онлайн зустріч. Давай поглянемо, чи підходимо ми один одному.
Зарахування
Ти розпочнеш навчання в першій групі, яка запуститься. Твоя нова кар'єрна мета ближче, ніж здається
Наповнення курсу
годин
Викладачі
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
Розклад занять
Практичні навички для твоєї майбутньої кар'єри
Ти отримаєш
- 50 занять(-тя) з викладачем
- 3 заняття на тиждень
- Постійний доступ до матеріалів курсу
- Сертифікат про закінчення навчання
Нові навички та приголомшлива кар'єра в IT чекають на тебе!
Отримати консультацію
Наші результати
випускників закінчили наші курси
стипендій надали партнери
годин IT-освіти
викладачів працюють зараз
ІТ-компаній працевлаштували наших студентів
випускників – жінки
студентів навчаються прямо зараз
До Beetroot Academy я вчився самотужки й вважав, що в інтернеті є майже все, аби зростати як Front-End-розробник з нуля. Це правда. Але на курсах я зрозумів, що особистий досвід викладача, розгляд реальних кейсів, наявність однодумців поруч та цікаві завдання допомагають зростати швидше, аніж наодинці.
Процес вступу
Склади тест
Реєструйся в нашій LMS і складай тест, який допоможе нам оцінити твої знання.
Інтерв'ю
Як тільки ми отримаємо твої результати тесту, ми запросимо тебе на онлайн зустріч. Давай поглянемо, чи підходимо ми один одному.
Зарахування
Ти розпочнеш навчання в першій групі, яка запуститься. Твоя нова кар'єрна мета ближче, ніж здається
