מבנה דף, תגיות חובה, מחלקות, עבודה נכונה עם CSS, Flexbox ו-Grid. התאמה למובייל, טאבלט ודסקטופ.

• HTML5 – מבנה נכון, טפסים, קישורים, תמונות, סמנטיקה.
• CSS3 – מחלקות, היררכיה, צבעים, טיפוגרפיה, מרווחים.
• Flexbox ו-Grid – בניית Layout מודרני ופשוט לתחזוקה.
• עבודה עם DevTools בדפדפן לבדיקות ותיקונים.

כניסה לעולם התכנות: משתנים, תנאים, לולאות ופונקציות – עם המון דוגמאות מהחיים.

• משתנים (let/const), טיפוסי נתונים ו-Operators.
• תנאים (if / else / switch) ולולאות (for / while).
• פונקציות רגילות ו-Arrow Functions.
• עבודה עם DOM – תגובה ללחיצות, שינוי טקסטים וסגנונות.

עיבוד נתונים, עבודה עם מערכים ואובייקטים, ותקשורת עם שרתים חיצוניים.

• Arrays & Objects – מתודות חשובות (map, filter, reduce).
• מבני נתונים ושיטות עבודה נקיות.
• Async JS – הבנת Event Loop, Promises ו-async/await.
• עבודה עם fetch ו-APIs חיצוניים.

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

• התקנת git, יצירת Repository מקומי וחיבור ל-GitHub.
• Commit, Branch, Merge, Pull Request – עבודה מסודרת.
• מבנה תיקיות נכון לפרויקט Frontend / Full-Stack.
• תכנון פרויקט לפני כתיבת קוד – חשיבה מערכתית.

מעבר מ״דפים״ ל״אפליקציה״: קומפוננטות, State, Hooks ו-Routing.

• מה זה React ולמה משתמשים בה?
• Components ו-JSX – פיצול למסכים וקומפוננטות חוזרות.
• State & Props – העברת נתונים בין חלקי האפליקציה.
• Events & Forms – טפסים, ולידציה בסיסית וחוויית משתמש.
• useState, useEffect, Context API ו-Custom Hooks.
• React Router – ניווט בין דפים, פרמטרים ב-URL ו-Protected Routes.
• חיבור ל-API – הצגת נתונים מהשרת עם טעינה והודעות שגיאה.

יצירת Backend אמיתי שמדבר עם ה-Frontend ושולט בנתונים.

• היכרות עם Node.js וה-Event Loop.
• Express – יצירת שרת והגדרת ראוטים.
• Middleware – ניהול לוגים, שגיאות והרשאות.
• בניית REST API שמחזיר JSON ומקבל נתונים מהפרונט.

שמירת נתונים ב-DB אמיתי: יצירת סכמות, ולידציה ו-Queryים מתקדמים.

• היכרות עם MongoDB – גישה NoSQL גמישה.
• חיבור Node ל-MongoDB עם Mongoose.
• יצירת מודלים, סכמות ו-CRUD מלא.
• ולידציה, סינון, מיון ו-Pagination.

איך מחברים בין ה-Frontend ל-Backend, עם הרשאות והתחברות משתמשים.

• חיבור אפליקציית React ל-API ב-Node.
• Authentication עם JWT – הרשמה, התחברות, הגנה על ראוטים.
• שמירת Token בצד הלקוח, שמירת Session, Logout.
• העלאת קבצים (multer) – לדוגמה תמונת פרופיל.

בחירת רעיון לפרויקט גמר, אפיון מסכים, מסד נתונים ו-API.

• בחירה/הצעת פרויקט גמר אישי או בצוות קטן.
• יצירת Wireframes למסכים ראשיים.
• תכנון בסיס נתונים וטבלאות נתונים.
• כתיבת מסמך אפיון קצר (Frontend + Backend + DB).

פיתוח המערכת בפועל: Frontend, Backend, DB ו-Git Workflow.

• פיתוח צד לקוח ב-React – מסכים, טפסים ו-Routing.
• פיתוח צד שרת ב-Node + Express.
• חיבור מלא ל-MongoDB.
• עבודה עם Branches ו-Pull Requests (למי שעובד בצוות).

להוציא את הפרויקט לעולם – ולהציג אותו כמו שצריך למעסיקים.

• דיפלוימנט ל-Render / Railway / Vercel או שרת פרטי.
• חיבור דומיין והגדרת סביבה (Environment Variables).
• סידור פרויקטים ב-GitHub בצורה שמוכרת למגייסים.
• הכנה לראיונות – שאלות נפוצות ב-JS, React ו-Backend.