Dowiedz się o układzie siatki CSS (The Fun Way) z Grid Garden

Większość twórców stron internetowych zna grę Flexbox Froggy uczy podstaw flexboxa od zera. Ta darmowa gra stała się wirusowa i nadal jest niezwykle cenna, jeśli chodzi o uczenie ludzi kodowania za pomocą Flexbox.

Cóż, ten sam programista, który stworzył tę grę ma zupełnie nową grę nazywa Grid Garden.

Ta gra działa w podobny sposób, ale uczy jak kodować siatki CSS. To stosunkowo nowa funkcja, ale jest łapanie szybko a Grid Garden to łatwy sposób na naukę.

Wszystko w ogrodzie siatki następuje podobny styl nauczania jako Flexbox Froggy. Został stworzony przez tego samego programistę, Thomasa Park, więc możesz spodziewać się podobnego poziomu trudności i użyteczności.

Domyślnie zaczynasz od pierwszego poziomu za pomocą łącznie 28 poziomów od początku do końca. Możesz zawsze pomiń poziomy jeśli uważasz, że coś jest za trudne, ale uważam, że zawsze dobrze jest pracować nad nimi, jako ożywiającym.

Jeśli nie masz pojęcia, jak działają właściwości związane z siatką, przekonasz się, że można wyszukiwać wiele słów. Układ siatki CSS to całkowicie nowy moduł z własną składnią i funkcjami.

Gorąco polecam bawiąc się z Grid Garden, kiedy tylko masz szansę. To praktycznie Plac zabaw dla programistów CSS do nauki i badania wszystkich różnych właściwości układu siatki.

Nie mogę powiedzieć, że ta gra sprawi, że staniesz się ekspertem od siatek CSS. Tylko budowanie projektów i dużo ćwiczeń może doprowadzić do poziomu eksperta. Ale Grid Garden to świetny sposób na rozpoczęcie pracy bez stresu, który zwykle towarzyszy nauce czegoś nowego.

Cały projekt jest całkowicie darmowy i otwarty na GitHub, jeśli chcesz go pobrać lokalnie, aby studiować lub rozwijać. Możesz także podzielić się swoimi przemyśleniami z twórcą na Twitterze @thomashpark.