Naučite se CSS Grid Layout (zabaven način) z Grid Garden

Večina spletnih razvijalcev pozna igro Flexbox Froggy uči osnove flexboxa iz nič. Ta brezplačna igra je postala virusna in je še vedno izjemno dragocena za poučevanje ljudi, kako kodirati s flexboxom.

No, isti razvijalec, ki je naredil to igro ima čisto novo igro imenuje Grid Garden.

Ta igra deluje na podoben način, vendar vas uči kako kodirati CSS mreže. To je relativno nova funkcija, vendar je hitro ujeti in Grid Garden je zlahka najboljši način za učenje.

Vse v Grid Garden sledi a podobnega načina poučevanja kot Flexbox Froggy. Ustvaril jo je isti razvijalec, Thomas Park, tako da lahko pričakujete podobno stopnjo težavnosti in uporabnosti.

Privzeto začnete na ravni ena z a skupaj 28 stopenj od začetka do konca. Vedno lahko preskočite ravni če menite, da je katera koli pretežka, vendar se mi zdi, da je vedno dobro delati z vsemi, samo kot osvežilec.

Če ne veste, kako delujejo lastnosti, povezane z omrežjem, boste našli veliko besed v Googlu. Postavitev mreže CSS je a popolnoma nov modul s svojo lastno sintakso in funkcijami.

Priporočam, da se vsakič zatekajo na Grid Garden. To je praktično a CSS razvijalec igrišče za učenje in proučevanje vseh različnih lastnosti postavitve mreže.

Ne morem reči, da vas bo ta igra naredila strokovnjaka v CSS mrežah. Samo gradbeni projekti in veliko vadbe vas lahko pripeljejo na strokovno raven. Ampak, Grid Garden je zabaven način, da začnete brez vseh običajnih stres, da gre v učenje nekaj novega.

Celoten projekt je popolnoma brezplačen in odprt na GitHubu, če ga želite prenesti lokalno, da bi študirali ali razširili. Lahko tudi delite svoje misli z ustvarjalcem na Twitterju @ thomashpark.