בניית לוח בקרה לפריסה במסוף
בקורס החינמי הזה יש 10 פרקים. נבנה את Acme Deploys מדף ריק לאפליקציה פרוסה עם נתיבים, נתונים ובדיקות. כל פרק רץ בזמן אמת ב-DevTools במהלך הקריאה.
התקדמות0/10
- 01תחילת העבודהיצירת אפליקציה, רינדור הדף הראשון ותגובה למקש.5 דקות
- 02layout עם Boxבניית מעטפת לוח הבקרה עם Flexbox בתאים: סרגל עליון, סרגל צד וכרטיסים.7 דקות
- 03טקסט ועיצובעיצוב כרטיס פריסה עם צבעים, מאפייני טקסט וטוקנים של ערכת נושא.6 דקות
- 04קלט ומפות מקשיםניווט בין פריסות באמצעות המקלדת והוספת שכבת עזרה עם ?.8 דקות
- 05ניתובפיצול האפליקציה לנתיבים עם layout משותף, קישורים עם קיצורי מקשים והיסטוריה.8 דקות
- 06נתונים ומטפלי נתיביםהגשת פריסות מתוך app/api, שליפתן בדף ושליחת פריסות חדשות.8 דקות
- 07Table, List ותרשימיםהחלפת שורות שנבנו ידנית ברכיב Table שניתן למיון ובתרשים שלא מזיז את ה-layout.7 דקות
- 08בדיקותרינדור מחוץ למסך, לחיצה על מקשים ובדיקת הפריים כטקסט.6 דקות
- 09הרצה בטרמינלהרצת אותו לוח בקרה במסך מלא בטרמינל באמצעות text run.5 דקות
- 10הפצהבנייה, הגדרת מטא-נתונים ופריסת Acme Deploys.4 דקות
- ▼תעודהקבלת תעודה עם שמך, ברינדור במסוף.
הקורס רץ במסוף
יש לפתוח את המסוף עם ⌘⌥JCtrl+Shift+J⌘⌥KCtrl+Shift+K⌘⌥C (תחילה להפעיל תכונות למפתחים), ללחוץ למטה ולבחור פרק בעזרת מקשי החצים.
▼ learn
פתיחת המסוף
⌘⌥J
CtrlShiftJ
⌘⌥K
CtrlShiftK
⌘⌥C
האפליקציה מרונדרת ב-DevTools.תחילה יש להפעיל את "הצגת תכונות למפתחי אתרים" בהגדרות Safari → מתקדם. אחר כך ללחוץ כאן וללחוץ על ↓.
פתיחה במחשב
האפליקציה הזו מרונדרת במסוף של DevTools, שדורש דפדפן במחשב.