Bootstrap Code Play

Code Play‏

מכיל מודעות

מידע על האפליקציה הזו

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

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

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

בחרו מסלול למידה
למדו את מסלול Bootstrap 5.3.8 המצורף, או חקרו את Bootstrap 4.6.2 ו-3.4.1 עבור פרויקטים ישנים יותר. המסלולים הישנים יותר הם סוף חייהם ומסופקים ללמידה והעברה. מסלול אלפא נפרד של Bootstrap 6 הוא ניסיוני; התצוגה המקדימה שלו דורשת גישה לאינטרנט ותצוגת אינטרנט מודרנית.

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

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

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

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