למד CSS פריסת רשת (דרך כיף) עם רשת גריד

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

ובכן, אותו מפתח שעשה את המשחק יש משחק חדש לגמרי שקוראים לו גן רשת.

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

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

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

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

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

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

הפרויקט כולו הוא חופשי לחלוטין פתוח על GitHub אם אתה רוצה להוריד אותו באופן מקומי כדי ללמוד או להרחיב. תוכל גם לשתף את המחשבות שלך עם היוצר ב- Twitter @thomashpark.