Dedika היא פלטפורמה ללמידה מעשית: להכין הצעת מחיר, להפוך למניקוריסטית או ללמוד להשתמש בכלי חדש, למשל. לא משנה מה המטרה שלך, התוכן הטוב ביותר כבר קיים. אבל לרוב הוא בשפה אחרת, יקר, מפוזר ברחבי הרשת, בלי תרגול מעשי או בקורסים ארוכים מדי למי שיש לו שגרה עמוסה. לכן ל-Dedika יש שיטה ייחודית: אנחנו מאתרים את החומרים הרלוונטיים, מארגנים אותם לפי המטרה שלך, בודקים אותם יחד עם מומחים שזמינים לשאלות, ויוצרים תרגולים כדי שתלמד/י תוך כדי עשייה. את/ה הכי חשוב/ה במסע שלך ואף אחד לא מכיר אותו טוב ממך: בחר/י את התוכן ואת משך הקורס, האם ללמוד עם או בלי אינטרנט ובאיזה פורמט. זה יכול להיות וידאו, טקסט, אודיו או תקציר. בדרך שלך, רק עם מה שמתאים לך. כאן, כל רגע של השקעה שווה יותר ומביא אותך מהר יותר למה שחשוב באמת.

הקורסים שלנו כוללים תקציר בסוף כל פרק, ממנו ניתן להוריד קובץ PDF ולהדפיס אותו.

יותר מ-2 מיליון תלמידים ברחבי העולם

נוכחים ביותר מ-180 מדינות

תעודה תקפה במדינתך

דף הבית

...

קורס פיתוח צד לקוח ב-Angular

כל הקורסים

הנדסה, בנייה וטכנולוגיה

טכנולוגיה

קורס פיתוח צד לקוח ב-Angular

לכל הרמות

קורס פיתוח צד לקוח ב-Angular

שלוט באנגולר מהיסוד ובנה אפליקציות חד-עמודיות מוכנות לייצור בביטחון. קורס זה מכסה הכל – מיסודות TypeScript וארכיטקטורת רכיבים ועד לניהול מצב עם NgRx, SSR ופריסת CI/CD. בין אם אתה משפר את כישורי הפרונט-אנד שלך או עובר לפיתוח אנגולר מקצועי, זהו המסלול הטכני המלא שאתה צריך.

Dedika לעסקים

מה תלמדו בקורס:

תלמד כיצד לעצב ולבנות אפליקציות אנגולר תוך שימוש במודולים, רכיבים ושירותים. תשלוט בטפסים מבוססי תבנית ובטפסים ראקטיביים, תיישם ניתוב מורכב עם שומרים ורזולוברים, ותנהל מצב אפליקציה באמצעות NgRx. הקורס מכסה גם אופטימיזציית ביצועים, בדיקות יחידה ובדיקות מקצה-לקצה, ופריסת builds לייצור. נושאים מתקדמים כוללים Angular Universal לעיבוד צד שרת, ארכיטקטורת מיקרו-פרונטאנד עם Module Federation, ותצורת Progressive Web App. בסיום, תהיה לך היכולת לבנות, לבדוק ולדפלוי אפליקציות אנגולר בעלות סקיילינג.

איך לומדים בצורה מעשית קורס פיתוח צד לקוח ב-Angular

איך מתרגלים קורס פיתוח צד לקוח ב-Angular

לעסק שלך שרוצה להכשיר את הצוות

ב-Dedika לעסקים, הקורס כולל תרגילים ודוגמאות מהעסק עצמו ובאופן שמתאים בדיוק למה שהחברה שלך צריכה.

לחצו כאן

תוכן הקורס

8 פרקים • 40 שיעוריםמשך בין 4 ל-360 שעות (אתה מחליט)

פרק 1ראה פרטים

יסודות אנגולר והגדרת סביבת פיתוח

שיעור 1 • מודולי אנגולר ואתחול האפליקציה
מסביר על NgModules, על AppModule הראשי, וכיצד אנגולר מאתחלת את האפליקציה. מספק את ההקשר המבני הדרוש לפני בניית קומפוננטות.
שיעור 2 • יסודות TypeScript לאנגולר
מציג טיפוסים, ממשקים ודקורטורים של TypeScript הנדרשים לכתיבת קוד אנגולר בביטחון. מגשר בין ידע ב-JavaScript למערכת הטיפוסים של אנגולר.
שיעור 3 • מבוא לפריימוורק אנגולר
מכסה את תפקידה של אנגולר בפיתוח פרונט-אנד מודרני ואת הארכיטקטורה שלה בהשראת MVC. קובע את הבסיס הרעיוני לכל נושאי הפריימוורק הבאים.
שיעור 4 • הגדרת סביבת הפיתוח
מתקין ומגדיר את Node.js, npm ואת ה-Angular CLI. מבטיח שלכל סטודנט יש סביבת עבודה מקומית עקבית וניתנת לשחזור.
שיעור 5 • בניית פרויקט האנגולר הראשון שלך
משתמש ב-Angular CLI כדי ליצור פרויקט חדש וחוקר את מבנה הקבצים שנוצר. מחבר בין הגדרת הסביבה ליצירת פרויקט מעשית.

פרק 2ראה פרטים

קומפוננטות, תבניות ו-Data Binding

שיעור 1 • Inline Directives מובנות
מיישם *ngIf, *ngFor ו-*ngSwitch כדי לשלוט באופן דינמי במבנה ה-DOM. מדגים כיצד directives מרחיבות את כושר הביטוי של התבנית.
שיעור 2 • קשירת מאפיינים ואירועים
מלמד זרימת נתונים חד-כיוונית באמצעות property binding וטיפול באירועי משתמש באמצעות event binding. מחבר בין לוגיקת הקומפוננטה לאלמנטים ב-DOM ולאינטראקציות משתמש.
שיעור 3 • תחביר תבנית וביטויים
מכסה את שפת הביטויים של תבניות אנגולר, ניווט בטוח, ומשתני ייחוס בתבנית. מאפשר רינדור תוכן דינמי בתוך תצוגות קומפוננטה.
שיעור 4 • Hooks למחזור חיי קומפוננטה
חוקר את רצף ה-hooks המלא למחזור החיים, מ-ngInit ועד ngOnDestroy. מלמד מתי ולמה להשתמש בכל hook לצורך אתחול וניקוי.
שיעור 5 • אנטומיה של קומפוננטת אנגולר
מפרק את הדקורטור @Component, מאפייני מטא-דאטה ומחזור חיי הקומפוננטה. קובע את אבן הבניין לכל אלמנט UI באנגולר.

פרק 3ראה פרטים

תקשורת בין קומפוננטות ו-Directives

שיעור 1 • שאילתות ViewChild ו-ContentChild
ניגש למופעי קומפוננטות ילד ותוכן מוקרן באופן פרוגרמטי באמצעות שאילתות. מאפשר תיאום קומפוננטות מתקדם מעבר ל-template binding.
שיעור 2 • תקשורת הורה-ילד עם @Input
משתמש ב-@Input כדי להעביר נתונים במורד עץ הקומפוננטות ומאמת קלט באמצעות setters. קובע את תבנית זרימת הנתונים הראשית כלפי מטה באנגולר.
שיעור 3 • בניית Structural Directives מותאמים אישית
מיישם structural directives באמצעות TemplateRef ו-ViewContainerRef כדי לתפעל את ה-DOM. מרחיב את יכולת הסטודנטים ליצור לוגיקת פריסה לשימוש חוזר.
שיעור 4 • בניית Attribute Directives מותאמים אישית
יוצר directives המשנות את המראה או ההתנהגות של אלמנט המארח מבלי לשנות את מבנה ה-DOM. מחזק את תבנית ה-directive שהוצגה בפרק 2.
שיעור 5 • תקשורת ילד-הורה עם @Output
משתמש ב-@Output ו-EventEmitter כדי לפלוט אירועים מותאמים אישית במעלה עץ הקומפוננטות. משלים את תבנית התקשורת הדו-כיוונית בין הורה לילד.

פרק 4ראה פרטים

שירותים, הזרקת תלויות ו-HTTP

שיעור 1 • יצירה ומתן Services באנגולר
יוצר services עם ה-CLI ורושם אותם בהיקף של מודול, קומפוננטה או שורש. קובע את שכבת ה-service כבית ללוגיקה משותפת.
שיעור 2 • HTTP Client ואינטגרציית REST API
מגדיר HttpClientModule ומבצע בקשות GET, POST, PUT ו-DELETE. מחבר את שכבת ה-service למקורות נתונים בצד השרת.
שיעור 3 • טיפול בשגיאות ו-HTTP Interceptors
מיישם טיפול בשגיאות גלובלי עם catchError והמרת בקשה/תשובה עם interceptors. מייצר תבניות תקשורת HTTP מוכנות לייצור.
שיעור 4 • צלילה עמוקה ל-Dependency Injection
חוקר את היררכיית ה-DI, injection tokens וסוגי providers. מאפשר שליטה עדינה על האופן שבו תלויות נפתרות ברחבי האפליקציה.
שיעור 5 • מבוא ל-RxJS Observables
מציג Observables, Subjects ואופרטורי ליבה הנדרשים לעבודה עם ה-APIs האסינכרוניים של אנגולר. מכין את הסטודנטים לתבניות HTTP ו-event handling ראקטיביות.

פרק 5ראה פרטים

ניתוב וניווט באנגולר

שיעור 1 • Route Guards ובקרת גישה
מיישם guards מסוג CanActivate, CanDeactivate ו-CanLoad כדי להגן על נתיבים. משלב אימות משתמש והרשאות בשכבת הניווט.
שיעור 2 • טעינה עצלה ופותרי ניתוב
מפצל את האפליקציה למודולי פיצ'ר הנטענים לפי דרישה ומביא נתונים מראש באמצעות resolvers. משפר את ביצועי הטעינה הראשונית ואת חווית המשתמש.
שיעור 3 • נתיבים מקוננים ו-Named Outlets
מבנה נתיבי ילד תחת נתיבי הורה ושימוש ב-named outlets לתצוגות עזר. תומך בדרישות פריסה מורכבות באפליקציות גדולות.
שיעור 4 • הגדרת Router וניווט בסיסי
מגדיר את RouterModule עם הגדרות נתיבים ומוסיף router-outlet ו-routerLink. קובע את הבסיס לכל תכונות הניווט.
שיעור 5 • פרמטרי נתיב ומחרוזות שאילתה
קורא מקטעי נתיב דינמיים ופרמטרים אופציונליים של שאילתה מה-ActivatedRoute. מאפשר תצוגות פירוט ודפי רשימה מסוננים.

פרק 6ראה פרטים

טפסי אנגולר: Template-Driven ו-Reactive

שיעור 1 • טפסים דינמיים עם FormArray
משתמש ב-FormArray כדי להוסיף ולהסיר בקרות טפסים בזמן ריצה עבור נתונים באורך משתנה. מטפל בתרחישים אמיתיים כמו שורות פריטים חוזרות.
שיעור 2 • Validators ואימות מותאם אישית
מיישם validators סינכרוניים ואסינכרוניים ויוצר פונקציות אימות מותאמות אישית לשימוש חוזר. מבטיח שלמות נתונים לפני שליחה.
שיעור 3 • שליחת טופס וניהול מצב
מטפל בשליחת טופס, איפוס ומצבי dirty/touched כדי לספק חווית משתמש מלוטשת. מחבר בין נתוני הטופס לקריאות service שהוצגו בפרק 4.
שיעור 4 • טפסים מונחי תבנית
משתמש ב-ngForm, ngModel וב-validators מובנים כדי לבנות טפסים באופן הצהרתי בתבנית. מציג מושגי טופס עם מינימום נפח קוד TypeScript.
שיעור 5 • יסודות Reactive Forms
בונה טפסים באופן פרוגרמטי עם FormControl, FormGroup ו-ReactiveFormsModule. מספק שליטה מפורשת וניתנת לבדיקה על מצב הטופס והאימות.

פרק 7ראה פרטים

ניהול מצב ותבניות ראקטיביות

שיעור 1 • ישות NgRx וכלי DevTools
מפשט ניהול אוספים עם NgRx Entity ובוחן מצב עם Redux DevTools. מאיץ פיתוח ודיבאגינג של פיצ'רים כבדי סטייט.
שיעור 2 • מבוא ל-NgRx Store
מתקין NgRx ומגדיר actions, reducers וה-store עבור פרוסת פיצ'ר. קובע את תבנית Redux בתוך האקוסיסטם של אנגולר.
שיעור 3 • מצב מבוסס Service עם BehaviorSubject
מאחסן ומשתף מצב בין קומפוננטות באמצעות BehaviorSubject בתוך service. מספק פתרון מצב קל משקל לפני הצגת NgRx.
שיעור 4 • NgRx Effects לתופעות לוואי
מטפל בפעולות אסינכרוניות כמו קריאות HTTP מחוץ ל-reducers באמצעות NgRx Effects. שומר על reducers טהורים ומרכז לוגיקת תופעות לוואי.
שיעור 5 • Selectors ואינטגרציית קומפוננטות
יוצר selectors עם זיכרון מטמון ומשגר actions מקומפוננטות באמצעות שירות ה-Store. מחבר את NgRx store לשכבת הקומפוננטה.

פרק 8ראה פרטים

ביצועים, בדיקות ו-Deployment

שיעור 1 • אסטרטגיות Deployment ואינטגרציית CI/CD
מבצע deployment של build אנגולר לאירוח סטטי ומשלב פייפליינים אוטומטיים למסירה רציפה. סוגר את מחזור חיי הפיתוח מקוד לייצור.
שיעור 2 • בדיקות יחידה לקומפוננטות ו-Services
כותב בדיקות יחידה עם Jasmine ו-TestBed עבור קומפוננטות, services ו-pipes. מאמת יחידות בודדות בבידוד לפני אינטגרציה.
שיעור 3 • אופטימיזציית Bundle ותצורת Build
מגדיר build ייצור, tree shaking ו-differential loading לגודל bundle אופטימלי. מכין את האפליקציה לאילוצי deployment בעולם האמיתי.
שיעור 4 • בדיקות מקצה-לקצה עם Cypress
מבצע אוטומציה של בדיקות זרימת משתמש עם Cypress כדי לאמת התנהגות אפליקציה מלאה. משלים בדיקות יחידה עם תרחישים מציאותיים מבוססי דפדפן.
שיעור 5 • זיהוי שינויים ואופטימיזציית ביצועים
מסביר את אסטרטגיות זיהוי השינויים Default ו-OnPush של אנגולר וכללי פרופיילינג. מפחית רינדורים מיותרים בעצי קומפוננטות גדולים.

הסמכה

תעודת הסיום התקפה שלך

הקורס הזה מיועד עבורך:

מפתחי JavaScript: מוכנים לאמץ פריימוורק פרונט-אנד מובנה ברמה ארגונית.
מפתחי React או Vue: מעוניינים להוסיף מומחיות באנגולר לערכת הכלים המקצועית שלהם.
מפתחי צד שרת: מתרחבים לתפקידי פול-סטאק הדורשים כישורי פרונט-אנד מודרניים.
בוגרי מדעי המחשב: מגשרים בין ידע אקדמי לפיתוח אנגולר סטנדרטי בתעשייה.
מפתחי ווב עצמאיים: מטרתם להכשיר עצמם לפרויקטים גדולים ומורכבים יותר של לקוחות.
מחליפי קריירה: בונים כישורי פרונט-אנד מוכנים לשוק מתוך בסיס תכנות מוצק.

מה התלמידים שלנו אומרים

השיעורים שלכם מושלמים. רכשתי את החבילה השנתית ולבסוף יש לי הזדמנות ללמוד נושאים שונים שמעניינים אותי מבלי להחליף פלטפורמה... תודה על כל מה שאתם עושים, כבר המלצתי עליכם לאנשים אחרים...