Opi CSS Grid Layout (The Fun Way) Grid Gardenin kanssa
Useimmat web-kehittäjät tietävät Flexbox-Froggy-pelin opettaa sinulle flexboxin perusteet tyhjästä. Tämä ilmainen peli meni virukseksi ja se on edelleen uskomattoman arvokas opettamaan ihmisiä, kuinka koodata flexboxilla.
Sama kehittäjä, joka teki tämän pelin on uusi peli olla nimeltään Grid Garden.
Tämä peli toimii samalla tavalla, mutta opettaa miten koodata CSS-verkkoja. Se on suhteellisen uusi ominaisuus, mutta se on kiinni nopeasti ja Grid Garden on helposti paras tapa oppia.
Kaikki Grid Gardenissa seuraa a samanlainen opetustyyli kuten Flexbox Froggy. Sitä kehitti sama kehittäjä, Thomas Park, joten voit odottaa samanlaista vaikeustasoa ja käytettävyyttä.
Oletusarvoisesti aloitat tason 1 kanssa yhteensä 28 tasoa alusta loppuun. Voit aina ohittaa tasot jos luulet, että kaikki ovat liian kovia, mutta mielestäni on aina hyvä työskennellä niiden kautta aivan yhtä täydelliseksi.
Jos sinulla ei ole aavistustakaan siitä, miten verkkoon liittyvät ominaisuudet toimivat, löydät itsesi Googlesta paljon sanoja. CSS-ruudukon asettelu on a täysin uusi moduuli omalla syntaksillaan ja ominaisuuksillaan.
Suosittelen leikkimistä Grid Gardenin kanssa aina, kun saat mahdollisuuden. Se on käytännössä a CSS-kehittäjän leikkipaikka kaikkien verkkoasettelun ominaisuuksien oppimiseen ja opiskeluun.
En voi sanoa, että tämä peli tekee sinusta CSS-verkkojen asiantuntijan. Ainoastaan rakennushankkeet ja paljon harjoittavat voivat tuoda sinut asiantuntijatasolle. Grid Garden on kuitenkin hauska tapa aloittaa ilman mitään tavanomaista stressiä, joka menee uuden oppimiseen.
Koko projekti on täysin ilmainen ja avoinna GitHubilta, jos haluat ladata sen paikallisesti opiskeluun tai laajentamiseen. Voit myös jakaa ajatuksesi luojan kanssa Twitterissä @thomashpark.
