Uzziniet CSS režģa izkārtojumu (Fun Way) ar Grid Garden

Lielākā daļa tīmekļa izstrādātāju zina Flexbox Froggy spēli māca jums flexbox pamatus no nekā. Šī bezmaksas spēle bija vīruss, un tas joprojām ir ļoti vērtīgs, lai mācītu cilvēkiem, kā kodēt ar flexbox.

Nu, tas pats attīstītājs, kurš šo spēli veica ir pavisam jauna spēle sauc Režģa dārzs.

Šī spēle darbojas līdzīgi, bet māca jums kā kodēt CSS tīklus. Tā ir salīdzinoši jauna iezīme, bet tā ir strauji un Grid Garden ir viegls veids, kā mācīties.

Viss Grid dārzā seko a līdzīgs mācību stils kā Flexbox Froggy. To izveidoja tas pats izstrādātājs, Thomas Park, lai jūs varētu sagaidīt līdzīgu sarežģītības pakāpi un lietojamību.

Pēc noklusējuma jūs sākat pirmajā līmenī ar a kopā 28 līmeņi no sākuma līdz beigām. Jūs vienmēr varat izlaist līmeņus ja jūs domājat, ka tas ir pārāk smags, bet es uzskatu, ka vienmēr ir labi strādāt ar visiem, tāpat kā atsvaidzinātāju.

Ja jums nav ne jausmas, kā darbojas ar tīklu saistītie rekvizīti, jūs atradīsiet sev daudz vārdu. CSS režģa izkārtojums ir a pilnīgi jauns modulis ar savu sintaksi un funkcijām.

Es ļoti iesakām spēlēt apkārt ar Grid Garden, kad jums ir iespēja. Tas ir praktiski a CSS izstrādātāja rotaļu laukums mācīties un pētīt visus dažādos tīkla izkārtojuma rekvizītus.

Es nevaru teikt, ka šī spēle dos jums ekspertu CSS tīklos. Tikai celtniecības projekti un daudzas nodarbības var dot jums ekspertu līmeni. Bet, Grid Garden ir jautrs veids, kā sākt darbu bez visiem parastajiem stresa apstākļiem, kas sāk mācīties kaut ko jaunu.

Viss projekts ir pilnīgi bez maksas un atvērts no GitHub, ja vēlaties to lejupielādēt, lai to varētu mācīties vai paplašināt. Jūs varat arī dalīties savās domās ar veidotāju Twitter @thomashpark.