Flexbox Froggy 게임으로 CSS Flexbox 배우기

과거에 우리는 flexbox와 그것이 작동하는 방법의 기본에 대해 살펴 보았습니다. 그러나 실제적으로 flexbox를 워크 플로우에 적용하는 것은 어려운 일이 될 수 있습니다. 왜냐하면 CSS 스펙.

Flexbox Froggy를 사용하면 개구리와 lilypads와 관련된 재미있는 웹 게임으로 flexbox의 모든 기본 사항을 배우십시오.. 나는 그것이 미친 소리가 나는 것을 안다. 그러나 이것은 진지하게 굉장한 webapp 다..

레벨 1부터 시작합니다. 천천히 24 가지 레벨을 통해 당신의 방식대로 일하십시오. flexbox 방향의 많은 양상을 가르치기. 초기 단계는 다음과 같이 요청하여 쉽게 시작할 수 있습니다. 하나의 컨테이너를 따라 하나 또는 두 개의 개구리 정렬. 조기 수업에는 길을 따라가는 데 도움이되는 팁과 제안이 포함되어 있습니다..

그러나 과거 수업 10을 받으면 정말 열이납니다. 다시하는 법을 배워야합니다.-컨테이너 내의 항목 구성, 어떻게 구성 함유량 수직으로, 및 만드는 방법 등 간격 간격 서로 다른 내용의 서로 다른 행 사이.

귀여운 개구리가 당신을 끌어 들이지 만, 이것이 힘든 게임임을 확신합니다..

하나, 완전한 초보자부터 숙련 된 웹 개발자에게, 게임은 모든 수준을 위해 만들어진다. 초기 수업은 산들 바람에 나중에 수업은 당신 편으로 머리카락 덩어리로 화면을 잡아 먹을 수 있습니다..

전체 게임 소스 코드는 GitHub에서 무료로 사용할 수 있으므로 원하는 경우 로컬에서 다운로드하여 재생할 수 있습니다..

플러스 webapp 다국어입니다 20 개 언어 제공 영어, 불어, 독어, 이탈리아어, 중국어, 일본어 및 러시아어 (그 밖에도 많은 언어들).

나는 그것을 인정할 것이다. 개구리를 재배치하면 즉시 당신을 주인이 될 수 없습니다. flexbox의. 하지만이 수업은 flexbox 구문에 익숙해 지도록하십시오. 실제 시나리오에서보다 편안하게 작업 할 수 있습니다..

네가 모든 기술 수준의 웹 개발자 Flexbox Froggy를 꼭 확인해야합니다. 완전히 자유롭고 재미있게 놀면서 놀랍도록 교육적입니다..