למד את עצמך Flexbox CSS עם המשחק Froggy Flexbox

בעבר יש לנו glossed over flexbox ואת הבסיס של איך זה עובד. אבל למעשה החלת Flexbox על זרימת העבודה שלך יכול להיות מאתגר כי זה כזה מסובך בנוסף מפרט CSS.

עם Flexbox Froggy אתה יכול ללמוד את כל היסודות של Flexbox עם כיף webgame מעורבים צפרדעים lilypads. אני יודע שזה נשמע מטורף אבל זה ברצינות webapp מדהים.

אתה מתחיל ברמה 1 ו לאט לעבוד את דרכך 24 רמות שונות ללמד את היבטים רבים של אוריינטציה Flexbox. רמות המוקדמות להתחיל קל על ידי מבקש ממך ליישר אחד או שניים צפרדעים לאורך מיכל אחד. שיעורים מוקדמים כוללים גם טיפים והצעות שיעזרו לך לאורך הדרך.

אבל ברגע שאתה מקבל שיעור בעבר 10 דברים באמת לחמם. אתה צריך ללמוד איך מחדש-לארגן פריטים בתוך מכולה, איך ל לארגן תוכן אנכית, וכיצד ליצור ריווח שווה בין שורות שונות של תוכן אחר.

הצפרדעים הקטנות והחמודות עשויות לפתות אותך, אבל זה היה בטוח שזה משחק קשה.

למרות זאת, החל טירונים מלאים מפתחי אינטרנט מנוסים יותר, המשחק מורכב לכל הרמות. השיעורים המוקדמים הם משב רוח והשיעורים המאוחרים יותר יכולים להשאיר אותך רכון מעל המסך עם גושי שיער בצד שלך.

קוד המקור המלא של המשחק זמין בחינם ב- GitHub, כך שתוכל להוריד ולהפעיל אותו באופן מקומי אם תרצה בכך.

בנוסף webapp הוא רב לשוני המציע 20 שפות כולל אנגלית, צרפתית, גרמנית, איטלקית, סינית, יפנית ורוסית (ועוד רבים אחרים).

אני מודה בזה reranging צפרדעים לא מיד להפוך אותך מאסטר של. אבל השיעורים האלה נועדו להכיר אותך עם תחביר Flexbox כך שאתה יכול להרגיש יותר נוח לעבוד בתרחישים בעולם האמיתי.

אם אתה מפתח אינטרנט של כל רמת מיומנות אתה בהחלט צריך לבדוק את Flexbox Froggy. זה לגמרי בחינם, די כיף לשחק חינוכית להפתיע.