מבוא לSvelte

בחלק הראשון של הקורס נחשוף את העולם החדשני של Svelte, ששינתה את כללי המשחק בפיתוח ווב. משתתפי הקורס יבינו למה Svelte מתבלטת על פני שאר ה frameworks של JavaScript, יחקרו את היתרונות היחודיים שלה ביצירת קוד פשוט ובהגברת הפרפורמנס. נדריך אתכם דרך הקמת הסביבה המקומית, לקראת יצירת קומפוננטות ה Svelte הראשונה שלכם. נצלול עמוק יותר כדי להשיג שליטה מלאה ב reactive statements וב data binding, רעיונות הכרחיים ליצירת ממשקי משתמש ידידותיים. נכיר את הכוח של computed properties ושל watchers ליצירת קומפוננטות תגובתיות, ובכך נניח את התשתית להמשך.

ניהול state

השלב השני של הקורס מתמקד ב state management מורכב ובטכניקות של event handling. נתחיל בניהול local component state ונלמד איך להעביר דאטה דרך props באופן אלגנטי. משם, נצלול לתוך ניהול global state עם Svelte stores, היבט חיוני לתיחזוק state בין קומפוננטות שונות. המחקר שלנו יכלול את Svelte Context API, כלי עוצמתי לשיתוף state management. נכסה גם אסטרטגיות event handling מורכבות, החל מ validation ו custom event handlers.

עיצוב ופונקציונליות עם Svelte

בחלק השלישי של הקורס, נתמקד בשיוף ההיבטים האסתטיים והפונקציונליים של אפליקציות Svelte. נלמד איך לשלב inline and scoped styles ולמנף CSS transitions ואנימציות, כמו גם איך ליישם dynamic styling. נראה איך להשתמש ב CSS frameworks כמו Tailwind כדי ליצור עיצובים אלגנטים ותגובתיים. בנוסף, שלב זה יעשה היכרות עם component lifecycle methods, conditional rendering, והתמודדות עם ניהול אופרציות אסינכרוניות - כישור נדרש במיוחד עם אפליקציות מונעות-דאטה. לצד זאת, נקפיד על הפרקטיקות הנכונות כדי לוודא שהאפליקציה לא רק תיראה יפה אלא גם תעבוד ביעילות מקסימלית.

SvelteKit

בשלב הרביעי של הקורס נכיר את SvelteKit, שלד-התוכנה הרשמי של Svelte ליצירת אפליקציות צד שרת ב Svelte. נלמד איך להקים פרויקט SvelteKit מ-א' ועד ת' תוך הבנת הניואנסים של pages, layouts, routing, navigation ועוד. ניכנס עמוק לתוך עקרונות ה Server Side Rendering תוך קינפוג server-side routes ושליפת דאטה מהשרת תוך התמודדות עם תרחישים ספציפיים ל SSR. שלב זה הוא חיוני עבור מפתחים ששמים לעצמם למטרה לבנות אפליקציות סקיילביליות וידידותיות למשתמשים ול SEO.

פרויקט Svelte מסכם

בשלב זה נשלים הספקטרום השלם של ההיכרות שלנו עם Svelte תוך יצירת פרויקט אמיתי שיוכל לשמש את משתתפי הקורס בפורטפוליו. נעבוד עם SvelteKit endpoints, serverless functions ונתמודד עם הצורך לגבש מנגנון של אותנטיקציות והרשאות משתמשים. נתייחס גם לאסטרטגיות של localication ו internationalization, כדי שהאפליקציות יוכלו להיות נגישות גלובלית בשפה ובעיצוב המצופה על ידי משתמשים בינלאומיים. נלמד על אופטימיזציה ועל האופן בו טכניקות שונות של deployment ותהליכי CI/CD יכולים לתרום לה. בסיכומו של הקורס, המשתתפים יהיו בעלי ידע מעשי ותאורטי חזק ויוכלו להשתלב בטבעיות בסביבה מקצועית אמיתית.