Skip to content

Tutorial JavaScript – Creați un joc de cărți 🃏

Tutorial JavaScript – Creați un joc de cărți 🃏

Îmbunătățiți-vă abilitățile JavaScript prin crearea unui joc de cărți de bază cu HTML și CSS. ♣️♥️♠️♦️

Acest tutorial nu acoperă doar crearea unui joc de cărți de bază folosind JavaScript
dar de asemenea:
– cum să creați un cod interactiv dinamic pentru utilizator folosind JavaScript vanilla
– Crearea unor efecte de animație
– Design de aspect receptiv folosind grila CSS, CSS FlexBox și interogări media
– Cum se schimbă dinamic pozițiile celulelor grilei, astfel încât să randomizezi pozițiile cardurilor conținute într-o grilă css folosind JavaScript,
– funcționalitate localStorage
– Și mult mai mult…

💻 Cod: https://github.com/GavinLonDigital/HuntTheAceJSGame

✏️ Gavin Lon a creat acest tutorial. Vezi canalul lui: https://www.youtube.com/@GavinLon

⭐️ Cuprins ⭐️
⌨️ (0:00:00) Introducere
⌨️ (0:05:26) Noțiuni introductive
⌨️ (0:07:00) Extensie de server live
⌨️ (0:09:50) Creați carduri – HTML
⌨️ (0:14:44) Creați grila de joc
⌨️ (0:19:55) Creați carduri dinamic – Cod JS
⌨️ (0:28:46) Inițializați pozițiile cardului
⌨️ (0:34:39) Încărcați jocul și începeți jocul
⌨️ (0:38:43) Stivuiți cărți
⌨️ (0:41:53) Flip Cards
⌨️ (0:45:14) Amestecă cardurile
⌨️ (0:49:28) Deal Cards
⌨️ (0:54:37) Alegeți Card
⌨️ (1:16:56) Stil și aspect
⌨️ (1:24:28) Animație
⌨️ (1:32:39) Aspect receptiv
⌨️ (1:36:43) Stocare locală

🎉 Mulțumim susținătorilor noștri Campion și Sponsor:
👾 Îl atrag pe Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Titlul Erdeniz
👾 Justin Hual
👾 Agustín Kussrow
👾 Otis Morgan

Învățați să codificați gratuit și obțineți un job de dezvoltator: https://www.freecodecamp.org

Citiți sute de articole despre programare: https://freecodecamp.org/news

Cursuri interesante:

Leave a Reply

Your email address will not be published. Required fields are marked *