תרגול קורס MERN
תרגול מלווה לקורס ריאקט, נוד, מונגו, אקספרס ודיפלוי
פתרו את התרגילים בהתאם לשיעור אותו אתם לומדים כעת.
הטמיעו את הקוד הבא באפליקציה:
לחצו כאן
- השתמשו במבנה הקומפוננטות המופיע בתמונה המצורפת:
- כתבו את כל הקומפוננטות בקובץ main.js
- וודאו שהאתר מוצג בדומה לקבצי ה html וה css שקיבלתם.
- הורידו https://nodejs.org גרסת LTS.
- כתבו בשורת פקודה:
node --version
כדי לוודא שה Node הותקן. מומלץ לסגור את כל שורות הפקודה ולפתוח מחדש.
- צרו את הפרויקט. הריצו את הפקודה הבאה תחת ספריית הפרויקטים המרכזית שלכם:
npx create-react-app gocode-shop
- פתחו את הפרויקט ב VSCode, הריצו npm start בטרמינל.
- התחילו להוסיף רכיבים מקובץ ה main.js, הישן, כאשר עכשיו כל אחד מהם יהיה קובץ בפני עצמו תחת src/components. אם לרכיב יש עיצוב - צרו ספרייה עבור כל רכיב, ובספרייה הכניסו את קבצי ה JS וה CSS.
- פצלו את ה CSS לקבצים מתאימים לפי כל קומפוננטה רלוונטית.
- העלו לגיטהאב.
