Sužinokite „CSS Grid Layout“ („The Fun Way“) su Grid Garden

Dauguma žiniatinklio kūrėjų žino „Flexbox Froggy“ žaidimą moko lankstinukų pagrindus nuo nulio. Šis nemokamas žaidimas buvo virusinis ir jis vis dar neįtikėtinai vertingas mokant žmones koduoti su „flexbox“.

Na, tas pats kūrėjas, kuris padarė tą žaidimą turi naują žaidimą vadinamas Grid Garden.

Šis žaidimas veikia panašiai, bet moko kaip koduoti CSS tinklus. Tai gana nauja funkcija, bet tai greitas „Grid Garden“ - tai geriausias būdas mokytis.

Viskas Grid Garden'e seka a panašus mokymo stilius kaip Flexbox Froggy. Jį sukūrė tas pats kūrėjas, „Thomas Park“, todėl galite tikėtis panašaus sunkumo ir naudojimo.

Pagal numatytuosius nustatymus pirmasis lygis pradedamas su a iš viso 28 lygiai nuo pradžios iki pabaigos. Jūs visada galite praleisti lygius jei manote, kad tai yra pernelyg sunku, bet manau, kad visada gerai dirbti per juos visus kaip atnaujinimą.

Jei jūs nesuprantate, kaip su tinklu susijusios savybės veikia, rasite „Googling“ daug žodžių. CSS tinklelio išdėstymas yra a visiškai naujas modulis su savo sintakse ir funkcijomis.

Labai rekomenduoju žaisti aplink Grid Garden, kai tik gausite galimybę. Tai praktiškai a CSS kūrėjo žaidimų aikštelė mokytis ir mokytis visų skirtingų tinklelio išdėstymo savybių.

Negaliu pasakyti, kad šis žaidimas bus CSS tinklų ekspertas. Tik statybos projektai ir daug praktikuojančių asmenų gali atnešti jums ekspertų lygį. Tačiau „Grid Garden“ yra įdomus būdas pradėti be visų įprasto streso, kuris eina į kažką naujo.

Visas projektas yra visiškai nemokamas ir atviras šaltinis „GitHub“, jei norite jį parsisiųsti vietoje mokytis ar išplėsti. Taip pat galite pasidalinti savo mintimis su „Twitter @thomashpark“ kūrėju.