Опис курсу
Ми вчимо створювати сайти: пояснюємо, як працює браузер, як застосовувати HTML, CSS та JavaScript (ES6). Викладачі навчать тебе повторювати роботу фреймворку, пояснять, як зібрати веб-застосунок за допомогою інструменту Gulp/webpack.
Ти розберешся в інструментах, які прискорюють розробку і прямо зараз зможеш використовувати правила, які скоро увійдуть в стандарт. Ти будеш працювати над проектами в команді і самостійно. Створиш декілька сайтів та веб-застосунок, зможеш верстати сайти для мобільних пристроїв. Після завершення курсу твоє портфоліо допоможе зробити перші кроки в кар’єрі Front-End розробника.
Вимоги до студентів
- Усвідомлюєш свої цілі та мотивацію для проходження курсу.
- Можеш виокремити ~20 вільних годин на тиждень для навчання.
- Маєш достатній рівень англійської, щоб читати теоретичні матеріали (хоча б з онлайн-перекладачем).
- Вмієш знаходити потрібну інформацію в мережі та брати з неї найголовніше.
- Вмієш перевіряти достовірність та актуальність інформації.
- Дружиш із ПК: знаєш де знайти “диспетчер завдань” та як власноруч встановити Zoom.
- Знання основ HTML та CSS буде перевагою для навчання на курсі.
Чому Front-End?
- Після написання коду ти негайно бачиш результат
- Твоє портфоліо візуалізовано для замовника
- Знання Front-End дозволить перейти в будь-яку сферу розробки
- Ти навчишся створювати сайти та інтерфейси із використанням HTML та CSS
- Вивчиш одну із найпопулярніших мов — JavaScript

Програма курсу
Основні модулі та уроки цього курсу.
HTML/CSS
58 год. • 20 тем- Що таке сайт. Налаштування робочого процесу. Вступ до HTML
- Семантика, посилання і HTML5 теги
- Системи контролю версій Git та сервіс GitHub
- Знайомство з CSS
- CSS-селектори
- Блокова модель документа (CSS Box Model)
- Flexbox
- Вебшрифти, Font Face
- CSS-позиціювання і трансформація
- Побудова форм
- Масштабована векторна графіка (SVG)
- Робота з пре- і постпроцесорами
- Респонсивний вебдизайн (RWD)
- Респонсивна навігація
- Адаптивна графіка
- Практика – верстання макету
- Проєкт 1. Перший вебсайт з HTML та CSS
- Система компонування в CSS (CSS Grid Layout)
- Figma для Front-End розробника
- Вступний урок, знайомство
JavaScript
40 год. • 14 тем- Основи JavaScript
- Типи даних та оператори
- Цикли
- Функції
- Об’єкти
- Масиви
- Document Object Model (DOM)
- Події
- Знайомство з jQuery. Маніпуляція елементами і подіями
- Slick Slider – найуніверсальніший плагін слайдеру
- Асинхронний JavaScript та XML (AJAX). Частина 1
- Кастомізовані карти на прикладі Google Maps API
- Вебсховище
- Проєкт 2. Архітектура — базовий вебсайт + JS
Front-End фреймворк та плагіни
30 год. • 10 тем- Класи
- CSS-анімації
- Інструмент для збирання проєкту (таск-менеджер) Gulp
- Знайомство з Webpack, пакетним модулем JavaScript з відкритим кодом
- Огляд Front-End фреймворків. Bootstrap, Foundation
- Знайомство з Vue.js
- Vue.js Обробка подій
- Компоненти Vue.js
- Проєкт 3 — Responsive Website with JS
- Випускний
Процес вступу
Склади тест
Реєструйся в нашій LMS і складай тест, який допоможе нам оцінити твої знання.
Інтерв'ю
Як тільки ми отримаємо твої результати тесту, ми запросимо тебе на онлайн зустріч. Давай поглянемо, чи підходимо ми один одному.
Зарахування
Ти розпочнеш навчання в першій групі, яка запуститься. Твоя нова кар'єрна мета ближче, ніж здається
Наповнення курсу
годин
Викладачі
Практичні навички для твоєї майбутньої кар'єри
Ти отримаєш
- 49 занять(-тя) з викладачем
- 3 заняття на тиждень
- Постійний доступ до матеріалів курсу
- Сертифікат про закінчення навчання
Нові навички та приголомшлива кар'єра в IT чекають на тебе!
Отримати консультацію

Наші результати
випускників закінчили наші курси
стипендій надали партнери
годин IT-освіти
викладачів працюють зараз
ІТ-компаній працевлаштували наших студентів
випускників – жінки
студентів навчаються прямо зараз
Процес вступу
Склади тест
Реєструйся в нашій LMS і складай тест, який допоможе нам оцінити твої знання.
Інтерв'ю
Як тільки ми отримаємо твої результати тесту, ми запросимо тебе на онлайн зустріч. Давай поглянемо, чи підходимо ми один одному.
Зарахування
Ти розпочнеш навчання в першій групі, яка запуститься. Твоя нова кар'єрна мета ближче, ніж здається