Õpi CSS Grid Layout (The Fun Way) koos Grid Gardeniga

Enamik veebiarendajaid teavad seda Flexboxi konnat õpetab flexboxi põhialuseid algusest. See tasuta mäng läks viiruslikuks ja see on ikka uskumatult väärtuslik, et õpetada inimestele, kuidas flexboxiga koodi kodeerida.

Sama arendaja, kes selle mängu tegi on täiesti uus mäng kutsus Grid Garden.

See mäng töötab sarnaselt, kuid õpetab kuidas CSS-võrke kodeerida. See on suhteliselt uus funktsioon, kuid see on kiire ja Grid Garden on lihtsalt parim viis õppida.

Kõik Grid Gardenis järgib a sarnane õpetamisstiil nagu Flexbox Froggy. Selle on loonud sama arendaja Thomas Park, nii et võite oodata sarnast raskusastet ja kasutatavust.

Vaikimisi alustate esimesel tasemel a-ga kokku 28 taset algusest lõpuni. Sa võid alati vahele jätmise tasemed kui te arvate, et see on liiga raske, kuid ma leian, et nende kaudu on alati hea töötada kõik sama värskendusena.

Kui teil pole aimugi, kuidas võrguga seotud omadused töötavad, leiad ennast Google'ile palju sõnu. CSS-i võrgu kujundus on a täiesti uus moodul oma süntaksi ja funktsioonidega.

Ma soovitan Grid Gardeniga ringi mängida, kui sul on võimalus. See on praktiliselt a CSS arendaja mänguväljak erinevate võrgukujunduse omaduste õppimiseks ja õppimiseks.

Ma ei saa öelda, et see mäng teeb sulle CSS-võrkude eksperdi. Ainult ehitusprojektid ja palju praktiseerivad tegevused võivad viia teid ekspertide tasemele. Kuid Grid Garden on lõbus viis alustada ilma tavalise stressita, mis läheb midagi uut õppima.

Kogu projekt on GitHubist täiesti tasuta ja avatud, kui soovite selle kohalikku õppimiseks või laiendamiseks alla laadida. Võite jagada oma mõtteid ka loojaga Twitter @thomashpark.