JavaScript Developer

Training Center by Freshcode
Item preview
000 Вступ + Встановлення перших програм
Item preview
GIT 001 Поняття СКВ
Item preview
GIT 002 СКВ Git. Початкове налаштування
Item preview
GIT 003 Робота з локальним репозиторієм
Item preview
GIT 004 Розширення  VSCode для Git. Операції відміни
Item preview
GIT 005 Робота з віддаленим репозиторієм
Item preview
GIT 006 Гілки в Git
⠀⠀◽⠀⠀⠀⠀Основи. Fast Forward ⠀⠀◽⠀⠀⠀⠀Основи конфліктів зливання
Item preview
GIT 007 Pull Request
Практичне завдання. Гра-тренажер Learn Git Branching
Item preview
HTML+CSS 001 Поняття HTML. VSCode
Item preview
HTML +CSS 002 HTML-елементи, теги, атрибути
Item preview
HTML+CSS 003 Ще HTML-елементи. Практика
Item preview
HTML+CSS 004 Семантика. Валідація
Item preview
HTML+CSS 005 Моделі контента
Практичне завдання. HTML. Базові елементи, семантика
Item preview
HTML+CSS 006 Поняття CSS
Item preview
HTML+CSS 007 Місце оголошення стилів, каскадність
Item preview
HTML+CSS 008 Типи селекторів, специфічність, спадкування
Item preview
HTML+CSS 009 Блокова модель
⠀⠀◽⠀⠀⠀⠀Блокові і рядкові елементи ⠀⠀◽⠀⠀⠀⠀Inline-block елементи
Item preview
HTML+CSS 010 Розташовання кількох блоків на всю ширину
Item preview
HTML+CSS 011 Стилізація зображень
Item preview
HTML+CSS 012 Стилізація тла
Практичне завдання. CSS. Box Model
Item preview
HTML+CSS 013 Розповсюджені помилки при виконанні ДЗ
Item preview
HTML+CSS 014 Ще раз про центрування
Item preview
HTML+CSS 015 Автоформатування коду в VSCode
Item preview
HTML+CSS 016 Стилізація шрифту та тексту
⠀⠀◽⠀⠀⠀⠀Стилізація шрифту. Одиниці вимірювання ⠀⠀◽⠀⠀⠀⠀Стилізація шрифту. Google Шрифти ⠀⠀◽⠀⠀⠀⠀Стилізація тексту
Item preview
HTML+CSS 017 Комбінатори
Item preview
HTML+CSS 018 Де брати макети для практики
Item preview
HTML+CSS 019 Приклад-практика: картка користувача
⠀⠀◽⠀⠀⠀⠀User Card 1. Reset css ⠀⠀◽⠀⠀⠀⠀User Card 2. CSS-змінні
Item preview
HTML+CSS 020 Flexible Box Layout
Практичне завдання. CSS. Гра Flexbox Froggy
Item preview
HTML+CSS 021 FlexBox. Приклад-практика
Практичне завдання. CSS. Flex Page
Item preview
HTML+CSS 022 Розповсюджені помилки при виконанні ДЗ
Item preview
HTML+CSS 023 FlexBox. Властивості дочірніх елементів: Частина 1
Item preview
HTML+CSS 024 FlexBox. Властивості дочірніх елементів: Частина 2
Item preview
HTML+CSS 025 FlexBox. Приклад-практика: Users List. Іконки. Корисні розширення VSCode
Item preview
HTML+CSS 026 FlexBox. Приклад-практика: Стаття з адаптивом
Item preview
HTML+CSS 027 FlexBox. Приклад-практика: User Card
Практичне завдання. CSS. Flex User Card
Item preview
HTML+CSS 028 Псевдокласи
⠀⠀◽⠀⠀⠀⠀Для посилань і елементів керування ⠀⠀◽⠀⠀⠀⠀Що враховують положення елементів
Item preview
HTML+CSS 029 Can I use
Item preview
HTML+CSS 030 Верстка таблиць
Item preview
HTML+CSS 031 Приклад-практика: верстка таблиць + псевдокласи
Item preview
HTML+CSS 032 Позиціонування
⠀⠀◽⠀⠀⠀⠀Потік документа. static, relative ⠀⠀◽⠀⠀⠀⠀Absolute, fixed, sticky
Практичне завдання. СSS. Flex Menu
Item preview
HTML+CSS 033 Псевдоелементи
Item preview
HTML+CSS 034 Приклад-практика: картка з позиціонуванням і псевдоелементами
Item preview
HTML+CSS 035 CSS-переходи (transition)
Item preview
HTML+CSS 036 CSS-трансформації (transform)
Item preview
HTML+CSS 037 Адаптивність
Практичне завдання. Гра CSS Diner
Item preview
HTML+CSS 038 Grid Layout. Сітка
Item preview
HTML+CSS 039 Grid. Вирівнювання елементів і сітки
Item preview
HTML+CSS 040 Grid. Властивості дочірніх елементів: Частина 1
Item preview
HTML+CSS 041 Grid. Властивості дочірніх елементів: Частина 2
Item preview
HTML+CSS 042 Grid. ASCII-графіка
Практичне завдання. Гра Grid Garden
Практичне завдання. Grid Layout
Практичне завдання. HTML + CSS Final Test
Item preview
(бонус, за бажанням) AI 001 Основи ШІ. Машинне навчання. Нейромережі
Item preview
(бонус, рекомендуємо) AI 002 ChatGPT. Знайомство та використання
Item preview
JS 001 JavaScript Intro
Item preview
JS 002 Основи синтаксису
Item preview
JS 003 Типи даних: Частина 1
Item preview
JS 004 Типи даних: Частина 2
Item preview
JS 005 Операції
Item preview
JS 006 Приведення типів
Практичне завдання. JS Основи
Item preview
JS 007 Умовний оператор if. Оператори порівняння
Item preview
JS 008 Скорочена і розширена форми if. Логічні оператори
Практичне завдання. JS. Умовні оператори
Item preview
JS 009 Цикли while, do..while
Item preview
JS 010 Робота з циклами
Item preview
JS 011 Цикл for
Item preview
JS 012 Шаблонні літерали. Умовний оператор ?:
Практичне завдання. JS. Цикли
Item preview
JS 013 Функції. Основи
Item preview
JS 014 Функції. Способи задання функцій
Практичне завдання. JS. Функції
Item preview
JS 015 Об'єкти: Частина 1
Item preview
JS 016 Об'єкти: Частина 2
Item preview
JS 017 Функції-конструктори. Прототипи
Практичне завдання. JS. Об'єкти
Item preview
JS 018 Масиви
Item preview
JS 019 Методи масивів
Item preview
JS 020 Методи перебору масивів
Item preview
JS 021 Arguments
Item preview
JS 022 Rest-параметри
Item preview
JS 023 Стрілочні функції
Item preview
JS 024 Приклад-практика: масиви
Практичне завдання. JS. Масиви
Item preview
JS 025 Рядки
Item preview
JS 026 Лексичне оточення. Замикання
Практичне завдання. JS. Users array
Item preview
JS 027 Рекурсія
Item preview
JS 028 Обробка помилок
⠀⠀◽⠀⠀⠀⠀try, catch, throw
⠀⠀◽⠀⠀⠀⠀Практика: валідація даних
Практичне завдання. JS. Обробка помилок
Item preview
JS 029 Класи
⠀⠀◽⠀⠀⠀⠀Базовий синтаксис ⠀⠀◽⠀⠀⠀⠀Сеттери/геттери. Практика
Item preview
JS 030 Деструктуроване присвоєння
Item preview
JS 031 Перелічувані властивості, перебір об'єктів
Item preview
JS 032 Symbol. Ітеровані колекції
⠀⠀◽⠀⠀⠀⠀Symbol. Ітератор ⠀⠀◽⠀⠀⠀⠀Ітеровані колекції
Item preview
JS 033 Map
⠀⠀◽⠀⠀⠀⠀Базовий синтаксис ⠀⠀◽⠀⠀⠀⠀Практика
Item preview
JS 034 Set
Item preview
JS 035 Принципи ООП
⠀⠀◽⠀⠀⠀⠀Інкапсуляція ⠀⠀◽⠀⠀⠀⠀Спадкування ⠀⠀◽⠀⠀⠀⠀Перевизначення методів ⠀⠀◽⠀⠀⠀⠀Поліморфізм
Item preview
JS 036 Суворий режим. var
Item preview
JS 037 DOM. Доступ до елементів
Item preview
JS 038 DOM. Обробка подій
Item preview
JS 039 DOM. Атрибути
Item preview
JS 040 DOM. Приклад-практика
Item preview
JS 041 DOM. Приклад-практика: Слайдер
Item preview
JS 042 DOM. Лічильник. MVVM
Item preview
JS 043 DOM. Спливання та занурення подій
Item preview
JS 044 DOM. ClassList. Приклад-практика: Burger-меню
Item preview
JS 045 DOM. Додавання елементів
Item preview
JS 046 DOM. Приклад-практика: Список користувачів
⠀⠀◽⠀⠀⠀⠀1. Генерація однієї картки ⠀⠀◽⠀⠀⠀⠀2. Рефакторинг. Принципи DRY, SOLID ⠀⠀◽⠀⠀⠀⠀3. Генерація масиву карток
Item preview
JS 047 DOM. Data-* атрибути
Item preview
JS 048 JS. setTimeout, setInterval
⠀⠀◽⠀⠀⠀⠀Базовий синтаксис ⠀⠀◽⠀⠀⠀⠀Практика: Stopwatch
Item preview
JS 049 Формат JSON
Item preview
JS 050 Проміси. Fetch
Item preview
JS 051 Асинхронність
Item preview
JS 052 Приклад-практика: підвантаження погоди
⠀⠀◽⠀⠀⠀⠀Зчитування показників погоди ⠀⠀◽⠀⠀⠀⠀Перемикач одиниць виміру. Рефакторинг
Item preview
JS 053 Промісифікація
Item preview
JS 054 Регулярні вирази
⠀⠀◽⠀⠀⠀⠀1. Базовий синтаксис ⠀⠀◽⠀⠀⠀⠀2. Базовий синтаксис ⠀⠀◽⠀⠀⠀⠀3. Корисні ресурси ⠀⠀◽⠀⠀⠀⠀4. Базовий синтаксис ⠀⠀◽⠀⠀⠀⠀5. Регулярні вирази в методах JS
Item preview
HTML+CSS 043 HTML Форми
⠀⠀◽⠀⠀⠀⠀Основні принципи. Текстові input'и ⠀⠀◽⠀⠀⠀⠀Інші види input'ів
Item preview
JS 055 Приклад-практика: Форма реєстрації
⠀⠀◽⠀⠀⠀⠀1. Верстка форми ⠀⠀◽⠀⠀⠀⠀2. Скрипт, валідація даних на формі
Item preview
JS 056 Приклад-практика: ToDo DOM
Item preview
JS 057 ES6 модулі
Item preview
React 001 React Intro
Item preview
React 002 Стилі, JS in JSX
Item preview
React 003 Пропси
Item preview
React 004 Node.js NVM, NPM, NPX
Item preview
React 005 Create React App
Item preview
React 006 Умовний рендеринг
Item preview
React 007 Модулі стилів
Item preview
React 008 Класові компоненти
Item preview
React 009 Методи життєвого циклу
Item preview
React 010 Приклад-практика: VeiwPortParams
Item preview
React 011 Приклад-практика: StopWatch
Item preview
React 012 Приклад-практика: Завантаження даних
Item preview
React 013 Списки та ключі
Item preview
React 014 Передача даних між компонентами
Item preview
React 015 Форми. Керовані компоненти
⠀⠀◽⠀⠀⠀⠀1. Керовані компоненти ⠀⠀◽⠀⠀⠀⠀2. Стилізація форми. Валідація. classnames
Item preview
React 016 Приклад-практика: Завантаження користувачів
⠀⠀◽⠀⠀⠀⠀1. Підвантаження і відображення даних ⠀⠀◽⠀⠀⠀⠀2. Посторінковий перегляд ⠀⠀◽⠀⠀⠀⠀3. * Рефакторинг
Item preview
React 017 Препроцесор SASS
⠀⠀◽⠀⠀⠀⠀Базовий синтаксис ⠀⠀◽⠀⠀⠀⠀Практичні аспекти для React App
Item preview
React 018 Prop children. Проброс пропсів
Item preview
React 019 PropTypes
Item preview
React 020 Філософія React. date-fns
Item preview
React 021 Render-props
Item preview
React 022 Context
Item preview
React 023 Приклад-практика: ThemeSwitcher
⠀⠀◽⠀⠀⠀⠀1. Контекст. Статична версія. Реекспорт ⠀⠀◽⠀⠀⠀⠀2. Динамічна зміна теми. Select ⠀⠀◽⠀⠀⠀⠀3. * Додаткові аспекти. LocalStorage
Item preview
React 024 Хук стану useState
Item preview
React 025 Хук ефекту useEffect
Item preview
React 026 Приклад-практика: useEffect: StopWatch
Item preview
React 027 Приклад-практика: Завантаження користувачів
Item preview
React 028 useLayoutEffect
Item preview
React 029 Хук контексту useContext
Item preview
React 030 Routing
⠀⠀◽⠀⠀⠀⠀SPA, CSR, BOM, location, history ⠀⠀◽⠀⠀⠀⠀React Router
Item preview
React 031 shouldComponentUpdate, PureComponent
Item preview
React 032 Компоненти вищого порядку
Item preview
React 033 Валідація. yup
Item preview
React 034 Formik
⠀⠀◽⠀⠀⠀⠀Formik, formikProps ⠀⠀◽⠀⠀⠀⠀Form, Field, Message Error
Item preview
React 035 Приклад-практика: Contacts Form
⠀⠀◽⠀⠀⠀⠀1. Базовий приклад ⠀⠀◽⠀⠀⠀⠀2. * Рефакторинг
Item preview
React 036 JavaScript Standard Style
Item preview
React 037 Custom Hooks
Item preview
React 038 Redux Core
⠀⠀◽⠀⠀⠀⠀Базові принципи. Redux Store ⠀⠀◽⠀⠀⠀⠀Підключення компонента до Redux Store ⠀⠀◽⠀⠀⠀⠀Redux DevTools. mapDispatchToProps
Item preview
React 039 Redux Toolkit
Item preview
React 040 Redux Приклад-практика: Зміна теми
Item preview
React 041 Redux Приклад-практика: Contacts App
⠀⠀◽⠀⠀⠀⠀1. Ініціалізація стори ⠀⠀◽⠀⠀⠀⠀2. Список контактів ⠀⠀◽⠀⠀⠀⠀3. Видалення/оновлення контактів ⠀⠀◽⠀⠀⠀⠀4. Форма для контактів
Item preview
React 042 JS Проміси: async/await синтаксис
Item preview
React 043 axios - бібліотека для завантаження даних
Item preview
React 044 Redux thunk. Завантаження даних
⠀⠀◽⠀⠀⠀⠀1. Локальний список постів ⠀⠀◽⠀⠀⠀⠀2. Завантаження віддалених постів ⠀⠀◽⠀⠀⠀⠀3. Завантаження віддалених користувачів ⠀⠀◽⠀⠀⠀⠀4. Рефакторинг
Item preview
(бонус, за бажанням) AI 003 Використання нейромереж у проектах. Tensorflow
Item preview
Front End 001 Приклад-практика проекту: Запуск
Item preview
Front End 002 Приклад-практика проекту: Огляд функціональних можливостей
Item preview
Front End 003 Приклад-практика проекту: Огляд коду
Item preview
Front End 004 Приклад-практика проекту: Робота над проектом і гілки
Item preview
Front End 005 Приклад-практика проекту: Виправлення багів
Item preview
Front End 006 Приклад-практика проекту: Додавання компонента
Item preview
Front End 007 Приклад-практика проекту: Додавання компонента зі списком
⠀⠀◽⠀⠀⠀⠀Компонент зі списком ⠀⠀◽⠀⠀⠀⠀Статичні зображення
Item preview
Front End 008 Приклад-практика проекту: Додавання сторінки
Item preview
Front End 009 Приклад-практика проекту: Використання Redux Store
Item preview
Linux 001 Linux - основні поняття
Item preview
Linux 002 Основи роботи з bash
Item preview
Linux 003 Робота з файловою системою
⠀⠀◽⠀⠀⠀⠀Робота з папками в bash, види шляхів ⠀⠀◽⠀⠀⠀⠀Робота з файлами в bash ⠀⠀◽⠀⠀⠀⠀CRUD, додаткові операції
Item preview
Linux 004 Glob-шаблони, пошук файлів/папок
Практика. GNU/Linux. Робота з файлами та папками в Bash
Item preview
Клієнт-серверна взаємодія
Item preview
Postman
Item preview
Node.js 001 Intro
Item preview
Node.js 002 CommonJS Модулі
Item preview
Node.js 003 Вбудовані модулі
Item preview
Node.js 004 Перший сервер
Item preview
Node.js 005 Бекенд фреймворк Express
⠀⠀◽️⠀⠀⠀⠀Ініціалізація npm-пакету. Гаряче перезавантаження
⠀⠀◽⠀⠀⠀⠀Express. Знайомство
Item preview
Node.js 006 Парамери маршруту і рядка запиту
⠀⠀◽⠀⠀⠀⠀Базовий синтаксис ⠀⠀◽⠀⠀⠀⠀Практика. MVC, MVP
Item preview
Node.js 007 Express. Практика: Contacts CRUD
Item preview
Node.js 008 Express. Middleware. Валідація
Поняття Middleware. Валідація Валідація. Рефакторинг
Item preview
Node.js 009 Express. Обробка помилок
Item preview
Node.js 010 Express. http-errors
Item preview
Node.js 011 Express. Приклад-практика: Middleware для пагінації
Item preview
База даних 001 PostgreSQL. Основи баз даних
Item preview
База даних 002 PostgreSQL. Початок роботи
Item preview
База даних 003 Створення таблиць
Створення/видалення бази/таблиці Обмеження. Практика
Item preview
База даних 004 Запити на додавання даних
Item preview
База даних 005 Запити на вибірку даних. Основи
Item preview
База даних 006 Запити на вибірку даних. Фільтрація
Оператори порівняння і логічні оператори Шаблони, діапазони, списки значень
Item preview
База даних 007 Практика: запити на вибірку
Item preview
База даних 008 Агрегатні функції. Групування
Item preview
База даних 009 Оновлення таблиць і даних
Item preview
База даних 010 Зв'язки між таблицями
Типи зв'язків між таблицями Практична реалізація
Item preview
База даних 011 З'єднання таблиць
Внутрішнє з'єднання Ще з'єднання. Представлення
Item preview
База даних 012 Нормалізація
Прямий і зворотній інжиніринг Нормалізація
Item preview
База даних 013 Підзапити
Скалярні підзапити Вирази підзапитів
Item preview
База даних 014 Умовні вирази. Поєднання підзапитів
Item preview
Node.js 012 pg Intro
Item preview
Node.js 013 pg Запити
Item preview
Node.js 014 pg Модель
Item preview
Node.js 015 Приклад-практика: pg Customers. Ініціалізація проєкту
Item preview
Node.js 016 Приклад-практика: pg Customers. Express Роутери
Item preview
Node.js 017 Приклад-практика: pg Customers. Моделі
Item preview
Node.js 018 Приклад-практика: pg Customers. Контроллери
Item preview
Node.js 019 Приклад-практика: pg Customers. Проміжні обробники
Item preview
Node.js 020 ORM Sequelize. Ініціалізація проєкту
Item preview
Node.js 021 ORM Sequelize. Міграції
Item preview
Node.js 022 ORM Sequelize. Моделі
Item preview
Node.js 023 ORM Sequelize. Синхронізація БД з моделлю
Item preview
Node.js 024 ORM Sequelize. Методи моделі, CRUD
Додавання, отримання даних (основи) Отримання, оновлення, видалення даних.
Item preview
Node.js 025 Приклад-практика Users App. Ініціалізація
Item preview
Node.js 026 Приклад-практика Users App. Міграції
Item preview
Node.js 027 Приклад-практика Users App. Модель
Item preview
Node.js 028 Приклад-практика Users App. Сіди
Item preview
Node.js 029 Приклад-практика Users App. Роутинг
Item preview
Node.js 030 Приклад-практика Users App. Створення користувача
Item preview
Node.js 031 Приклад-практика Users App. Хешування пароля. bcrypt
Item preview
Node.js 032 Приклад-практика Users App. REST API, JSON:API
Item preview
Node.js 033 Приклад-практика Users App. Отримання користувачів. Пагінація
Item preview
Node.js 034 Приклад-практика Users App. Отримання/оновлення/видалення одного користувача
Item preview
Node.js 035 Приклад-практика Users App. Сеттери / ґеттери моделі
Item preview
Node.js 036 Приклад-практика Users App. Метод HTTP PUT
Item preview
Node.js 037 Приклад-практика Users App. Обробка помилок Sequelize
Item preview
Node.js 038 ORM Sequelize. Асоціації 1:n. Міграції, моделі
Item preview
Node.js 039 ORM Sequelize. Асоціації 1:n. Eager&Lazy Loading
Item preview
Node.js 040 ORM Sequelize. Асоціації m:n
Item preview
Node.js 041 Приклад-практика Users App. Додаємо асоціації
Item preview
Node.js 042 Приклад-практика Users App. Контроллери для пов'язаних сутностей
Item preview
Node.js 043 dotenv
Item preview
Node.js 044 dotenv для приватних даних, .sequelizerc
Item preview
Node.js 045 Express. Статичні файли
Item preview
Node.js 046 Http-клієнт Postman
Item preview
Node.js 047 multer
Item preview
Node.js 048 multer. Додаткове конфігурування
Item preview
Full Stack 001 Приклад-практика проекту: Завантаження користувачів
Item preview
Full Stack 002 Приклад-практика проекту: Завантаження зображень
Item preview
Full Stack 003 Приклад-практика проекту: Завантаження користувача через Redux
Item preview
Full Stack 004 Приклад-практика проекту: Видалення користувачів через Redux
Item preview
Full Stack 005 Приклад-практика проекту: Створення користувачів через Redux
Item preview
Full Stack 006 Приклад-практика проекту: Form Data
Item preview
Full Stack 007 Приклад-практика Пошук Тварин. Ініціалізація проекту
Item preview
Full Stack 008 Приклад-практика Пошук Тварин. Сервер, роутинг
Item preview
Full Stack 009 Приклад-практика Пошук Тварин. Моделі
Item preview
Full Stack 010 Приклад-практика Пошук Тварин. Контроллери
Item preview
Full Stack 011 Приклад-практика Пошук Тварин.  Клієнт, роутинг
Item preview
Full Stack 012 Приклад-практика Пошук Тварин.  Стора
Item preview
Full Stack 013 Приклад-практика Пошук Тварин. Форма додавання тваринки
Item preview
Full Stack 014 Приклад-практика Пошук Тварин. Під'єднуємо форму до стори
Item preview
Full Stack 015 Приклад-практика Пошук Тварин. Список тваринок
Item preview
Full Stack 016 Приклад-практика Пошук Тварин. Фільтр
Item preview
Full Stack 017 Приклад-практика Пошук Тварин.  Результат
Item preview
База даних 015 NoSQL. MongoDB Інтро
Item preview
База даних 016 MongoDB. CRUD. Create
Item preview
База даних 017 MongoDB. CRUD. Read
Item preview
База даних 018 MongoDB. CRUD. Практика. Update, Delete
Item preview
База даних 019 MongoDB. Групування. Aggregation Pipeline
Item preview
База даних 020 MongoDB. Зв'язані колекції
Item preview
Node.js 049 ODM Mongoose. Встановлення з'єднання
Item preview
Node.js 050 ODM Mongoose. Модель. Методи для CRUD
Item preview
Node.js 051 ODM Mongoose. Практика. Модель, схема
Item preview
Node.js 052 ODM Mongoose. Практика. Контроллер з CRUD
Item preview
Node.js 053 ODM Mongoose. Зв'язані колекції
Item preview
Node.js 054 Клієнт-серверна взаємодія в реальному часі
Item preview
Node.js 055 Socket.io. Базовий приклад
Ініціалізація на сервері Ініціалізація на клієнті
Item preview
Node.js 056 Socket.io для real-time обміну повідомленнями
Обмін повідомленнями через WebSocket`и Оновлення стори
Item preview
Node.js 057 Socket.io. Рефакторинг
Item preview
Docker 001 Docker Hub. Docker образи
Item preview
Docker 002 Контейнери
Item preview
Docker 003 Контейнер з PostgreSQL
Item preview
Docker 004 Dockerfile
Dockerfile, .dockerignore Збірка та запуск контейнера
Item preview
Docker 005 Compose
Docker Compose File Збірка та запуск контейнерів
Item preview
Final 001 Приклад-практика проекту: Особливості роботи з практичним проектом в контейнерах
Item preview
Final 002 Приклад-практика проекту: Рефакторинг сервера
Файли сервера (не sequelize) Міграції, сіди, моделі
Item preview
Final 003 Приклад-практика проекту: Переформатування коду
Item preview
Final 004 Приклад-практика проекту: Локальний запуск практичного проєкту
Item preview
Final 005 Приклад-практика проекту: Рефакторинг роутів
Початок Роут з query Роут з params
Item preview
Final 006 Приклад-практика проекту: Автентифікація
Item preview
Final 007 Приклад-практика проекту: Додавання публічного ендпойнта
Item preview
Final 008 Приклад-практика проекту: Завдання
Back. Міграція і модель Back. Post-контролери Back. Get-контролер для приватного ендпойнта Front. Роутинг для приватної сторінки Front. Слайс і таблиця з з транзакціями Front. Рефакторинг сторінки
Item preview
Final 009 Приклад-практика проекту: Бейджі для фільтрів контестів
Базова логіка Рефакторинг
Item preview
Testing 001 Тестування. Mocha
Item preview
Testing 002 Бібліотека тверджень. Chai
Item preview
Testing 003 Тестування ендпойнтів. Supertest
Item preview
Testing 004 Проект. Тестування функцій
Item preview
Final 010 Приклад-практика проекту: Конфіги для тестування
Item preview
Final 011 Приклад-практика проекту: Тестування публічних ендпойнтів
Item preview
Final 012 Приклад-практика проекту: Тестування приватних ендпойнтів
Item preview
Testing 005 Налаштування Mocha Explorer
Вступ, правила, вихідний код
Фронтенд завдання
Бекенд завдання
Фуллстек завдання
Приклади фідбеку та README
Item preview
TypeScript 001 Що таке Typescript. Статична типізація
Item preview
TypeScript 002 Типи даних
Item preview
TypeScript 003 Створюємо новий проект, підключаємо до нього Typescript
Item preview
TypeScript 004 Спільне вирішення завдань. Цикли, умовні конструкції. Робота з DOM
Спільне вирішення завдань. Цикли, умовні конструкції. Робота з DOM Розбір практики
Item preview
TypeScript 005 Продовження про типи даних
Продовження про типи даних Розбір практики
Item preview
TypeScript 006 Enums
Item preview
TypeScript 007 Функції
Функції Розбір практики
Item preview
TypeScript 008 Об'єкти
Об'єкти Розбір практики
Item preview
TypeScript 009 Класи
Класи Розбір практики
Item preview
TypeScript 010 Наслідування
Наслідування Розбір практики
Item preview
TypeScript 011 Простори імен (namespaces)
Простори імен (namespaces) Розбір практики
Item preview
TypeScript 012 Інтерфейси
Інтерфейси Розбір практики
Item preview
TypeScript 013 Generic типи
Generic типи Розбір практики
Item preview
TypeScript 014 Паттерн Декоратор
Item preview
TypeScript 015 Декоратори в Typescript
Item preview
TypeScript 016 Утиліти

Модуль 4

Item preview
JS 055 Приклад-практика: Форма реєстрації
Item preview
JS 056 Приклад-практика: ToDo DOM
Item preview
JS 057 ES6 модулі

Тест: ES6 модулі

Item preview
React 001 React Intro
Item preview
React 002 Стилі, JS in JSX
Item preview
React 003 Пропси

Тест: Пропси

Item preview
React 004 Node.js NVM, NPM, NPX

Тест: node.js, nvm, npm, npx

Item preview
React 005 Create React App
Item preview
React 006 Умовний рендеринг
Item preview
React 007 Модулі стилів
Item preview
React 008 Класові компоненти
Item preview
React 009 Методи життєвого циклу

Тест: Методи життєвого циклу

Item preview
React 010 Приклад-практика: VeiwPortParams
Item preview
React 011 Приклад-практика: StopWatch
Item preview
React 012 Приклад-практика: Завантаження даних
Item preview
React 013 Списки та ключі
Item preview
React 014 Передача даних між компонентами

Тест: Передача даних між компонентами

Item preview
React 015 Форми. Керовані компоненти
Item preview
React 016 Приклад-практика: Завантаження користувачів
Item preview
React 017 Препроцесор SASS
Item preview
React 018 Prop children. Проброс пропсів
Item preview
React 019 PropTypes
Item preview
React 020 Філософія React. date-fns
Item preview
React 021 Render-props
Item preview
React 022 Context
Item preview
React 023 Приклад-практика: ThemeSwitcher
Item preview
React 024 Хук стану useState

Тест: Хук стану useState

Item preview
React 025 Хук ефекту useEffect
Item preview
React 026 Приклад-практика: useEffect: StopWatch
Item preview
React 027 Приклад-практика: Завантаження користувачів
Item preview
React 028 useLayoutEffect
Item preview
React 029 Хук контексту useContext

Тест: Хук контексту useContext

Item preview
React 030 Routing
Item preview
React 031 shouldComponentUpdate, PureComponent
Item preview
React 032 Компоненти вищого порядку

Access limited

or Pre-registration