У цьому відео ми на практиці закріплюємо базові знання JavaScript, створюючи просту міні гру з карточками (Memory Game).
Без фреймворків, без магії — тільки чистий JavaScript, логіка та розуміння того, як усе працює.

## 📌 Таймкоди

00:00:00 Вступ що зробимо в уроці і яку гру створимо
00:01:00 UI змінні підключаємо елементи сторінки
00:08:40 Дані гри і стан game state та налаштування
00:14:28 bindEvents підключення всіх обробників подій
00:18:50 updatePairsFromSelect отримуємо кількість пар із select
00:20:48 startNewGame старт і перезапуск гри
00:22:30 closeWinOverlay закриття вікна перемоги
00:26:00 resetState повне скидання стану гри
00:33:14 buildDeck і shuffleArray створення та перемішування колоди
00:40:48 renderBoard рендер ігрового поля
00:44:10 attachDataToTiles привʼязка даних до карток
00:51:45 onTileClick логіка кліку по картці
01:03:54 startTimer запуск таймера
01:07:27 formatTime форматування часу
01:10:34 checkPair порівняння відкритих карток
01:12:30 handleMatch обробка знайденої пари
01:16:08 clearSelection очищення вибору карток
01:17:27 handleMismatch якщо пара не співпала
01:20:55 showWin показ вікна перемоги
01:24:25 Підсумок фінальні перевірки і тести

## 🔗 Посилання з відео

Редактор коду VS Code — https://code.visualstudio.com/
Плагін Live Server — https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer
GitHub репозиторій з кодом (гілка lesson-1) — https://github.com/vlad-tomiuk/youtube-js-matching-game-course

#javascript #js #practicejs #javascriptpractice #jsforbeginners
#javascriptukraine #javascriptукраїнською #програмування
#frontend #webdev #frontenddeveloper
#jscourse #learningjs #coding #learningcode
#javascriptgame #memorygame #minigame
#practicefrontend #beginnerfriendly