Програма курсу
В одному уроці може бути кілька тим або по одній темі може бути кілька уроків.
11 модулів
198 відеоуроків
96 практичних завдань
1 підготовчий модуль
У цьому модулі ви детально дізнаєтеся як буде проходити курс, де знайти всі необхідні матеріали і як спілкуватися з куратором і однокурсниками.
Налаштуйте всі необхідні для початку програми: чат, браузер і редактор коду
2 знайомство з HTML
- - введення в HTML
- — Списки і таблиці
- — Створення форм
- — типи елементів
- — Emmet
15 відеоуроків
6 практичних завдань
Курсова робота
Тема: створення HTML-структури сторінки з дотриманням сучасних вимог.
3 Введення в CSS + інструменти розробника
- — структура CSS
- — Псевдоелементи/Псевдокласи
- — Photoshop для верстальника
- - одиниці вимірювань. Спадкування
- — форматування тексту
- — шрифти і як їх правильно підключати
- — Блокова модель
- — позиціонування
26 відеоуроків
14 практичних завдань
Курсова робота
Тема: Створення та підключення стилів до проекту.
4 Сучасний CSS
- — Flexbox
- - стану-hover, focus, active
- - CSS3-властивості
- — Адаптивна верстка
- — Pixel Perfect
- — Grid Layout
17 відеоуроків
7 практичних завдань
Курсова робота
Тема: використання просунутих інструментів в сучасних проектах.
5 знайомство з JavaScript
- — Основи програмування
- — знайомство з JavaScript
- — типи даних
- - функції. Головний будівельний блок
- — цикли
- — структурні типи даних-масиви
- — структурні типи даних-Об'єкти
- — структурні типи даних-колекції
- — налагодження коду, ESLint
- - функції. Стек викликів, рекурсія, this
- - функції. Область видимості, замикання, IIFE
27 відеоуроків
12 практичних завдань
Курсова робота
Тема: закріплення основ JavaScript.
6 DOM & BOM. Знайомство.
- — DOM-document
- — GIT. lvl 2
- — події
- — делегування подій
- — сховища
- - патерн Модуль
18 відеоуроків
10 практичних завдань
Курсова робота
Тема: Робота з DOM. Маніпуляції з елементами і виведення даних нальоту.
7 DOM & amp; bom-API браузера
- — BOM
- — Дата і таймери
- — інтерактив
- — анімації, RAF
- - формат Base64 і робота з файлами
- — методи об'єкта Promise
- — регулярні вирази
- — екосистема Frontend/NPM
- — jQuery
- — Cookies
- — використовуємо готові рішення в роботі (AXIOS, Swiper)
- — Webpack
- — Babel
23 відеоуроків
14 практичних завдання
Курсова робота
Тема: Робота з DOM. Пожвавлення статичної сторінки.
8 Професійна верстка.
- — доступність (accessibility)
- — Автоматизація GULP
- — препроцесор SCSS
- — оптимізація проекту
- - Кросбраузерна та Кросплатформна верстка
10 відеоуроків
5 практичних завдань
Курсова робота
Тема: закріплення професійної верстки.
9 Програмування на JavaScript.
- — парадигми програмування
- — прототипи
- — патерни ООП
- — тестування (Unit/E2E)
- — патерни функціонального програмування
- — Websocket
20 відеоуроків
8 практичних завдань
Курсова робота
Тема: ООП.
10 ReactJS & Redux
- — JSX/Props
- — Hygen
- — життєвий цикл класового компонента
- — функціональні компоненти, Хуки
- — VirtualDom, prop drilling, Контекст
- — портали, рефи
- — Redux: CombineReducer, Middleware
- — Redux-Thunk
- — React Router v6
- — Redux Toolkit
- — Redux Saga
- — React Deploy
28 відеоуроків
14 практичних завдань
Курсова робота
Тема: Розробка SPA-програми.
11 TypeScript
- — типи
- — інтерфейси
- — функції
- — класи
- — Generics
- — Enums
- — Декоратор (decorators)
8 відеоуроків
5 практичних завдань
- підсумковий проект
https://privatelink.de/?https://methed.ru/