LUMIFY WORK Angular 12 תכנות

למה ללמוד את הקורס הזה

קורס תכנות Angular 12 מקיף זה הוא שילוב של למידה תיאורטית ומעבדות מעשית הכוללות מבוא ל-Angular, ואחריו TypeScript, רכיבים, הנחיות, שירותים, לקוח HTTP, בדיקות וניפוי באגים.
הקורס עמוס במידע שימושי וניתן לפעולה שתוכל ליישם על עבודתך מיד. למד את יסודות הפיתוח הבסיסי של Angular 12 כגון יישומי דפדפן בעמוד אחד, רספונסיבי webאתרים, ויישומים היברידיים לנייד.
פֶּתֶק: אנחנו יכולים גם להעביר הדרכה על גרסאות אחרות של Angular. אנא צור איתנו קשר לצורך בירור או רישום התעניינותך.

מה תלמד
עם סיום מוצלח של קורס זה, תוכל:

• פתח אפליקציות Angular עם עמוד אחד באמצעות Typescript
• הגדר סביבת פיתוח שלמה Angular
• צור רכיבים, הנחיות, שירותים, צינורות, טפסים ומאמתים מותאמים אישית
• טפל במשימות מתקדמות של אחזור נתוני רשת באמצעות Observables Consume Data from REST web שירותים המשתמשים ב-Angular HT TP Client טיפול בחיבורי push-data באמצעות Webפרוטוקול Sockets
• עבוד עם Angular Pipes כדי לעצב נתונים
• השתמש בתכונות מתקדמות של נתב Angular Component
• בדוק וניפוי באגים ביישומי Angular באמצעות כלים מובנים.

נושאי הקורס

פרק 1. היכרות עם Angular

• מה זה אנגולר?
• מאפיינים מרכזיים של מסגרת Angular Framework מקרי שימוש הולם
• אבני בניין של יישום Angular ארכיטקטורה בסיסית של יישום Angular התקנה ושימוש ב-Angular
• אנטומיה של יישום זוויתי המריץ את האפליקציה
• בנייה ופריסה של האפליקציה Angular עבור אפליקציות מקוריות לנייד
• תַקצִיר

פרק 2. מבוא ל-TypeScript

• שפות תכנות לשימוש עם תחביר Angular TypeScript
• עורכי תכנות
• מערכת הטיפוסים - הגדרת משתנים
• מערכת הטיפוסים - הגדרת מערכים
• סוגים פרימיטיביים בסיסיים
• הקלד פונקציות
• הקלד מסקנות
• הגדרת כיתות
• שיטות כיתה
• בקרת נראות
• בוני כיתות
• בוני מחלקות - שדות לא מאותחלים בצורה חלופית
• ממשקים
• עבודה עם מודולי ES6
• var vs let
• פונקציות חץ
• פונקציית חץ קומפקטית תבנית תחביר מחרוזות
• גנריות בכיתה
• גנריות בתפקוד
• תַקצִיר

פרק 3. רכיבים

• מהו רכיב?
• אקסample Component
• יצירת רכיב באמצעות Angular CLI
• מחלקת הרכיבים
• הדקורטור @Component
• רישום רכיב לתבנית רכיב המודול שלו
• Example: HelloComponent Template
• Example: מחלקת HelloComponent באמצעות רכיב
• הפעל את האפליקציה
• היררכיית רכיבים
• רכיב שורש האפליקציה
• The Bootstrap File
• ווי מחזור חיים של רכיבים Example Lifecycle Hooks
• סגנונות CSS
• תַקצִיר

פרק 4. תבניות רכיבים

• תבניות
• מיקום התבנית
• תחביר השפם {{ }}
• הגדרת מאפייני רכיב DOM
• הגדרת טקסט גוף אלמנט
• כריכת אירועים
• מטפל באירועי ביטוי
• מניעת טיפול ברירת מחדל
• הנחיות תכונה
• החל סגנונות על ידי שינוי מחלקות CSS
• Example: ngClass
• החלת סגנונות ישירות
• הנחיות מבניות
• ביצוע תבנית מותנה
• Example: ngIf
• לולאה באמצעות ngFor
• ngעבור משתנים מקומיים
• מניפולציה של אקס האוסףample - מחיקת פריט
• מעקב אחר פריטים עם ngFor החלפת רכיבים עם רכיבי קיבוץ ngSwitch
• סיכום משתנה הפניה לתבנית

פרק 5. תקשורת בין רכיבים

• יסודות תקשורת
• ארכיטקטורת זרימת הנתונים
• הכנת הילד לקבל נתונים
• שלח נתונים מהורה
• עוד על הגדרת מאפיינים
• אירוע ירי מרכיב
• @Output() לדוגמהample – Child Component @Output() לדוגמהample – רכיב הורה
• כריכה דו כיוונית מלאה
• הגדרת איגוד נתונים דו-כיווני בהורה
• תַקצִיר

פרק 6. טפסים מונעי תבניות

• טפסים מונעי תבניות
• ייבוא ​​טפסים מודול
• גישה בסיסית
• הגדרת טופס
• קבלת קלט משתמש
• השמטת תכונת ngForm
• אתחול הטופס
• קשירת נתונים דו כיוונית
• אימות טפסים
• Validators זוויתיים
• הצגת מצב אימות באמצעות מחלקות סוגי קלט נוספים
• תיבות סימון
• בחר (נפתח) שדות
• אפשרויות עיבוד עבור שדות בחר (נפתח) תאריך
• לחצני רדיו
• תַקצִיר

פרק 7. טפסים תגובתיים

• טפסים ריאקטיביים נגמרוview
• אבני הבניין
• ייבוא ​​ReactiveFormsModule
• בנה טופס
• עצב את התבנית
• קבלת ערכי קלט
• אתחול שדות הקלט
• הגדרת ערכי טופס
• הרשמה לשינויי קלט
• מַתַן תוֹקֵף
• Validators מובנים
• מציג שגיאת אימות
• Validator מותאם אישית
• שימוש ב- Validator מותאם אישית
• אספקת תצורה לאימות מותאם אישית
• FormArray - הוסף קלט באופן דינמי
• FormArray - מחלקת הרכיבים
• FormArray - התבנית
• FormArray - ערכים
• Sub FormGroups - מחלקת רכיבים
• Sub FormGroups - תבנית HTML
• למה להשתמש ב-Sub FormGroups
• תַקצִיר

פרק 8. הזרקת שירותים ותלות

• מהו שירות?
• יצירת שירות בסיסי
• כיתת השירות
• מהי הזרקת תלות?
• הזרקת מופע שירות
• מזרקים
• היררכיית מזרק
• רישום שירות עם ה-Root Injector
• רישום שירות עם מזרק של רכיב
• רשום שירות עם מזרק מודול תכונה
• היכן לרשום שירות?
• הזרקת תלות בחפצים אחרים המספקים הזרקת תלות יישום חלופית ו-@Host
• הזרקת תלות ו-@אופציונלי
• תַקצִיר

פרק 9. לקוח HTTP

• הלקוח Angular HT TP
• שימוש בלקוח HT TP – נגמרview
• ייבוא ​​HttpClientModule
• שירות באמצעות HttpClient
• ביצוע בקשת GET
• מה עושה אובייקט נצפה?
• שימוש בשירות ברכיב
• טיפול בשגיאות ברכיב לקוח PeopleService
• התאמה אישית של אובייקט השגיאה
• ביצוע בקשת POST
• ביצוע בקשת PUT
• ביצוע בקשת מחיקה

פרק 10. צינורות ועיצוב נתונים

• מה זה צינורות?
• צינורות מובנים
• שימוש בצינורות ב-Chaining Pipes של תבנית HTML
• צינורות בינלאומיים (i18n) טוען נתונים מקומיים
• צינור התמר
• המספר Pipe
• צינור מטבע
• צור צינור מותאם אישית
• Ex צינור מותאם אישיתample
• שימוש בצינורות מותאמים אישית
• שימוש ב-Pipe עם ngFor
• צינור סינון
• קטגוריית צינור: טהור וטמא
• תַקצִיר
• Pure Pipe Example
• צינור טמאה Example
• תַקצִיר

פרק 11. מבוא ליישומי עמוד בודד

• מהו יישום עמוד בודד (SPA) מסורתי Web בַּקָשָׁה
• זרימת עבודה של SPA
• יישום עמוד יחיד Advantages HTML5 History API
• אתגרי ספא
• יישום SPA's באמצעות סיכום זוויתי

פרק 12. נתב הרכיב הזוויתי

• נתב הרכיבים
• View ניווט
• ה-API של נתב Angular
• יצירת אפליקציה התומכת בנתב
• אירוח הרכיבים המנותבים
• ניווט באמצעות קישורים וכפתורים
• ניווט פרוגרמטי
• העברת פרמטרים של מסלול
• ניווט עם פרמטרי מסלול
• השגת ערכי פרמטר המסלול
• אחזור פרמטר המסלול באופן סינכרוני
• אחזור פרמטר מסלול באופן אסינכרוני
• פרמטרי שאילתה
• אספקת פרמטרי שאילתה
• אחזור פרמטרי שאילתה באופן אסינכרוני
• בעיות עם ידני URL כניסה וסימניות
• תַקצִיר

פרק 13. לקוח HTTP מתקדם

• בקש אפשרויות
• החזרת אובייקט HttpResponse
• הגדרת כותרות בקשה
• יצירת תצפיות חדשות
• יצירת תצפית פשוטה
• The Observable Constructor Method אופרטורים נצפים
• מפעילי המפה והפילטר
• האופרטור flatMap()
• האופרטור tap()
• ה-zip() Combinator
• מטמון תגובת HT TP
• ביצוע שיחות HT TP ברצף
• ביצוע שיחות מקבילות
• התאמה אישית של אובייקט שגיאה עם catchError()
• שגיאה ב-Pipeline
• שחזור שגיאות
• תַקצִיר

פרק 14. מודולים זוויתיים

• למה מודולים זוויתיים?
• אנטומיה של כיתת מודול
• @NgModule מאפיינים
• מודולי תכונה
• Example מבנה מודול
• צור מודול דומיין
• צור זוג מודול מנותב/ניתוב
• צור מודול שירות
• יצירת מודולים נפוצים

פרק 15. ניתוב מתקדם

• מודול תכונות מאופשר ניתוב
• שימוש במודול התכונות
• בעצלתיים בטעינת מודול התכונות
• יצירת קישורים עבור רכיבי מודול התכונות
• עוד על טעינה עצלנית
• טעינת מודולים מראש
• מסלול ברירת מחדל
• נתיב מסלול תווים כלליים
• הפנה מחדש אל
• מסלולי ילדים
• הגדרת מסלולי ילדים
• עבור מסלולי ילדים
• קישורים למסלולי ילדים
• שומרי ניווט
• יצירת יישום שומר
• שימוש בשומרים במסלול
• תַקצִיר

פרק 16. בדיקת יחידות יישומים זוויתיים

• יחידה בדיקת חפצים זוויתיים
• כלי בדיקה
• שלבי בדיקה אופייניים
• תוצאות בדיקה
• סוויטות יסמין טסט
• מפרט יסמין (בדיקות יחידה)
• ציפיות (הצהרות)
• שידוכים
• Examples של שימוש ב-Matchers
• שימוש בנכס לא
• הגדרה ופירוק בסוויטות בדיקת יחידות
• Example of beforeEach ואחרי כל פונקציות
• מודול בדיקה זוויתי
• Example Angular Test Module
• בדיקת שירות
• הזרקת מופע שירות
• בדוק שיטה סינכרונית
• בדוק שיטה אסינכרונית
• שימוש ב-Mock HT TP Client
• אספקת תגובה משומרת
• בדיקת רכיב
• מודול בדיקת רכיבים
• יצירת מופע רכיב
• מחלקת ComponentFixture
• מבחני רכיבים בסיסיים
• מחלקת DebugElement
• הדמיית אינטראקציית משתמש
• תַקצִיר

פרק 17. איתור באגים

• מֵעַלview של Angular Debugging
• Viewשימוש בקוד TypeScript ב-Debugger
• שימוש במילת מפתח באגים
• ניפוי באגים רישום
• מה זה Angular DevTools?
• שימוש ב-Angular DevTools
• Angular DevTools - מבנה רכיבים
• Angular DevTools - ביצוע זיהוי שינויים
• תופס שגיאות תחביר
• תַקצִיר

תרגילי מעבדה

• מעבדה 1. מבוא ל-Angular
• מעבדה 2. מבוא ל-TypeScript
• מעבדה 3. מבוא לרכיבים
• מעבדה 4. תבנית רכיב
• מעבדה 5. צור רכיב גלריית תמונות
• מעבדה 6. טופס מונחה תבנית
• מעבדה 7. צור טופס עריכה
• מעבדה 8. טופס תגובתי
• מעבדה 9. פיתוח שירות
• מעבדה 10. פיתוח לקוח HT TP
• מעבדה 11. השתמש בצינורות
• Lab 12. יישום בסיסי של עמוד בודד באמצעות מעבדת נתב 13. בניית יישום דף יחיד (SPA)
• מעבדה 14. לקוח HT TP מתקדם
• מעבדה 15. באמצעות Angular Bootstrap
• מעבדה 16. טעינת מודול עצלן
• מעבדה 17. ניתוב מתקדם
• מעבדה 18. בדיקת יחידות
• מעבדה 19. איתור באגים באפליקציות זוויתיות

למי מיועד הקורס?
קורס זה מיועד לכל מי שצריך ללמוד את היסודות של פיתוח Angular 12 וליישם אותם ביצירה web יישומים מיד. אנחנו יכולים גם להעביר ולהתאים את קורס ההדרכה הזה לקבוצות גדולות יותר - לחסוך לארגון שלך זמן, כסף ומשאבים.

דרישות קדם
Web נדרש ניסיון בפיתוח באמצעות HTML, CSS ו-JavaScript כדי להפיק את המרב מקורס Angular זה. הכרת DOM של הדפדפן היא גם שימושית. ניסיון קודם ב-Angular, עם AngularJS או כל גרסה של Angular, אינו נדרש.
https://www.lumifywork.com/en-au/courses/angular-12-programming/

מסמכים / משאבים

LUMIFY WORK Angular 12 תכנות [pdfמדריך למשתמש Angular 12 תכנות, Angular, 12 תכנות, תכנות

הפניות

• מדריך למשתמש