Î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:
- Introducere în Responsive Web Design – Tutorial HTML și CSS
- Tutorial JavaScript GameDev – Codați un joc animat de fizică [Curs complet]
- Construiește o lume virtuală plină de mașini care se conduc singure – Tutorial JavaScript
- Construiește un site simplu cu HTML, CSS, JavaScript – Curs pentru începători
- Tutorial React Project – Creați un site web de portofoliu cu animații avansate
- Unity FPS Survival Game Tutorial – First Person Shooter Game Dev
- React Native – Curs introductiv pentru începători
- Tutorial de dezvoltare a jocurilor multiplayer online Python
- Efecte de pixeli cu JavaScript și HTML Canvas – Tutorial
- Curs Flutter & Firebase – Construiește o clonă Instagram completă