Online | Offline
КУРС
FRONT‑END розробка
- Пройдеш повний цикл створення web-проекту
- Навчишся створювати інтерактивні web-сторінки з використанням JavaScript
- Отримаєш досвід використання фреймворків для створення користувальницьких інтерфейсів
HTML
- Коротка історія WEB
- HTML, CSS, JS - що це та для чого
- Редактор коду - Visual Studio Code
- Основи HTML
- Структура html-документа, основні теги, коментарі, спецсимволи
- Таблиці, форми
- Атрибути (глобальні)
- Посилання, навігація
- Медіаконтент (img, audio, video)
CSS
- Вступ до CSS, джерела літератури. Інструменти браузера. Підключення стилів
- CSS-селектори та основні CSS-властивості
- Наслідування та пріоритет стилів
- Блокова модель
- Друкарня та шрифти
- Селектори нащадки та БЕМ-CSS
- Стилізація форми
- Властивості фону, спрайти
- Підключення іконок та псевдоелементи
- Псевдокласи та специфічні селектори
- Абсолютне, відносне та фіксоване
- Накладення (z-index)
- Flex. Коефіцієнт збільшення та фактор стиснення flex-елемента
- Зміна порядку та вирівнювання flex-елементів
- Блокова верстка сайту. Створення різних layouts
- CSS анімації. Тривалість та 'ритм' виконання анімації
- Трансформації елементів
- Переміщення. масштабування, обертання, прозорість
- CSS 3D. CSS Grid. Шаблони рядів та колонок
- Порядок та об'єднання колонок та рядів
- Grid-зони
- Верстка під мобільні пристрої
CSS фреймфорк - Bootstrap
- Сітка Bootstrap та побудова каркасусторінки
- Bootstrap компоненти та скрипти
- Інші CSS бібліотеки та фреймворки
- Reset, Normalize, Foundation, Tailwind_CSS
JavaScript
- Введення у JavaScript. Інструменти
- Інтерпретатор. Змінні. Типи даних
- Null и undefined
- Оператори (бінарні, унарні). Оператори порівняння
- Перетворення типів
- Умовні оператори (if, тернарний)
- Логічні оператори (і, або, не)
- Цикли (while, for)
- Конструкція switch
- Функції та аргументи
- Рекурсія, стек
- Методи та властивості. Введення
- Семантика, строгий режим, валідація, налагодження
- Масиви. Об'єкти та методи
- Класи та ООП
- Объекти BOM (window, history, navigator, location, screen)
Дерево DOM
- Блокова верстка сайту
- Створення різних layouts
- Навігація в DOM
- Пошук: getElement* та querySelector*
- Додавання та видалення вузлів
- Вступ. Сплив і перехоплення. Делегування подій
- Події миші
- Події scroll, load, error, ready
Advanced JavaScript
- MVC, MVP, MVVM
- RegExp
- Unit Testing
- Canvas
- Ітератори та генератори
- Promises
- Cookies
- Інтерфейс Storage
- Flux
HTTP-протокол
- JSON
- Подхід AJAX
- XMLHttpRequest
- Fetch
- Інші способи мережевих запитів
REACT
- React основи
- JSX і компоненти
- Стан компонента (state) та метод render
- Передача даних компоненту – props
- Методи життєвого циклу
- React - обробка подій
- Робота зі стилями компонентів
- Клієнтський роутинг
- React router
- Мережеві запити в React. Робота React з API
- Функції вищого ладу
- React HOC
- Контекст Provider та Consumer
- React без класів. Основні Хуки. Кастомні Хуки
- Бібліотека Redux
- Redux-React combo
PROJECT
- Написання програми
- Защита выпускного проекта
