Курс Front-end

Програма курсу

Основи верстки сайтів

• Введення у веб розробку
• Основи роботи з графічним редактором Figma
• Введення HTML, теги, отрибути, елементи
• Робота з об'єктами Form
• Вступ до CSS - властивості, правила, успадкування, каскадування, нормалізація та скидання стилів
• CSS стилі, робота зі стилями
• CSS потоки, позиціонування та розташування об'єктів по сітці
• Псевдокласи, псевдоелементи
• CSS3 та робота з анімацією
• FlexBox
• Робота зі шрифтами

Оптимізація верстки та знайомство з Frontend

• Адаптивна та чуйна верстка, основні правила створення адаптивного сайту
• Media-запити
• Препроцесор - SASS/SCSS, знайомство з LESS
• Вступ до jQuery
• Підключення, кастомізація та комплексна робота з плагінами
• Tabs, Slider

Основи JavaScript

• Редактори коду
• Спосіб підключення до HTML
• Суворий режим - "use strict"
• Змінні
• Типи даних
• Взаємодія: alert, prompt, confirm
• Базові операції
• Пріоритет операцій
• Оператори порівняння
• Як працюють логічні оператори
• Умовні оператори
• Тернарні оператори
• Оператор Switch Case
• Цикли
• Функції
• Рядки
• Числа
• Масиви. Об'єкти

VCS Git

• Встановлення та конфігурація Git
• Базова робота з Git (git add, git commit)
• Скасування змін у Git (git reset)
• Розгалуження Git (checkout)
• Робота з віддаленим репозиторієм
• Налаштування SSH

Робота з DOM

• Що таке DOM
• Доступ до елементів
• Вміст елементів
• Атрибути
• Класи
• Додавання подій
• Сплив і занурення
• Об'єкт події
• Делегування подій

Об'єкти та функції

• Об'єкти та прототипи
• Як працюють прототипи
• Створення та налаштування об'єктів
• Ітерація ключів об'єкту
• Як працюють замикання
• Що таке контекст
• Прив'язка контексту
• Рекурсія

Додаткові можливості JavaScript

• Обробка помилок
• Ajax
• Promise, async/await
• Генератори, просунута ітерація
• Модулі
• Fetch API
• Event Loop

Фреймворки

• Огляд React/Vue/Angular
• Базове застосування
• Проєкт
• Підготовка до співбесіди. Іспит

Результат після проходження курсу

• Впевнені знання з теорії HTML, CSS, SCSS, JS
• Чітке розуміння життєвого циклу розробки веб-продукту
• Розуміння кроссбраузерної, адаптивної верстки та семантичної html-розмітки
• Навички роботи з jQuery
• Знання алгоритмів, структур даних та загальних принципів організації коду
• Розуміння принципів ООП
• Досвід самостійної розробки програм JavaScript
• Практичні навички роботи з Git
• Навички роботи з одним із фреймворків (React/Vue/Angular)

Особливості курсу

• Можливість оплати курсу частинами
• Сертифікат після проходження курсу
• Курс збудований з урахуванням реальних вимог IT компаній
• Протягом усього курсу ведеться рейтинг успішності
• Додаткове заняття зі стратегії працевлаштування