Freshcode Training Center

JavaScript Developer

Training Center by Freshcode

Course program

000 Вступ + Встановлення перших програм

GIT 001 Поняття СКВ

Practice:

Тест: Поняття СКВ

GIT 002 СКВ Git. Початкове налаштування

GIT 003 Робота з локальним репозиторієм

Practice:

Тест: Робота з локальним репозиторієм

GIT 004 Розширення VSCode для Git. Операції відміни

GIT 005 Робота з віддаленим репозиторієм

Practice:

Тест: Робота з віддаленим репозиторієм

GIT 006 Гілки в Git

⠀⠀◽⠀⠀⠀⠀Основи. Fast Forward ⠀⠀◽⠀⠀⠀⠀Основи конфліктів зливання

GIT 007 Pull Request

Practice:

Тест: Pull Request

Практичне завдання. Гра-тренажер Learn Git Branching

HTML+CSS 001 Поняття HTML. VSCode

Practice:

Тест: Поняття HTML. VSCode

HTML +CSS 002 HTML-елементи, теги, атрибути

Practice:

Тест: HTML-елементи, теги, атрибути

HTML+CSS 003 Ще HTML-елементи. Практика

Practice:

Тест: Ще HTML-елементи. Практика

HTML+CSS 004 Семантика. Валідація

Practice:

Тест: Семантика. Валідація

HTML+CSS 005 Моделі контента

Практичне завдання. HTML. Базові елементи, семантика

HTML+CSS 006 Поняття CSS

Practice:

Тест: Поняття CSS

HTML+CSS 007 Місце оголошення стилів, каскадність

HTML+CSS 008 Типи селекторів, специфічність, спадкування

HTML+CSS 009 Блокова модель

⠀⠀◽⠀⠀⠀⠀Блокові і рядкові елементи ⠀⠀◽⠀⠀⠀⠀Inline-block елементи

Practice:

Тест: Блокова модель

HTML+CSS 010 Розташовання кількох блоків на всю ширину

HTML+CSS 011 Стилізація зображень

HTML+CSS 012 Стилізація тла

Практичне завдання. CSS. Box Model

HTML+CSS 013 Розповсюджені помилки при виконанні ДЗ

HTML+CSS 014 Ще раз про центрування

HTML+CSS 015 Автоформатування коду в VSCode

HTML+CSS 016 Стилізація шрифту та тексту

⠀⠀◽⠀⠀⠀⠀Стилізація шрифту. Одиниці вимірювання ⠀⠀◽⠀⠀⠀⠀Стилізація шрифту. Google Шрифти ⠀⠀◽⠀⠀⠀⠀Стилізація тексту

HTML+CSS 017 Комбінатори

HTML+CSS 018 Де брати макети для практики

HTML+CSS 019 Приклад-практика: картка користувача

⠀⠀◽⠀⠀⠀⠀User Card 1. Reset css ⠀⠀◽⠀⠀⠀⠀User Card 2. CSS-змінні

HTML+CSS 020 Flexible Box Layout

Практичне завдання. CSS. Гра Flexbox Froggy

HTML+CSS 021 FlexBox. Приклад-практика

Practice:

Тест: Практика: FlexBox

Практичне завдання. CSS. Flex Page

HTML+CSS 022 Розповсюджені помилки при виконанні ДЗ

HTML+CSS 023 FlexBox. Властивості дочірніх елементів: Частина 1

HTML+CSS 024 FlexBox. Властивості дочірніх елементів: Частина 2

Practice:

Тест: Властивості дочірніх елементів

HTML+CSS 025 FlexBox. Приклад-практика: Users List. Іконки. Корисні розширення VSCode

HTML+CSS 026 FlexBox. Приклад-практика: Стаття з адаптивом

HTML+CSS 027 FlexBox. Приклад-практика: User Card

Практичне завдання. CSS. Flex User Card

HTML+CSS 028 Псевдокласи

⠀⠀◽⠀⠀⠀⠀Для посилань і елементів керування ⠀⠀◽⠀⠀⠀⠀Що враховують положення елементів

HTML+CSS 029 Can I use

HTML+CSS 030 Верстка таблиць

HTML+CSS 031 Приклад-практика: верстка таблиць + псевдокласи

HTML+CSS 032 Позиціонування

⠀⠀◽⠀⠀⠀⠀Потік документа. static, relative ⠀⠀◽⠀⠀⠀⠀Absolute, fixed, sticky

Practice:

Тест: Позиціонування

Практичне завдання. СSS. Flex Menu

HTML+CSS 033 Псевдоелементи

HTML+CSS 034 Приклад-практика: картка з позиціонуванням і псевдоелементами

HTML+CSS 035 CSS-переходи (transition)

HTML+CSS 036 CSS-трансформації (transform)

HTML+CSS 037 Адаптивність

Практичне завдання. Гра CSS Diner

HTML+CSS 038 Grid Layout. Сітка

HTML+CSS 039 Grid. Вирівнювання елементів і сітки

HTML+CSS 040 Grid. Властивості дочірніх елементів: Частина 1

HTML+CSS 041 Grid. Властивості дочірніх елементів: Частина 2

HTML+CSS 042 Grid. ASCII-графіка

Практичне завдання. Гра Grid Garden

Практичне завдання. Grid Layout

Практичне завдання. HTML + CSS Final Test

(бонус, за бажанням) AI 001 Основи ШІ. Машинне навчання. Нейромережі

(бонус, рекомендуємо) AI 002 ChatGPT. Знайомство та використання

JS 001 JavaScript Intro

JS 002 Основи синтаксису

Practice:

Тест: JS. Основи синтаксису

JS 003 Типи даних: Частина 1

JS 004 Типи даних: Частина 2

Practice:

Тест: Типи даних

JS 005 Операції

JS 006 Приведення типів

Практичне завдання. JS Основи

JS 007 Умовний оператор if. Оператори порівняння

JS 008 Скорочена і розширена форми if. Логічні оператори

Практичне завдання. JS. Умовні оператори

JS 009 Цикли while, do..while

JS 010 Робота з циклами

JS 011 Цикл for

JS 012 Шаблонні літерали. Умовний оператор ?:

Практичне завдання. JS. Цикли

JS 013 Функції. Основи

JS 014 Функції. Способи задання функцій

Practice:

Тест: Функції. Способи задання функцій

Практичне завдання. JS. Функції

JS 015 Об'єкти: Частина 1

JS 016 Об'єкти: Частина 2

Practice:

Тест: Об'єкти

JS 017 Функції-конструктори. Прототипи

Практичне завдання. JS. Об'єкти

JS 018 Масиви

JS 019 Методи масивів

JS 020 Методи перебору масивів

Practice:

Тест: Методи перебору масивів

JS 021 Arguments

JS 022 Rest-параметри

JS 023 Стрілочні функції

JS 024 Приклад-практика: масиви

Практичне завдання. JS. Масиви

JS 025 Рядки

JS 026 Лексичне оточення. Замикання

Практичне завдання. JS. Users array

JS 027 Рекурсія

JS 028 Обробка помилок

⠀⠀◽⠀⠀⠀⠀try, catch, throw

Practice:

Тест: try, catch, throw

⠀⠀◽⠀⠀⠀⠀Практика: валідація даних

Practice:

Тест: try, catch, throw

Практичне завдання. JS. Обробка помилок

JS 029 Класи

⠀⠀◽⠀⠀⠀⠀Базовий синтаксис ⠀⠀◽⠀⠀⠀⠀Сеттери/геттери. Практика

Practice:

Тест: Сеттери/геттери

JS 030 Деструктуроване присвоєння

Practice:

Тест: Деструктуроване присвоєння

JS 031 Перелічувані властивості, перебір об'єктів

JS 032 Symbol. Ітеровані колекції

⠀⠀◽⠀⠀⠀⠀Symbol. Ітератор ⠀⠀◽⠀⠀⠀⠀Ітеровані колекції

⠀⠀◽⠀⠀⠀⠀Базовий синтаксис ⠀⠀◽⠀⠀⠀⠀Практика

JS 035 Принципи ООП

⠀⠀◽⠀⠀⠀⠀Інкапсуляція ⠀⠀◽⠀⠀⠀⠀Спадкування ⠀⠀◽⠀⠀⠀⠀Перевизначення методів ⠀⠀◽⠀⠀⠀⠀Поліморфізм

Practice:

Тест: Поліморфізм

JS 036 Суворий режим. var

JS 037 DOM. Доступ до елементів

JS 038 DOM. Обробка подій

JS 039 DOM. Атрибути

Practice:

Тест: DOM. Атрибути

JS 040 DOM. Приклад-практика

JS 041 DOM. Приклад-практика: Слайдер

JS 042 DOM. Лічильник. MVVM

JS 043 DOM. Спливання та занурення подій

JS 044 DOM. ClassList. Приклад-практика: Burger-меню

JS 045 DOM. Додавання елементів

Practice:

Тест: DOM. Додавання елементів

JS 046 DOM. Приклад-практика: Список користувачів

⠀⠀◽⠀⠀⠀⠀1. Генерація однієї картки ⠀⠀◽⠀⠀⠀⠀2. Рефакторинг. Принципи DRY, SOLID ⠀⠀◽⠀⠀⠀⠀3. Генерація масиву карток

JS 047 DOM. Data-* атрибути

JS 048 JS. setTimeout, setInterval

⠀⠀◽⠀⠀⠀⠀Базовий синтаксис ⠀⠀◽⠀⠀⠀⠀Практика: Stopwatch

JS 049 Формат JSON

JS 050 Проміси. Fetch

Practice:

Тест: Проміси. Fetch

JS 051 Асинхронність

Practice:

Тест: Асинхронність

JS 052 Приклад-практика: підвантаження погоди

⠀⠀◽⠀⠀⠀⠀Зчитування показників погоди ⠀⠀◽⠀⠀⠀⠀Перемикач одиниць виміру. Рефакторинг

JS 053 Промісифікація

JS 054 Регулярні вирази

⠀⠀◽⠀⠀⠀⠀1. Базовий синтаксис ⠀⠀◽⠀⠀⠀⠀2. Базовий синтаксис ⠀⠀◽⠀⠀⠀⠀3. Корисні ресурси ⠀⠀◽⠀⠀⠀⠀4. Базовий синтаксис ⠀⠀◽⠀⠀⠀⠀5. Регулярні вирази в методах JS

HTML+CSS 043 HTML Форми

⠀⠀◽⠀⠀⠀⠀Основні принципи. Текстові input'и ⠀⠀◽⠀⠀⠀⠀Інші види input'ів

Practice:

Тест: HTML. Форми

JS 055 Приклад-практика: Форма реєстрації

⠀⠀◽⠀⠀⠀⠀1. Верстка форми ⠀⠀◽⠀⠀⠀⠀2. Скрипт, валідація даних на формі

JS 056 Приклад-практика: ToDo DOM

JS 057 ES6 модулі

Practice:

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

React 001 React Intro

React 002 Стилі, JS in JSX

React 003 Пропси

Practice:

Тест: Пропси

React 004 Node.js NVM, NPM, NPX

Practice:

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

React 005 Create React App

React 006 Умовний рендеринг

React 007 Модулі стилів

React 008 Класові компоненти

React 009 Методи життєвого циклу

Practice:

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

React 010 Приклад-практика: VeiwPortParams

React 011 Приклад-практика: StopWatch

React 012 Приклад-практика: Завантаження даних

React 013 Списки та ключі

React 014 Передача даних між компонентами

Practice:

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

React 015 Форми. Керовані компоненти

⠀⠀◽⠀⠀⠀⠀1. Керовані компоненти ⠀⠀◽⠀⠀⠀⠀2. Стилізація форми. Валідація. classnames

React 016 Приклад-практика: Завантаження користувачів

⠀⠀◽⠀⠀⠀⠀1. Підвантаження і відображення даних ⠀⠀◽⠀⠀⠀⠀2. Посторінковий перегляд ⠀⠀◽⠀⠀⠀⠀3. * Рефакторинг

React 017 Препроцесор SASS

⠀⠀◽⠀⠀⠀⠀Базовий синтаксис ⠀⠀◽⠀⠀⠀⠀Практичні аспекти для React App

React 018 Prop children. Проброс пропсів

React 019 PropTypes

React 020 Філософія React. date-fns

React 021 Render-props

React 022 Context

React 023 Приклад-практика: ThemeSwitcher

⠀⠀◽⠀⠀⠀⠀1. Контекст. Статична версія. Реекспорт ⠀⠀◽⠀⠀⠀⠀2. Динамічна зміна теми. Select ⠀⠀◽⠀⠀⠀⠀3. * Додаткові аспекти. LocalStorage

React 024 Хук стану useState

Practice:

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

React 025 Хук ефекту useEffect

React 026 Приклад-практика: useEffect: StopWatch

React 027 Приклад-практика: Завантаження користувачів

React 028 useLayoutEffect

React 029 Хук контексту useContext

Practice:

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

React 030 Routing

⠀⠀◽⠀⠀⠀⠀SPA, CSR, BOM, location, history ⠀⠀◽⠀⠀⠀⠀React Router

React 031 shouldComponentUpdate, PureComponent

React 032 Компоненти вищого порядку

React 033 Валідація. yup

React 034 Formik

⠀⠀◽⠀⠀⠀⠀Formik, formikProps ⠀⠀◽⠀⠀⠀⠀Form, Field, Message Error

Practice:

Тест: Form, Field, Message Error

React 035 Приклад-практика: Contacts Form

⠀⠀◽⠀⠀⠀⠀1. Базовий приклад ⠀⠀◽⠀⠀⠀⠀2. * Рефакторинг

React 036 JavaScript Standard Style

React 037 Custom Hooks

React 038 Redux Core

⠀⠀◽⠀⠀⠀⠀Базові принципи. Redux Store ⠀⠀◽⠀⠀⠀⠀Підключення компонента до Redux Store ⠀⠀◽⠀⠀⠀⠀Redux DevTools. mapDispatchToProps

React 039 Redux Toolkit

Practice:

Тест: Redux Toolkit

React 040 Redux Приклад-практика: Зміна теми

React 041 Redux Приклад-практика: Contacts App

⠀⠀◽⠀⠀⠀⠀1. Ініціалізація стори ⠀⠀◽⠀⠀⠀⠀2. Список контактів ⠀⠀◽⠀⠀⠀⠀3. Видалення/оновлення контактів ⠀⠀◽⠀⠀⠀⠀4. Форма для контактів

React 042 JS Проміси: async/await синтаксис

React 043 axios - бібліотека для завантаження даних

React 044 Redux thunk. Завантаження даних

⠀⠀◽⠀⠀⠀⠀1. Локальний список постів ⠀⠀◽⠀⠀⠀⠀2. Завантаження віддалених постів ⠀⠀◽⠀⠀⠀⠀3. Завантаження віддалених користувачів ⠀⠀◽⠀⠀⠀⠀4. Рефакторинг

Practice:

Тест: Redux thunk. Рефакторинг

(бонус, за бажанням) AI 003 Використання нейромереж у проектах. Tensorflow

Front End 001 Приклад-практика проекту: Запуск

Front End 002 Приклад-практика проекту: Огляд функціональних можливостей

Front End 003 Приклад-практика проекту: Огляд коду

Front End 004 Приклад-практика проекту: Робота над проектом і гілки

Front End 005 Приклад-практика проекту: Виправлення багів

Front End 006 Приклад-практика проекту: Додавання компонента

Front End 007 Приклад-практика проекту: Додавання компонента зі списком

⠀⠀◽⠀⠀⠀⠀Компонент зі списком ⠀⠀◽⠀⠀⠀⠀Статичні зображення

Front End 008 Приклад-практика проекту: Додавання сторінки

Front End 009 Приклад-практика проекту: Використання Redux Store

Linux 001 Linux - основні поняття

Practice:

Тест: Linux - основні поняття

Linux 002 Основи роботи з bash

Practice:

Тест: Основи роботи з bash

Linux 003 Робота з файловою системою

⠀⠀◽⠀⠀⠀⠀Робота з папками в bash, види шляхів ⠀⠀◽⠀⠀⠀⠀Робота з файлами в bash ⠀⠀◽⠀⠀⠀⠀CRUD, додаткові операції

Practice:

Тест: Поняття CRUD, додаткові операції з файлами і папками

Linux 004 Glob-шаблони, пошук файлів/папок

Practice:

Тест: Glob-шаблони, пошук файлів/папок

Практика. GNU/Linux. Робота з файлами та папками в Bash

Клієнт-серверна взаємодія

Practice:

Тест: Клієнт-серверна взаємодія

Node.js 001 Intro

Node.js 002 CommonJS Модулі

Practice:

Тест: CommonJS Модулі

Node.js 003 Вбудовані модулі

Node.js 004 Перший сервер

Practice:

Тест: Перший сервер

Node.js 005 Бекенд фреймворк Express

⠀⠀◽️⠀⠀⠀⠀Ініціалізація npm-пакету. Гаряче перезавантаження

Practice:

Тест: Ініціалізація npm-пакету. Гаряче перезавантаження

⠀⠀◽⠀⠀⠀⠀Express. Знайомство

Practice:

Тест: Ініціалізація npm-пакету. Гаряче перезавантаження

Node.js 006 Парамери маршруту і рядка запиту

⠀⠀◽⠀⠀⠀⠀Базовий синтаксис ⠀⠀◽⠀⠀⠀⠀Практика. MVC, MVP

Practice:

Тест: Практика. MVC, MVP

Node.js 007 Express. Практика: Contacts CRUD

Node.js 008 Express. Middleware. Валідація

Поняття Middleware. Валідація Валідація. Рефакторинг

Node.js 009 Express. Обробка помилок

Node.js 010 Express. http-errors

Node.js 011 Express. Приклад-практика: Middleware для пагінації

Practice:

Тест: Express. Практика: Middleware для пагінації

База даних 001 PostgreSQL. Основи баз даних

База даних 002 PostgreSQL. Початок роботи

База даних 003 Створення таблиць

Створення/видалення бази/таблиці Обмеження. Практика

База даних 004 Запити на додавання даних

Practice:

Тест: Запити на додавання даних

База даних 005 Запити на вибірку даних. Основи

База даних 006 Запити на вибірку даних. Фільтрація

Оператори порівняння і логічні оператори Шаблони, діапазони, списки значень

Practice:

Тест: Шаблони, діапазони, списки значень

База даних 007 Практика: запити на вибірку

База даних 008 Агрегатні функції. Групування

База даних 009 Оновлення таблиць і даних

Practice:

Тест: Оновлення таблиць і даних

База даних 010 Зв'язки між таблицями

Типи зв'язків між таблицями Практична реалізація

База даних 011 З'єднання таблиць

Внутрішнє з'єднання Ще з'єднання. Представлення

База даних 012 Нормалізація

Прямий і зворотній інжиніринг Нормалізація

Practice:

Тест: Нормалізація

База даних 013 Підзапити

Скалярні підзапити Вирази підзапитів

База даних 014 Умовні вирази. Поєднання підзапитів

Practice:

Тест: Умовні вирази. Поєднання підзапитів

Node.js 012 pg Intro

Node.js 013 pg Запити

Node.js 014 pg Модель

Node.js 015 Приклад-практика: pg Customers. Ініціалізація проєкту

Node.js 016 Приклад-практика: pg Customers. Express Роутери

Practice:

Тест: Практика: pg Customers. Express Роутери

Node.js 017 Приклад-практика: pg Customers. Моделі

Node.js 018 Приклад-практика: pg Customers. Контроллери

Node.js 019 Приклад-практика: pg Customers. Проміжні обробники

Node.js 020 ORM Sequelize. Ініціалізація проєкту

Node.js 021 ORM Sequelize. Міграції

Node.js 022 ORM Sequelize. Моделі

Node.js 023 ORM Sequelize. Синхронізація БД з моделлю

Node.js 024 ORM Sequelize. Методи моделі, CRUD

Додавання, отримання даних (основи) Отримання, оновлення, видалення даних.

Node.js 025 Приклад-практика Users App. Ініціалізація

Node.js 026 Приклад-практика Users App. Міграції

Node.js 027 Приклад-практика Users App. Модель

Node.js 028 Приклад-практика Users App. Сіди

Node.js 029 Приклад-практика Users App. Роутинг

Node.js 030 Приклад-практика Users App. Створення користувача

Node.js 031 Приклад-практика Users App. Хешування пароля. bcrypt

Node.js 032 Приклад-практика Users App. REST API, JSON:API

Node.js 033 Приклад-практика Users App. Отримання користувачів. Пагінація

Node.js 034 Приклад-практика Users App. Отримання/оновлення/видалення одного користувача

Node.js 035 Приклад-практика Users App. Сеттери / ґеттери моделі

Node.js 036 Приклад-практика Users App. Метод HTTP PUT

Node.js 037 Приклад-практика Users App. Обробка помилок Sequelize

Node.js 038 ORM Sequelize. Асоціації 1:n. Міграції, моделі

Node.js 039 ORM Sequelize. Асоціації 1:n. Eager&Lazy Loading

Node.js 040 ORM Sequelize. Асоціації m:n

Node.js 041 Приклад-практика Users App. Додаємо асоціації

Node.js 042 Приклад-практика Users App. Контроллери для пов'язаних сутностей

Node.js 043 dotenv

Node.js 044 dotenv для приватних даних, .sequelizerc

Node.js 045 Express. Статичні файли

Node.js 046 Http-клієнт Postman

Node.js 047 multer

Node.js 048 multer. Додаткове конфігурування

Full Stack 001 Приклад-практика проекту: Завантаження користувачів

Full Stack 002 Приклад-практика проекту: Завантаження зображень

Full Stack 003 Приклад-практика проекту: Завантаження користувача через Redux

Full Stack 004 Приклад-практика проекту: Видалення користувачів через Redux

Full Stack 005 Приклад-практика проекту: Створення користувачів через Redux

Full Stack 006 Приклад-практика проекту: Form Data

Full Stack 007 Приклад-практика Пошук Тварин. Ініціалізація проекту

Full Stack 008 Приклад-практика Пошук Тварин. Сервер, роутинг

Full Stack 009 Приклад-практика Пошук Тварин. Моделі

Full Stack 010 Приклад-практика Пошук Тварин. Контроллери

Full Stack 011 Приклад-практика Пошук Тварин. Клієнт, роутинг

Full Stack 012 Приклад-практика Пошук Тварин. Стора

Full Stack 013 Приклад-практика Пошук Тварин. Форма додавання тваринки

Full Stack 014 Приклад-практика Пошук Тварин. Під'єднуємо форму до стори

Full Stack 015 Приклад-практика Пошук Тварин. Список тваринок

Full Stack 016 Приклад-практика Пошук Тварин. Фільтр

Full Stack 017 Приклад-практика Пошук Тварин. Результат

База даних 015 NoSQL. MongoDB Інтро

База даних 016 MongoDB. CRUD. Create

База даних 017 MongoDB. CRUD. Read

База даних 018 MongoDB. CRUD. Практика. Update, Delete

База даних 019 MongoDB. Групування. Aggregation Pipeline

База даних 020 MongoDB. Зв'язані колекції

Node.js 049 ODM Mongoose. Встановлення з'єднання

Node.js 050 ODM Mongoose. Модель. Методи для CRUD

Node.js 051 ODM Mongoose. Практика. Модель, схема

Node.js 052 ODM Mongoose. Практика. Контроллер з CRUD

Node.js 053 ODM Mongoose. Зв'язані колекції

Node.js 054 Клієнт-серверна взаємодія в реальному часі

Node.js 055 Socket.io. Базовий приклад

Ініціалізація на сервері Ініціалізація на клієнті

Node.js 056 Socket.io для real-time обміну повідомленнями

Обмін повідомленнями через WebSocket`и Оновлення стори

Node.js 057 Socket.io. Рефакторинг

Docker 001 Docker Hub. Docker образи

Docker 002 Контейнери

Docker 003 Контейнер з PostgreSQL

Docker 004 Dockerfile

Dockerfile, .dockerignore Збірка та запуск контейнера

Docker 005 Compose

Docker Compose File Збірка та запуск контейнерів

Final 001 Приклад-практика проекту: Особливості роботи з практичним проектом в контейнерах

Final 002 Приклад-практика проекту: Рефакторинг сервера

Файли сервера (не sequelize) Міграції, сіди, моделі

Final 003 Приклад-практика проекту: Переформатування коду

Final 004 Приклад-практика проекту: Локальний запуск практичного проєкту

Final 005 Приклад-практика проекту: Рефакторинг роутів

Початок Роут з query Роут з params

Final 006 Приклад-практика проекту: Автентифікація

Final 007 Приклад-практика проекту: Додавання публічного ендпойнта

Final 008 Приклад-практика проекту: Завдання

Back. Міграція і модель Back. Post-контролери Back. Get-контролер для приватного ендпойнта Front. Роутинг для приватної сторінки Front. Слайс і таблиця з з транзакціями Front. Рефакторинг сторінки

Final 009 Приклад-практика проекту: Бейджі для фільтрів контестів

Базова логіка Рефакторинг

Testing 001 Тестування. Mocha

Testing 002 Бібліотека тверджень. Chai

Testing 003 Тестування ендпойнтів. Supertest

Testing 004 Проект. Тестування функцій

Final 010 Приклад-практика проекту: Конфіги для тестування

Final 011 Приклад-практика проекту: Тестування публічних ендпойнтів

Final 012 Приклад-практика проекту: Тестування приватних ендпойнтів

Testing 005 Налаштування Mocha Explorer

Робота над комерційним проєктом

Вступ, правила, вихідний код

Фронтенд завдання

Бекенд завдання

Фуллстек завдання

Приклади фідбеку та README

Модуль 9 TypeScript

TypeScript 001 Що таке Typescript. Статична типізація

TypeScript 002 Типи даних

TypeScript 003 Створюємо новий проект, підключаємо до нього Typescript

TypeScript 004 Спільне вирішення завдань. Цикли, умовні конструкції. Робота з DOM

Спільне вирішення завдань. Цикли, умовні конструкції. Робота з DOM Розбір практики

TypeScript 005 Продовження про типи даних

Продовження про типи даних Розбір практики

TypeScript 006 Enums

TypeScript 007 Функції

Функції Розбір практики

TypeScript 008 Об'єкти

Об'єкти Розбір практики

TypeScript 009 Класи

Класи Розбір практики

TypeScript 010 Наслідування

Наслідування Розбір практики

TypeScript 011 Простори імен (namespaces)

Простори імен (namespaces) Розбір практики

TypeScript 012 Інтерфейси

Інтерфейси Розбір практики

TypeScript 013 Generic типи

Generic типи Розбір практики

TypeScript 014 Паттерн Декоратор

TypeScript 015 Декоратори в Typescript

TypeScript 016 Утиліти

Модуль 2

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 Основи синтаксису

Practice: 1

Тест: JS. Основи синтаксису

Item preview

JS 003 Типи даних: Частина 1

Item preview

JS 004 Типи даних: Частина 2

Practice: 1

Тест: Типи даних

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 Функції. Способи задання функцій

Practice: 1

Тест: Функції. Способи задання функцій

Практичне завдання. JS. Функції

Item preview

JS 015 Об'єкти: Частина 1

Item preview

JS 016 Об'єкти: Частина 2

Practice: 1

Тест: Об'єкти

Item preview

JS 017 Функції-конструктори. Прототипи

Практичне завдання. JS. Об'єкти

Item preview

JS 018 Масиви

Item preview

JS 019 Методи масивів

Item preview

JS 020 Методи перебору масивів

Practice: 1

Тест: Методи перебору масивів

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 Обробка помилок

Практичне завдання. JS. Обробка помилок

Access limited

or

Pre-registration