יישום ו WEB הִתפַּתְחוּת
Angular 15 תכנות
מֶשֶׁך 5 ימים
גִרְסָה 15

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

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

ANGULAR בעבודת LUMIFY

מה תלמד

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

• פתח אפליקציות זוויתיות בעמוד בודד באמצעות Typescript
• הגדר סביבת פיתוח שלמה Angular
• צור רכיבים, ישירות, שירותים, צינורות, טפסים ומאמתים מותאמים אישית
• טפל במשימות מתקדמות של אחזור נתונים ברשת באמצעות Observables
• צרוך נתונים מ-REST web שירותים באמצעות לקוח HTTP Angular
• טפל ב-push-data חיבור יוני באמצעות Webפרוטוקול Socket
• עבוד עם Angular Pipes כדי לעצב נתונים
• השתמש בתכונות מתקדמות של נתב Angular Component
• בדוק וניפוי באגים של יישומי Angular באמצעות כלים מובנים
• עבודה עם Angular CLI

המדריך שלי היה נהדר כשיכול היה להכניס תרחישים למקרים בעולם האמיתי שקשורים למצב הספציפי שלי.
גרמו לי להרגיש רצוי מרגע שהגעתי והיכולת לשבת כקבוצה מחוץ לכיתה כדי לדון במצבים שלנו ובמטרות שלנו הייתה בעלת ערך רב.
למדתי הרבה והרגשתי שחשוב שהמטרות שלי בהשתתפות בקורס הזה יעמדו.
עבודה מצוינת צוות Lumify Work.אמנדה ניקול
מנהל שירותי תמיכה ב-IT – HEALTH WORLD LIMITED

נושאי הקורס

1. היכרות עם Angular
   • מהו אנגולר?
   • תכונות מרכזיות של המסגרת הזוויתית
   • מקרי שימוש מתאימים
   • אבני בניין של יישום Angular
   • ארכיטקטורה בסיסית של יישום Angular
   • התקנה ושימוש ב-Angular
   • אנטומיה של יון זוויתי
   • הפעלת האפליקציה
   • בנייה ופריסה של האפליקציה
   • Angular for Native Mobile Apps
2. מבוא ל-TypeScript
   • שפות תכנות לשימוש עם Angular
   • תחביר TypeScript
   • עורכי תכנות
   • מערכת הסוג - הגדרת משתנים
   • The Type System - הגדרת מערכים
   • סוגי ראשוניים בסיסיים
   • הקלד יוני Funct
   • סוג מסקנות
   • הגדרת כיתות
   • שיטות כיתה
   • בקרת נראות
   • בוני כיתות
   • בוני כיתות - טופס חלופי
   • שדות לא מאותחלים
   • ממשקים
   • עבודה עם מודולי ES6
   • var vs let
   • פונקציות חץ
   • תחביר קומפקטי של פונקציית חץ
   • תבנית מחרוזות
   • גנריות בכיתה
   • Generics in Funct ion
3. רכיבים
   • מהו רכיב?
   • אקסample Component
   • יצירת רכיב באמצעות Angular CLI
   • מחלקת הרכיבים
   • הדקורטור @Component
   • רישום רכיב למודול שלו
   • תבנית רכיב
   • למשלample: HelloComponent Template
   • למשלample: מחלקת HelloComponent
   • שימוש ברכיב
   • הפעל את האפליקציה
   • היררכיית רכיבים
   • רכיב שורש האפליקציה
   • The Bootstrap File
   • ווי מחזור חיים של רכיבים
   • למשלample Lifecycle Hooks
   • סגנונות CSS
4. תבניות רכיבים
   • תבניות
   • מיקום התבנית
   • תחביר השפם {{ }}
   • הגדרת מאפייני רכיב DOM
   • הגדרת טקסט גוף אלמנט
   • כריכת אירועים
   • Expression Event Handler
   • מניעת טיפול ברירת מחדל
   • הנחיות תכונה
   • החל סגנונות על ידי שינוי מחלקות CSS
   • למשלample: ngClass
   • החלת סגנונות ישירות
   • הנחיות מבניות
   • הפעלה מותנית של תבנית
   • למשלample: ngIf
   • לולאה באמצעות ngFor
   • ngFor משתנים מקומיים
   • מניפולציה של האוסף
   • למשלample - מחיקת פריט
   • מעקב אחר פריטים עם ngFor
   • החלפת אלמנטים עם ngSwitch
   • קיבוץ אלמנטים
   • משתנה הפניה לתבנית
5. תקשורת בין רכיבים
   • יסודות תקשורת
   • ארכיטקטורת זרימת הנתונים
   • הכנת הילד לקבל נתונים
   • שלח נתונים מהורה
   • עוד על הגדרת מאפיינים
   • אירוע ירי מרכיב
   • @Output() לדוגמהample – רכיב ילד
   • @Output() לדוגמהample – רכיב הורה
   • כריכה דו כיוונית מלאה
   • הגדרת איגוד נתונים דו כיווני בהורה
6. טפסים מונעים בתבנית
   • טפסים מונעי תבניות
   • מודול ייבוא ​​טפסים
   • גישה בסיסית
   • הגדרת טופס
   • קבלת קלט משתמש
   • השמטת תכונת ngForm
   • אתחול הטופס
   • כריכת נתונים דו כיוונית
   • אימות טפסים
   • Angular Validators
   • הצגת מצב אימות באמצעות מחלקות
   • סוגי קלט נוספים
   • תיבות סימון
   • בחר (נפתח) שדות
   • אפשרויות עיבוד לבחירה (נפתח)
   • שדות תאריך
   • כפתורי רדיו
7. טפסים ריאקטיביים
   • Forms Reactive Overview
   • אבני הבניין
   • ייבוא ​​טפסים תגובתיים
   • בניית טופס
   • עיצוב התבנית
   • קבלת ערכי קלט
   • אתחול שדות הקלט
   • הגדרת ערכי טופס
   • הרשמה לשינויי קלט
   • אימות
   • Validators מובנים
   • מציג שגיאת אימות
   • Validator מותאם אישית
   • שימוש ב- Validator מותאם אישית
   • אספקת תצורה ל-Custom Validator
   • FormArray - הוסף קלט באופן דינמי
   • FormArray - מחלקת הרכיבים
   • FormArray - התבנית
   • FormArray - ערכים
   • Sub FormGroups – Component Class
   • Sub FormGroups - תבנית HTML
   • מדוע להשתמש ב-Sub FormGroups
8. שירותים והזרקת תלות
   • מהו שירות?
   • יצירת שירות בסיסי
   • כיתת השירות
   • מהי הזרקת תלות?
   • הזרקת מופע שירות
   • מזרקים
   • היררכיית מזרק
   • רישום שירות עם ה-Root Injector
   • רישום שירות עם מזרק רכיב
   • רישום שירות עם מזרק מודול תכונה
   • היכן לרשום שירות?
   • הזרקת תלות בחפצים אחרים
   • מתן יישום חלופי
   • הזרקת תלות ו-@Host
   • הזרקת תלות ו-@אופציונלי
9. לקוח HTTP
   • לקוח HTTP Angular
   • שימוש בלקוח HTTP - נגמרview
   • ייבוא ​​HttpClientModule
   • שירות באמצעות HttpClient
   • ביצוע בקשת GET
   • מה עושה אובייקט הנצפה?
   • שימוש בשירות ברכיב
   • רכיב לקוח PeopleService
   • טיפול בשגיאות
   • התאמה אישית של אובייקט השגיאה
   • ביצוע בקשת POST
   • ביצוע בקשת PUT
   • ביצוע בקשת מחיקה
10. צינורות ועיצוב נתונים
    • מה הם צינורות?
    • צינורות מובנים
    • שימוש ב-Pipes בתבנית HTML
    • שרשרת צינורות
    • צינורות בינלאומיים (i18n)
    • טעינת נתוני מקום
    • צינור התמר
    • המספר Pipe
    • צינור מטבע
    • צור צינור מותאם אישית
    • Ex צינור מותאם אישיתample
    • שימוש בצינורות מותאמים אישית
    • שימוש בצינור עם ngFor
    • צינור סינון
    • קטגוריית צינור: טהור וטמא
    • Pure Pipe Example
    • צינור טמא Example
11. מבוא ליישומי עמוד בודד
    • מהו יישום עמוד בודד (SPA)
    • מסורתי Web בַּקָשָׁה
    • זרימת עבודה של SPA
    • יישום עמוד יחיד Advantages
    • HTML5 History API
    • אתגרי ספא
    • יישום SPA's באמצעות Angular
12. הנתב Angular Component
    • נתב הרכיבים
    • View ניווט
    • ה-API של נתב Angular
    • יצירת אפליקציה התומכת בנתב
    • אירוח הרכיבים המנותבים
    • ניווט באמצעות קישורים וכפתורים
    • ניווט פרוגרמטי
    • העברת פרמטרים של מסלול
    • ניווט עם פרמטרי מסלול
    • השגת ערכי פרמטר המסלול
    • אחזור פרמטר המסלול באופן סינכרוני
    • אחזור פרמטר מסלול באופן אסינכרוני
    • פרמטרי שאילתה
    • אספקת פרמטרי שאילתה
    • אחזור פרמטרי שאילתה באופן אסינכרוני
    • בעיות עם ידני URL כניסה וסימניות
13. לקוח HTTP מתקדם
    • אפשרויות בקשה
    • החזרת אובייקט HttpResponse
    • הגדרת כותרות בקשה
    • יצירת תצפיות חדשות
    • יצירת תצפית פשוטה
    • שיטת הבנאי הנצפה
    • מפעילים ניתנים לצפייה
    • מפעילי המפה והפילטר
    • האופרטור flatMap()
    • האופרטור tap()
    • ה-zip() Combinator
    • שמירה במטמון של תגובת HTTP
    • ביצוע שיחות HTTP ברצף
    • ביצוע שיחות מקבילות
    • התאמה אישית של אובייקט שגיאה באמצעות catchError()
    • שגיאה ב-Pipeline
    • שחזור שגיאות
14. מודולים זוויתיים
    • למה מודולים זוויתיים?
    • אנטומיה של כיתת מודול
    • מאפייני @NgModule
    • מודולי תכונה
    • למשלample מבנה מודול
    • צור מודול דומיין
    • יצירת צמד מודול מנותב/ניתוב
    • יצירת מודול שירות
    • יצירת מודולים נפוצים
    • שימוש במודול אחד לאחר
15. ניתוב מתקדם
    • מודול תכונות מאופשר ניתוב
    • שימוש במודול התכונות
    • טעינה עצלנית של מודול התכונות
    • יצירת קישורים עבור רכיבי מודול התכונות
    • עוד על טעינה עצלנית
    • טעינת מודולים מראש
    • כריכת routerLinkActive
    • מסלול ברירת מחדל
    • נתיב מסלול תווים כלליים
    • הפניה אל
    • מסלולי ילדים
    • הגדרת מסלולי ילדים למסלולי ילדים
    • קישורים למסלולי ילדים
    • משמרות ניווט
    • יצירת יישום שמירה
    • שימוש בשומרים במסלול
16. יישומים זוויתיים לבדיקת יחידה
    • יחידת בדיקת חפצים זוויתיים
    • כלי בדיקה
    • שלבי בדיקה אופייניים
    • תוצאות מבחן
    • סוויטות יסמין טסט
    • מפרט יסמין (בדיקות יחידה)
    • ציפיות (יונים תביעות)
    • שדכנים
    • למשלamples של שימוש ב-Matchers
    • שימוש בנכס לא
    • הגדרה ופירוק בסוויטות בדיקת יחידות
    • למשלample of beforeEach ואחרי כל פונקציות
    • מודול בדיקה זוויתי
    • למשלample Angular Test Module
    • בדיקת שירות
    • הזרקת מופע שירות
    • בדיקת שיטה סינכרונית
    • בדיקת שיטה אסינכרונית
    • שימוש ב-Mock HTTP Client
    • אספקת תגובה משומרת
    • בדיקת רכיב
    • מודול בדיקת רכיבים
    • יצירת מופע רכיב
    • מחלקת ComponentFixture
    • מבחני רכיבים בסיסיים
    • מחלקת DebugElement
    • הדמיית אינטראקציית משתמש
17. איתור באגים
    • נגמרview של Angular Debugging
    • Viewשימוש בקוד TypeScript ב-Debugger
    • שימוש במילת מפתח באגים
    • ניפוי באגים רישום
    • מהו Angular DevTools?
    • שימוש ב-Angular DevTools
    • Angular DevTools - מבנה רכיבים
    • Angular DevTools - Change Detect ion Execut ion
    • תפיסת שגיאות תחביר

למי מיועד הקורס?

קורס זה מיועד לכל מי שצריך ללמוד את היסודות של פיתוח Angular 15 וליישם אותו מיד ליצירה web יישומים.
אנחנו יכולים גם להעביר ולהתאים את קורס ההכשרה הזה לקבוצות גדולות יותר - לחסוך לארגון שלך זמן, כסף ומשאבים. למידע נוסף, אנא צור איתנו קשר בדוא"ל בכתובת ph.training@lumifywork.com

דרישות קדם

• Web נדרש ניסיון בפיתוח באמצעות HTML, CSS ו-JavaScript כדי להפיק את המרב מקורס Angular זה
• הכרת DOM של הדפדפן היא גם שימושית
• אין צורך בניסיון קודם ב-Angular או AngularJS

האספקה ​​של קורס זה על ידי Lumify Work כפופה לתנאי ההזמנה.
אנא קרא את התנאים וההגבלות בעיון לפני ההרשמה לקורס זה, שכן ההרשמה לקורס מותנית בקבלת תנאים והגבלות אלה.

https://www.lumifywork.com/en-ph/courses/angular-15-programming/ ph.training@lumifywork.com
lumifywork.com
facebook.com/LumifyWorkPh
linkedin.com/company/lumify-work-ph
twitter.com/LumifyWorkPH
youtube.com/@lumifywork

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

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

הפניות

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