Naučite CSS Grid Layout (zabavan način) s Grid Gardenom
Većina web programeri znaju Flexbox Froggy igru koja vas uči osnovama flexboxa od nule. Ova besplatna igra je postala viralna i još uvijek je nevjerojatno vrijedna za podučavanje ljudi kako kodirati s flexboxom.
Pa, isti programer koji je napravio tu igru ima potpuno novu igru zvao Grid Garden.
Ova igra radi na sličan način, ali vas uči kako kodirati CSS mreže. To je relativno nova značajka, ali to je brzo hvatanje i Grid Garden je jednostavno najbolji način za učenje.
Sve u Grid Garden slijedi a sličnog stila podučavanja kao Flexbox Froggy. Napravio ju je isti developer, Thomas Park, tako da možete očekivati sličnu razinu težine i upotrebljivosti.
Prema zadanim postavkama, započinjete na razini prvog s a ukupno 28 razina od početka do kraja. Uvijek možeš preskočite razine ako mislite da je bilo previše teško, ali smatram da je uvijek dobro raditi kroz sve njih samo kao osvježitelj.
Ako nemate pojma kako rade svojstva vezana uz mrežu, naći ćete se u Googlu mnogo riječi. CSS raspored mreže je potpuno novi modul s vlastitom sintaksu i značajkama.
Preporučujem da se družim s Grid Gardenom kad god dobijete priliku. Praktički je CSS programersko igralište za učenje i proučavanje svih različitih svojstava rasporeda mreže.
Ne mogu reći da će vas ova igra učiniti stručnjakom u CSS mrežama. Samo izgradnja projekata i puno vježbanja mogu vas dovesti na stručnu razinu. Ali, Grid Garden je zabavan način da započnete bez uobičajenog stresa koji ide u učenje nečeg novog.
Cijeli projekt je potpuno besplatan i otvoren izvor na GitHubu ako ga želite lokalno preuzeti kako biste učili ili proširili. Također možete podijeliti svoje misli s kreator na Twitter @ thomashpark.
