Курс JavaScript

Цього разу ми підготували навчальну програму, розраховану на 5 місяців плідної праці. Ні, це не означає, що на тебе чекає півроку нудної теорії. Курс на 80% складається з практичних завдань, за виконанням яких уважно стежить лектор. Обіцяємо вчасні й детальні фідбеки та щоденну менторську підтримку. Ти з нами?

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

Розділ 1: HTML та CSS. Вступ

• Знайомство з групою та лектором
• Організаційні моменти
• Visual Studio Code як головний інструмент курсу

HTML

• Що таке HTML?
• Структура HTML-документа та основні теги
• Посилання та навігація

Таблиці та форми

• Робота з таблицями
• Робота з формами

Зображення та інші теги

• Робота з зображеннями
• Робота з тегами

CSS

• Що таке CSS?
• Способи підключення стилів
• CSS-селектори та основні CSS-властивості

Шрифти. Бекграунд сторінки

• Робота зі шрифтами
• Типографіка
• Бекграунд сторінки та його властивості

Псевдокласи. Пріоритет у CSS

• Псевдокласи та псевдоелементи
• Пріоритет та успадкування в CSS

Блоки та рядки

• Блоки та рядки. Їх відмінності та особливості
• Тінь елемента, скруглення кутів та градієнт

HTML-форма

Оформлення HTML-форми.

Робота з зображеннями

• Векторні іконки
• Позиціонування елементів

Flexbox

Вивчення та практика.

Layouts. Media queries

• Layouts та блочна верстка сторінки
• Media queries та верстка під мобільні пристрої

Анімація. CSS Grid

• Анімація та трансформація елементів у CSS
• Про CSS Grid

Фреймворки. Бібліотеки. Робота з компонентами

• Фронтенд-фреймворк Twitter Bootstrap
• Сітка Bootstrap та робота з компонентами
• Про інші CSS-бібліотеки та фреймворки

Шаблони Figma. Частина 1

Практичне заняття.

Шаблони Figma. Частина 2

Практичне заняття.

Розділ 2: JavaScript. Основи

• Що таке JavaScript
• Інтеграція JS у HTML
• Змінні

Дані

• Типи даних
• Основні методи та виведення інформації на екран

Вирази та оператори

Детальний розбір виразів та операторів.

Умовні конструкції

Створення умовних конструкцій: if...else, switch-case, ternary.

Цикли

Робота з циклами: while, do...while, for-loop.

Масиви

Масиви та їх методи.

Функції

Функції та області видимості в JS.

Об'єкти

Об'єкти, їх властивості та методи.

Розділ 3: Document Object Model (DOM)

• Розуміння DOM
• Особливості роботи з DOM
• Отримання доступу до елементів сторінки

Розмітка HTML. HTML-атрибути

• Отримання та встановлення розмітки HTML і тексту документа
• Маніпуляції HTML-атрибутами "class" за допомогою JS

Бібліотека jQuery

Робота з бібліотекою jQuery.

Підключення плагінів

Підключення готових JavaScript-плагінів

Селектори. Фільтри. Атрибути

• Детально про селектори та фільтри
• Робота з атрибутами та властивості елементів

Події DOM

• Події DOM. Вивчення та практика
• Поширення та дія за замовчуванням подій
• Делегування подій

Елементи в DOM. Ресурси браузера

• Створення та вставка елементів у DOM
• Оптимізація використання ресурсів браузера

Практичне заняття. Частина 1

Практика роботи з DOM.

Практичне заняття. Частина 2

Практика роботи з DOM.

Розділ 4: Web APIs

• Зберігання даних у браузері
• Cookies
• Web Storage API

AJAX

• Основи та розуміння AJAX
• HTTP-протоколи та статуси
• XMLHttpRequest. Синхронні та асинхронні запити

Loading. Робота з JSON

• Процес очікування завантаження даних. Loading
• Робота з JSON
• Відправлення даних із форми

Практичне заняття

• Практика з API
• Інші засоби мережевих запитів

Розділ 5: Front-end Project

Практичні заняття з написання фронтенд-проєкту.

Заняття з англійської

Сьогодні знання англійської обов'язкова умова чи не в кожній ІТ-вакансії. Тому зайвим для твого професійного зростання не буде заняття з англійської мови від досвідченого викладача.

Кар'єрна консультація з рекрутером

На цьому занятті досвідчений рекрутер допоможе тобі скласти власне резюме, яке точно виділиться серед купи інших. До того ж заняття з рекрутером додасть упевненості в будуванні майбутнього кар'єрного шляху!

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

• 45 занять тривалістю по 1,5 години
• 80% курсу - практичні заняття
• Доступ до всіх матеріалів занять - презентацій, чек-листів, записів лекцій
• Зворотній зв'язок та регулярна підтримка досвідченого ментора
• Доступ до зручної онлайн-платформи для навчання
• Сертифікат про закінчення курсу, що підтверджує отримані навички та компетенції
• Можливість контракту з IT-компанією
• Невеликі групи для навчання

Викладачі курсу

Євген Ступаченко - Full Stack JavaScript Developer