נתחיל את הקורס בהיכרות עם הכלים ונראה איך להקים פרויקט ראשון תחילה אונליין ב Playground ואז על המכונה שלכם. אתם תלמדו איך לארגן את הקבצים בפרויקט, איפה לכתוב את כללי העיצוב ואיך להשתמש בספריית הקומפוננטות Shadcn כדי לחסוך לעצמכם זמן בפיתוח וכמובן איך להיעזר ב AI כדי לעצב ולכתוב קומפוננטות. אחרי שתבינו את הבסיס נוכל להתקדם לבניית יסודות תיאורטיים חזקים שילוו אתכם בקורס ובהמשך העבודה עם ריאקט: נלמד על State ואיפה לשמור אותו, איך להפריד בין הלוגיקה ל UI של קומפוננטה, איך לכתוב קוד שיהיה קל לשימוש חוזר וקל להבנה ואיך לשלב מספר קומפוננטות על העמוד.
בחלק הבא של הקורס נעבור ללמוד על המשמעות של Full Stack React ונראה מהן קומפוננטות צד שרת ומהן קומפוננטות צד לקוח, ואיך Next משלב את שני סוגי הקומפוננטות למערכת אחת. כמובן שנעלה את המערכת שנבנה לאינטרנט לאתר של Vercel ועל הדרך אראה לכם גם איך לבנות פרויקט צד-לקוח בלבד או איך להעלות פרויקט next לשרתי איחסון אחרים. בעבודה על Full Stack ניתקל באוסף חדש של אתגרים בפרט איך ומתי למשוך מידע מהשרת, כמה זמן לשמור את המידע ואיך לשתף אותו בין הקומפוננטות או בין גולשים שונים. נלמד על ספריית React Query ועל כל מנגנון ה Cache של next.js.
לסיום ואחרי שתדעו איך לבנות ולסדר אפליקציות נבצע סדנת ביצועים שבה אראה לכם איך למדוד את ביצועי היישום, איך כל קוד שאתם כותבים משפיע על הביצועים וכמובן טכניקות איך לגרום למערכת שלכם להיטען ולעבוד מהר יותר.
הנושאים המרכזיים בקורס כוללים:
הי! אני ינון פרק. אני מתכנת שכותב קוד כל יום מאז שנת 2002, ומשנת 2012 גם מדריך קורסים בפיתוח למתכנתים בחברות תוכנה מובילות בארץ. בין השאר לימדתי ב Intel, IBM, Amdocs, Sapiens, eBay ובעוד עשרות חברות הייטק נוספות כאן בארץ.
את הקורסים באתר אני מלמד כמו שאני מלמד קורסים בכיתה: בצורה יסודית, תוך התעמקות בפרטים ובמטרה לתת לכם הבנה טובה של המנגנונים. בשביל להצליח לבנות פרויקט או להתקבל לעבודה לא מספיק לדעת לבנות משהו, צריך גם להבין בדיוק איך זה עובד.