קורס אנגולר 4 עם Angular - WebAPI

  • 12 שעות
  • 48 הרצאות

תוכנית הלימודים

1קישור להורדה של כל הדוגמאות בקורס אנגולר
2התקנה של אנגולר 4 על Visual Studio6 דק'
3פרויקט חדש Visual Studio ל-Angular 414 דק'
4הוספת Bootstrap ל-Angular 47 דק'
5רכיבים - components11 דק'
6עיצוב של תפריט עליון עם Bootstrap13 דק'
7ניתוב בתפריט עליון - ROUTING12 דק'
8Routing Parameters12 דק'
9התקנה של SQL עם מסד נתונים Northwind7 דק'
10הסבר על MVC28 דק'
11הסבר על WebAPI12 דק'
12WebAPI Routing6 דק'
13Property Binding12 דק'
14Angular 4 - Service11 דק'
15Typescript15 דק'
16Observable36 דק'
17WebAPI - Post Params17 דק'
18WebAPI - C-SHARP12 דק'
19Bootstrap Grid14 דק'
20Forms - Event Object18 דק'
21Angular 4 - ngModel14 דק'
22Angular 4 ngModel - Validator Alerts23 דק'
23Angular4 - Validator Pattern9 דק'
24Angular 4 - Modal Bootstrap17 דק'
25Angular 4 - Toastr JS10 דק'
26Angular 4 - Filter and Pipe20 דק'
27Angular 4 - Sort Pipe14 דק'
28Angular 4 - Bootstrap Coursel21 דק'
29Angular 4 - Array Remove Item16 דק'
30Publish WebAPI on AWS38 דק'
31Angular 4 - Url Rewrite36 דק'
32Publish WebAPI to Windows 10 IIS7 דק'
33ngOnChange18 דק'
34Event Emmiter14 דק'
35Component Communitaction12 דק'
36Cross-Component Communication - Observable23 דק'
37Angular 4 - Animations19 דק'
38News Service10 דק'
39Guard CanActivate9 דק'
40Guard CanDeactivate11 דק'
41Advanced Routing - Paging8 דק'
42Router Outlet5 דק'
43Reactive Form22 דק'
44Reactive Form - Duplicate items9 דק'
45Reactive Form - Dynamic Validators9 דק'
46Reactive Form - Custom Validators11 דק'
47Custom Validators With Parameter10 דק'
48Async Custom Validators13 דק'
49Reactive Forms - Error Messages8 דק'
50פרויקט גמר בקורס אנגולר 4

מה לומדים בקורס אנגולר 4 של PracticU?

זהו קורס אנגולר בעברית שמלמד לבנות אפליקציית אינטרנט מלאה עם Angular 4 מצד אחד ו-WebAPI מצד שני. הקורס מתחיל בהתקנה של אנגולר על Visual Studio ופתיחת פרויקט חדש, ומתקדם צעד אחר צעד עד פרויקט גמר, כך שבסופו יש לכם אפליקציה שלמה ולא רק פיסות קוד מנותקות.

בקורס 48 הרצאות וידאו, כ-12 שעות. כל הרצאה היא נושא ממוקד אחד, עם הדגמה על המסך, ובסוף כל הרצאה מוסיפים עוד יכולת לאפליקציה: רכיבים (Components), תפריט עליון עם Bootstrap, ניווט (Routing) ופרמטרים בכתובת, ו-Property Binding. בהמשך מגיעים ל-Services, ל-TypeScript ול-Observable, וגם לצד השרת: הסבר על MVC ועל WebAPI, Routing ב-WebAPI, שליחת פרמטרים ב-Post וקוד #C, מול מסד הנתונים Northwind ב-SQL.

חלק גדול מהקורס עוסק בטפסים. לומדים את ngModel, התראות ולידציה, Validator Pattern ובהמשך Reactive Forms עם Dynamic Validators, Custom Validators, Async Custom Validators והודעות שגיאה. זה אחד הנושאים שמפתחים נתקלים בו בכל פרויקט אמיתי.

מעבר ליסודות, הקורס מראה גם איך לשפר את חוויית המשתמש באפליקציה: מסנני Pipe לתצוגת נתונים, מיון (Sort Pipe), הסרת פריטים ממערך, Carousel של Bootstrap ואנימציות. אלה היכולות שגורמות לאפליקציה להרגיש מקצועית ולא רק לעבוד.

למי הקורס מתאים?

  • מפתחי אתרים שמכירים HTML ו-JavaScript ורוצים לעבור לבניית אפליקציות עם Angular.
  • מפתחי צד שרת שרוצים להבין את צד הלקוח ולחבר אותו ל-WebAPI שהם כותבים.
  • סטודנטים שרוצים פרויקט מעשי שמראה מיומנות בצד לקוח וצד שרת יחד.
  • מי שעובד על אפליקציית Angular 4 קיימת ורוצה להבין לעומק איך היא בנויה.

כדאי להכיר בסיס של HTML ו-JavaScript. שימו לב שהקורס מתמקד בגרסה Angular 4, ולכן הוא מתאים במיוחד להבנת העקרונות ולעבודה על קוד קיים בגרסה זו. מי שבא מעולם ה-MVC או ה-WebAPI בצד השרת יאהב במיוחד את הקורס, כי הוא מראה בבירור איך שני הצדדים מדברים זה עם זה.

מה תדעו לעשות בסוף הקורס?

  • להתקין ולהקים פרויקט Angular ב-Visual Studio ולהוסיף לו Bootstrap.
  • לבנות רכיבים, לחבר ביניהם עם ngOnChange ו-Event Emitter ולהעביר מידע בין רכיבים.
  • להגדיר ניווט, Router Outlet, Routing Parameters ו-Guards מסוג CanActivate ו-CanDeactivate.
  • לבנות טפסים עם ולידציה, כולל Reactive Forms ו-Validators מותאמים אישית.
  • להוסיף לאפליקציה חלון Modal, התראות Toastr, מסננים (Pipe) ומיון, Carousel ואנימציות.
  • לכתוב שירות WebAPI בצד שרת ולהפעיל אותו מ-Angular.
  • לפרסם את ה-WebAPI ב-AWS או על Windows 10 עם IIS, ולהגדיר Url Rewrite.

ההרצאה האחרונה היא פרויקט גמר שמרכז את כל מה שלמדתם, ולפניה יש גם דוגמה של שירות חדשות (News Service) ועבודה עם Observables בין רכיבים. הקישור להורדת כל הדוגמאות מופיע בתחילת הקורס, כך שיש לכם קוד להשוות מולו.

איך לומדים?

הלימוד אונליין בקצב שלכם: כל הרצאה אפשר לצפות בה שוב ושוב, ולהריץ במקביל את הקוד על המחשב. מנוי PracticU נותן גישה לכל הקורסים באתר ב-350 ₪ לחודש, כולל ליווי אישי של המרצה בטלפון, ויש יום ניסיון חינם לפני שמתחילים.

אם אתם עובדים, אפשר לקבוע שלוש או ארבע הרצאות בשבוע ולסיים את הקורס בחודש. ההרצאות נשארות זמינות, ולכן תמיד אפשר לחזור לנושא שנראה מסובך, כמו Reactive Forms או Guards.

שאלות נפוצות

האם הקורס עוסק בגרסה עדכנית של אנגולר?

הקורס מלמד Angular 4. עקרונות כמו רכיבים, Routing, Services וטפסים נשארו חלק מהמסגרת, אבל פרטים בקוד יכולים להיות שונים בגרסאות חדשות יותר.

האם צריך ידע ב-JavaScript?

כן, כדאי להכיר בסיס של HTML ו-JavaScript. את TypeScript מסבירים בהרצאה ייעודית בקורס.

כמה זמן לוקח הקורס?

48 הרצאות וידאו, כ-12 שעות. אפשר ללמוד כמה הרצאות בשבוע ולבנות את הפרויקט בהדרגה.

מה לומדים על WebAPI?

מסבירים מהו WebAPI ו-MVC, מגדירים Routing, מקבלים פרמטרים ב-Post, כותבים את הצד השרתי ב-#C, ומפרסמים אותו ב-AWS או על IIS.

כמה עולה הקורס?

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

האם יש תעודה בסוף?

אחרי שצופים בהרצאות הקורס, תלמידים רשומים מקבלים תעודת סיום של PracticU. היא מופיעה באזור האישי.