Aflați aspectul Grid-ului CSS (calea distractivă) cu Grid Garden

Majoritatea dezvoltatorilor de web cunosc jocul Flexbox Froggy vă învață elementele de bază ale flexboxului de la zero. Acest joc gratuit a devenit viral și este încă incredibil de valoros pentru a învăța oameni cum să codificați cu flexbox.

Ei bine, același dezvoltator care a făcut acel joc are un joc nou denumit Grila de grădină.

Acest joc funcționează într-un mod similar, dar te învață cum să codificați grilele CSS. Este o caracteristică relativ nouă, dar este prinde rapid și Grid Garden este cu ușurință cea mai bună cale de a învăța.

Totul în Grid Garden urmează a stil de predare similar ca Flexbox Froggy. A fost creat de același dezvoltator, Thomas Park, astfel încât să vă puteți aștepta la un nivel similar de dificultate și utilitate.

În mod implicit, porniți la nivelul unu cu a total de 28 de nivele de la început la sfârșit. Poți oricând săriți nivelurile dacă credeți că vreunul este prea greu, dar cred că este întotdeauna bine să lucrați prin ele ca o reîmprospătare.

Dacă nu aveți nicio idee despre modul în care funcționează proprietățile legate de rețea, veți găsi multe cuvinte în Googling. Amplasarea rețelei CSS este a modul complet nou cu propria sintaxă și caracteristici.

Vă recomand să vă jucați cu Grid Garden ori de câte ori aveți șansa. Este practic un a Centru de joacă al dezvoltatorului CSS pentru învățarea și studierea diferitelor proprietăți ale layout-ului rețelei.

Nu pot spune că acest joc te va face un expert în rețelele CSS. Numai realizarea de proiecte și practicarea unui lot vă pot aduce la un nivel de expert. Dar, Grid Garden este o modalitate amuzanta de a incepe fara stresul obisnuit care incepe sa invete ceva nou.

Întregul proiect este complet gratuit și cu acces liber la GitHub dacă doriți să îl descărcați la nivel local pentru a studia sau a extinde. De asemenea, puteți să vă împărtășiți gândurile cu creatorul pe Twitter @thomashpark.