3x3 Zəka Oyunu: HTML, CSS və JavaScript ilə Addım-Addım Hazırlanması #10

AZ: Bu playlistdə HTML, CSS və JavaScript istifadə edərək sıfırdan hazırladığım 3x3 damalı interaktiv zəka oyununun yaradılma mərhələlərini ətraflı şəkildə izləyə bilərsiniz. Oyun iki istifadəçi arasında keçirilir və məqsəd 1-dən 9-a qədər olan rəqəmləri düzgün ardıcıllıqla tapmaqdır.

✨ Oyun səhifəsində aşağıdakı funksiyalar mövcuddur:

🔐 Daxil ol və qeydiyyat sistemləri – istifadəçilərin öz hesabları ilə giriş etməsi üçün

ℹ️ Haqqımızda bölməsi – layihə və müəllif barədə məlumat verilir

🏆 Reytinq cədvəli – istifadəçilərin topladığı xalların sıralanması

🎯 Oyunun əsas məntiqi və növbəlilik sistemi – oyunçular səhv etdikdə və ya vaxt bitdikdə növbə dəyişir

🛠️ İstifadə olunan texnologiyalar və onların rolu:

HTML (HyperText Markup Language) – səhifənin strukturunu və əsas bölmələrini yaratmaq üçün istifadə olunub. Məsələn: login formaları, oyun taxtası (grid), düymələr və s.

CSS (Cascading Style Sheets) – oyunun vizual görünüşünü formalaşdırmaq üçün istifadə olunub. Məsələn: düymələrin rəngi, animasiyalar, responsiv dizayn.

JavaScript – oyunun əsas məntiqini, istifadəçi qarşılıqlı əlaqəsini və növbəlilik mexanizmini həyata keçirmək üçün istifadə olunub. Məsələn: təsadüfi rəqəmlərin yerləşdirilməsi, düymələrin klikləri, vaxt sayğacı və oyunçu dəyişməsi.

🎥 Hər mərhələnin yazılışını video şəklində ətraflı izah etmişəm. Proqramlaşdırma ilə maraqlanan və oyun inkişaf etdirməyə başlamaq istəyənlər üçün əla resurs olacaq.

Abunə olun və zəka oyununun kodlanma macərasına siz də qoşulun! 💻🧠

RU: В этом плейлисте вы увидите пошаговый процесс создания интерактивной логической игры 3x3 с использованием HTML, CSS и JavaScript. Игра рассчитана на двух игроков, цель — по очереди находить числа от 1 до 9 в правильной последовательности. Ошибка или завершение времени передаёт ход другому игроку. Игрок, первым открывший все числа по порядку, получает 1 очко.

✨ В игре реализованы:

🔐 Система входа и регистрации

ℹ️ Страница «О нас»

🏆 Таблица рейтингов

🎯 Механика игры и смена хода между игроками

🛠️ Используемые технологии и их роль:

HTML (HyperText Markup Language) – создаёт структуру страниц (игровое поле, кнопки, формы входа и т.д.)

CSS (Cascading Style Sheets) – отвечает за внешний вид игры: стилизация элементов, анимации, адаптивный дизайн

JavaScript – управляет логикой игры: генерация случайных чисел, обработка кликов, отслеживание очередности и таймера

🎥 В каждом видео вы увидите реальный процесс разработки — от начальной структуры до полной интерактивности. Это отличный ресурс для новичков, желающих освоить веб-разработку через создание игр.

EN: This playlist shows the full step-by-step process of building an interactive 3x3 grid-based logic game using HTML, CSS, and JavaScript. The game is designed for two players, where the goal is to find the numbers from 1 to 9 in the correct sequence. If a player selects the wrong number or the time runs out, the turn switches to the opponent. The first player to reveal all numbers in order wins a point.

✨ Key Features Included:

🔐 Login and registration system

ℹ️ About Us page

🏆 Leaderboard to display scores

🎯 Turn-based game mechanics with time control

🛠️ Technologies Used and Their Purpose:

HTML (HyperText Markup Language) – defines the structure of the pages (grid, buttons, login forms, etc.)

CSS (Cascading Style Sheets) – handles styling and appearance, including colors, layout, and animations

JavaScript – powers the game logic: random number generation, click handling, turn switching, and timer functionality

🎥 Each video in the playlist walks through the real development process — from page structure to a fully functional game. A perfect learning resource for beginners looking to build real projects while learning web development.

#GameDevelopment #WebDevelopment #JavaScriptGame #HTMLGame #CSSDesign
#MemoryGame #FrontendDevelopment #CodingTutorial #ProgrammerLife
#InteractiveGame #3x3Game #BrainGame #LogicGame #TwoPlayerGame
#CodeWithMe #LearnToCode #FullStackBeginner #GameDevJourney
#HTMLCSSJS #OpenSourceGame #ZekaOyunu #FlippingGame #DeveloperDiary
#OyunHazırlığı #WebTərtibat #KodYazmaq #AzərbaycanlıProqramçı
#GameDevelopment #WebDevelopment #JavaScriptGame #HTMLGame #CSSDesign
#MemoryGame #FrontendDevelopment #CodingTutorial #ProgrammerLife
#InteractiveGame #3x3Game #LogicGame #TwoPlayerGame #DeveloperDiary
#ВебРазработка #ИзучаемКод #ЛогическаяИгра #JSИгра
#GameDevelopment #WebDevelopment #JavaScriptGame #HTMLGame #CSSDesign
#MemoryGame #FrontendDevelopment #CodingTutorial #ProgrammerLife
#InteractiveGame #3x3Game #LogicGame #TwoPlayerGame #DeveloperDiary
#CodeNewbie #LearnToCode #BuildInPublic
#OyunGeliştirme #WebGeliştirme #JavaScriptOyunu #HTMLCSS #ZekaOyunu
#KodlamaÖğren #FrontendGeliştirici #İkiKişilikOyun #ProgramcıHayatı
#WebTasarım #KodlaBenimle #JSOyun #YeniBaşlayanlar #AçıkKaynak