Freshcode Training Center

JavaScript Developer

Training Center by Freshcode

Leading

JavaScript Developer

Price: No offers

Lessons: 334

Language: Ukrainian

Pre-registration

Course program

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. Знайомство та використання

AI-інструменти для розробників. GitHub Copilot

AI Вайб-кодинг - міф чи реальність

JS 001 JavaScript Intro

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

Practice: 1

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

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

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

Practice: 1

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

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: 1

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

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

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

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

Practice: 1

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

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

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

JS 018 Масиви

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

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

Practice: 1

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

JS 021 Arguments

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

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

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

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

JS 025 Рядки

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

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

JS 027 Рекурсія

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

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

JS 029 Класи

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

Practice: 1

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

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

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

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

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

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

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

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

Practice: 1

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

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

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

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

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

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

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

Practice: 1

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

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

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

JS 048 JS. setTimeout, setInterval

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

Practice: 1

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

JS 050 Формат JSON

JS 051 Проміси. Fetch

Practice: 1

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

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

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

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

HTML+CSS 043 HTML Форми

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

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

JS 057 ES6 модулі

Practice: 1

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

React 001 React Intro

React 002 Стилі, JS in JSX

React 003 Пропси

Practice: 1

Тест: Пропси

React 004 Node.js NVM, NPM, NPX

Practice: 1

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

React 005 Create React App

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

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

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

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

Practice: 1

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

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

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

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

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

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

Practice: 1

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

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

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

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

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

React 019 PropTypes

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

React 021 Render-props

React 022 Context

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

React 024 Хук стану useState

Practice: 1

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

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

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

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

React 028 useLayoutEffect

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

Practice: 1

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

React 030 Routing

React 031 shouldComponentUpdate, PureComponent

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

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

React 034 Formik

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

React 036 JavaScript Standard Style

React 037 Custom Hooks

React 038 Redux Core

React 039 Redux Toolkit

Practice: 1

Тест: Redux Toolkit

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

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

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

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

React 044 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

Що таке Pet Project?

Ідея 1: WEATHER APP

Ідея 2: CINEMA MANAGER

Ідея 3: HOME ACCOUNTING

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 обміну повідомленнями

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

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

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

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

Docker 004 Dockerfile

Docker 005 Compose

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

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

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

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

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

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

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

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

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

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

TypeScript 006 Enums

TypeScript 007 Функції

TypeScript 008 Об'єкти

TypeScript 009 Класи

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

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

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

TypeScript 013 Generic типи

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

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

TypeScript 016 Утиліти