LOGIKA
ОСНОВИ
ФРОНТЕНД РОЗРОБКИ
Якщо ви маєте творчий підхід до роботи, бажаєте розробляти і створювати динамічні інтерфейси, вам однозначно дорога у фронтенд.

Frontend – це публічна частина web-додатків (веб-сайтів), з якою користувач може взаємодіяти і контактувати напряму. По суті, фронтенд – це все те, що бачить користувач при відкритті web-сторінки.
Записатись
Для дітей 14-17 років
Програма курсу
На курсі учні навчаються
Як проходять уроки?
На кожному занятті вивчаємо новий інструмент і застосовуємо знання на практиці. Вчимося працювати індивідуально та в команді, проходим всі етaпи фронтенд розробки.
Кожне заняття -
теорія і практика
Проєктний підхід
Курс передбачає не тільки вивчення інструментів html, css та javascript. Але й знайомство з роботою дизайнера інтерфейсів, зі специфікою створення проектів у VScode, з роботою веб-хостингів та серверів. А також вивчають як опублікувати, підтримувати, просувати проект.
Приклади проєктів наших учнів
Програма курсу
Accordian
Модуль 1. Старт у фронтенді
  • Знайомство з фронтендом. HTML
  • Знайомство з CSS: додаємо стилів
  • Знайомство з JavaScript: змінні та DOM
  • Бліц-презентація. HTML/CSS/JS: сайт-візитка
Модуль 2. Стилі і вебдизайн
  • Контейнери та блокова модель CSS
  • Flexbox: гнучкі контейнери
  • Робота з макетом Figma: від дизайну до коду
  • Верстка за макетом
  • Відкритий урок. Презентація проєкту
Модуль 3. Програмування мовою JavaScript
  • Основи JavaScript: типи даних та об’єкти
  • Функції в JavaScript.
  • Події та умови в JavaScript
  • Цикли та масиви в JavaScript
  • Практичний проєкт
  • ООП: Класи і методи
  • Події BOM та DOM
  • Асинхронність і запити до сервера
  • Робота з рядками і cookie-файли
Модуль 4. Проєкт "Квіз"
  • Проєкт “Квіз”. Початок розробки
  • Функціонал квізу
  • Власний дизайн та функціонал
  • Відкритий урок. Презентація проєкту
Модуль 5. Git та командна робота
  • Середовище розробки VSCode
  • Робота з git і GitHub
  • Організація командної роботи. Trello та Git
  • Командний проєкт: планування і макет
  • Командний проєкт: верстка та функціонал
  • Командний проєкт: функціонал на JS
  • Командний проєкт: додатковий функціонал
  • Командний проєкт: хостинг та публікація
  • Відкритий урок. Презентація проєктів
Модуль 6. Бібліотеки та аналітика
  • UI-інструменти для сайту
  • Бібліотека Bootstrap: компоненти та стилі
  • Бібліотека Bootstrap: сітка та класи
  • Аналітика та метрики на сайті
Модуль 7. Реліз
  • E-commerce сайт: Планування і дизайн
  • E-commerce сайт: верстка
  • E-commerce сайт: JS-функціонал
  • E-commerce сайт: завершення і публікація
  • РЕЛІЗ. Презентація проєктів
Запишіться на безкоштовний пробний урок — онлайн або у вашому місті
Знайдіть відповідь на своє питання