그리드 가든으로 CSS 그리드 레이아웃 (재미있는 방법) 배우기

대부분의 웹 개발자는 Flexbox Froggy 게임을 알고 있습니다. flexbox의 기초를 가르쳐줍니다. 기스로부터. 이 무료 게임은 바이러스 성이 있었고 사람들에게 flexbox로 코딩하는 방법을 가르치는 데 여전히 가치가 있습니다.

글쎄, 그 게임을 만든 같은 개발자 아주 새로운 게임을 가지고있다. 전화 한 그리드 가든.

이 게임은 비슷한 방식으로 작동하지만 CSS 그리드 코딩 방법. 비교적 새로운 기능이지만 빨리 잡기 그리드 가든은 쉽게 배우는 가장 좋은 방법입니다..

그리드 가든의 모든 것은 비슷한 교습 스타일 Flexbox Froggy로. 그것은 같은 개발자 Thomas Park에 의해 만들어 졌기 때문에 비슷한 수준의 난이도와 유용성을 기대할 수 있습니다..

기본적으로 레벨 1부터 시작하여 총 28 레벨 시작부터 끝까지. 언제나 할 수 있어요. 스킵 레벨 어떤 사람들이 너무 힘들다고 생각한다면, 그러나 나는 그들을 완전히 보충 할 때 항상 노력하는 것이 좋습니다..

그리드 관련 속성이 어떻게 작동하는지 잘 모르는 경우 많은 단어를 인터넷 검색으로 찾을 수 있습니다. CSS 그리드 레이아웃은 전혀 새로운 모듈 자체 구문 및 기능으로.

나는 기회가 생길 때마다 그리드 가든 (Grid Garden)과 함께 놀고 다니는 것이 좋습니다. 실질적으로 CSS 개발자의 놀이터 다양한 그리드 레이아웃 속성을 배우고 연구하기.

나는이 게임이 당신을 CSS 그리드의 전문가로 만들 것이라고 말할 수 없습니다. 단지 프로젝트를 만들고 많은 연습을하면 전문적인 수준으로 이끌 수 있습니다. 그러나 그리드 가든은 새로운 무언가를 배우는 일상적인 스트레스없이 시작하는 재미있는 방법입니다..

GitHub에서 전체 프로젝트를 무료로 이용할 수 있으며 오픈 소스로 다운로드하여 연구하거나 확장 할 수 있습니다. Twitter @thomashpark에서 제작자와 생각을 공유 할 수도 있습니다..