ХЭРЭГЛЭЭ БА WEB ХӨГЖИЛ
Angular 15 програмчлал
УРТ 5 хоног
ХУВИЛБАР 15
ЯАГААД ЭНЭ ХИЧЭЭЛИЙГ СУРАХ ВЭ
Энэхүү эрчимжүүлсэн, иж бүрэн Angular 15 сургалтын сургалт нь оролцогчдод ажилдаа шууд ашиглаж болох ур чадварыг өгдөг. Та Angular 15 хөгжүүлэлтийн үндсийг сурах болно, тухайлбал нэг хуудас хөтөч програмын ионууд, хариу үйлдэл үзүүлэх. webсайтууд, гар утасны эрлийз ионууд.
Энэхүү сургалт нь Angular програмын танилцуулга, дараа нь TypeScript, бүрэлдэхүүн хэсгүүд, шууд дамжуулалт, үйлчилгээ, HTTPClient, туршилт, дибаг хийх зэрэг хичээлүүдийг багтаасан онолын сургалтын болон практик лабораторийн хосолсон хичээл юм.
Жич: Бид Angular-ийн бусад хувилбарууд дээр сургалт явуулах боломжтой. Бидэнтэй холбогдож лавлагаа авах эсвэл сонирхсон зүйлээ бүртгүүлнэ үү.
LUMIFY АЖЛЫН ӨНЦГИЙН
ТА ЮУ СУРАХ ВЭ
Энэхүү сургалтыг амжилттай дүүргэснээр та дараах мэдлэгтэй болно.
- Typescript ашиглан нэг хуудас өнцгийн хэрэглээний ионуудыг боловсруулах
- Angular хөгжүүлэлтийн бүрэн орчныг тохируулна уу
- Бүрэлдэхүүн хэсэг, шууд дамжуулагч, үйлчилгээ, хоолой, маягт, захиалгат баталгаажуулагчийг бий болгох
- Observables ашиглан сүлжээний мэдээлэл хайх дэвшилтэт ажлуудыг гүйцэтгэнэ
- REST-с өгөгдөл ашиглах web Angular HTTP Client ашиглан үйлчилгээ
- ашиглан түлхэх-өгөгдлийн холболтын ионуудыг зохицуулах WebСокет протокол
- Өгөгдлийг форматлахын тулд Angular Pipes-тэй ажиллах
- Angular Component Router-ийн дэвшилтэт функцуудыг ашиглана уу
- Суурилуулсан хэрэгслүүдийг ашиглан өнцгийн хэрэглээний ионуудыг турших, дибаг хийх
- Angular CLI-тай ажиллах
Миний багш миний нөхцөл байдалтай холбоотой бодит жишээнүүдийг бодит байдалд оруулж чадсанаараа гайхалтай байсан.
Ирсэн цагаасаа л намайг угтан авч, ангиас гадуур бүлгээрээ сууж нөхцөл байдал, зорилгынхоо талаар ярилцах чадвар маш үнэ цэнэтэй байсан.
Би маш их зүйлийг сурч мэдсэн бөгөөд энэ сургалтанд хамрагдсанаар зорилгоо биелүүлэх нь чухал гэдгийг мэдэрсэн.
Lumify ажлын баг сайн ажилласан.
АМАНДА НИКОЛ
IT SUPPORT ҮЙЛЧИЛГЭЭНИЙ МЕНЕЖЕР – HEALTH WORLD LIMITED
ХИЧЭЭЛИЙН СЭДЭВҮҮД
- Angular-ийг танилцуулж байна
• Angular гэж юу вэ?
• Өнцгийн хүрээний гол онцлогууд
• Тохиромжтой хэрэглээний тохиолдол
• Өнцгийн хэрэглээний барилгын блокууд
• Өнцгийн хэрэглээний үндсэн архитектур
• Angular суурилуулах, ашиглах
• Өнцгийн хэрэглээний ионы анатоми
• Хэрэглээний ионыг ажиллуулж байна
• Аппликейшнийг бүтээх, байршуулах
• Төрөлхийн гар утасны програмд зориулсан өнцөг - TypeScript-ийн танилцуулга
• Angular-д хэрэглэх програмчлалын хэлүүд
• TypeScript синтакс
• Програмчлалын редакторууд
• Төрөл систем – Хувьсагчдыг тодорхойлох
• Төрөл систем – Массивыг тодорхойлох
• Үндсэн анхан шатны төрлүүд
• Функцийн ион гэж бичнэ
• Дүгнэлт бичнэ үү
• Ангиудыг тодорхойлох
• Ангийн арга
• Харагдах байдлыг хянах
• Ангийн барилгачид
• Class Constructors – Альтернатив хэлбэр
• Эхлээгүй талбарууд
• Интерфейс
• ES6 модультай ажиллах
• var vs let
• Сумны функцууд
• Arrow Function Compact Syntax
• Загварын мөрүүд
• Анги дахь ерөнхий мэдээлэл
• Функцийн ион дахь ерөнхий зүйл - Бүрэлдэхүүн хэсгүүд
• Бүрэлдэхүүн хэсэг гэж юу вэ?
• ExampБүрэлдэхүүн хэсэг
• Angular CLI ашиглан бүрэлдэхүүн хэсэг үүсгэх
• Бүрэлдэхүүн хэсгүүдийн ангилал
• The @component Decorator
• Модулийн бүрэлдэхүүн хэсгийг бүртгэх
• Бүрэлдэхүүн хэсгийн загвар
• Жишээ ньample: HelloComponent загвар
• Жишээ ньample: HelloComponent анги
• Бүрэлдэхүүн хэсэг ашиглах
• Програмыг ажиллуул
• Бүрэлдэхүүн хэсгүүдийн шатлал
• Хэрэглээний ионы үндэс бүрэлдэхүүн хэсэг
• The Bootstrap File
• Бүрэлдэхүүн хэсгийн амьдралын мөчлөгийн дэгээ
• Жишээ ньample Lifecycle Hooks
• CSS загварууд - Бүрэлдэхүүн хэсгүүдийн загварууд
• Загварууд
• Загварын байршил
• Сахал {{ }} синтакс
• DOM элементийн шинж чанарыг тохируулах
• Элементийн үндсэн текстийг тохируулах
• Event Binding
• Илэрхийллийн үйл явдал зохицуулагч
• Өгөгдмөл зохицуулалтаас урьдчилан сэргийлэх
• Атрибутын удирдамж
• CSS ангиудыг өөрчлөх замаар хэв маягийг ашиглах
• Жишээ ньample: ngClass
• Загваруудыг шууд хэрэглэх
• Бүтцийн удирдамж
• Conditionally Execute Template
• Жишээ ньample: ngIf
• ngFor ашиглан давталт хийх
• ngОрон нутгийн хувьсагчдын хувьд
• Цуглуулгыг зохицуулах
• Жишээ ньample - Зүйлийг устгах
• ngFor ашиглан эд зүйлсийг хянах
• ngSwitch ашиглан элементүүдийг солих
• Элементүүдийг бүлэглэх
• Загварын лавлагааны хувьсагч - Бүрэлдэхүүн хэсэг хоорондын харилцаа холбоо
• Харилцааны үндэс
• Өгөгдлийн урсгалын архитектур
• Хүүхдийг мэдээлэл хүлээн авахад бэлтгэх
• Эцэг эхээс өгөгдөл илгээх
• Properties тохируулах талаар дэлгэрэнгүй
• Бүрэлдэхүүн хэсгээс галлах үйл явдал
• @Output() Жишээ ньample - Хүүхдийн бүрэлдэхүүн хэсэг
• @Output() Жишээ ньample - Эцэг эхийн бүрэлдэхүүн хэсэг
• Хоёр талын бүрэн холболт
• Эцэг эхийн хоёр талын өгөгдөл холбохыг тохируулах - Templat e Driven Forms
• Загвар хөтлөх маягтууд
• Маягтын модулийг импортлох
• Үндсэн хандлага
• Маягтыг тохируулах
• Хэрэглэгчийн оролтыг авч байна
• ngForm шинж чанарыг орхиж байна
• Маягтыг эхлүүлэх
• Хоёр талын өгөгдөл холбох
• Маягт баталгаажуулалт
• Angular Validators
• Ангиудыг ашиглан баталгаажуулалтын ионы төлөвийг харуулж байна
• Нэмэлт оролтын төрлүүд
• Сонгох нүднүүд
• (Доошоо унадаг) талбаруудыг сонгоно уу
• Сонголтод зориулсан дүрслэх сонголтууд (унадаг)
• Огнооны талбарууд
• Радио товчлуурууд - Реактив хэлбэрүүд
• Reactive Forms Overview
• Барилгын блокууд
• Реактив маягтын модулийг импортлох
• Маягт үүсгэх
• Загвар зохион бүтээх
• Оролтын утгыг авах
• Оролтын талбаруудыг эхлүүлэх
• Маягтын утгыг тохируулах
• Оролтын өөрчлөлтийг бүртгүүлэх
• Баталгаажуулалт
• Баригдсан Баталгаажуулагч
• Баталгаажуулалтын алдааг харуулж байна
• Custom Validator
• Custom Validator ашиглах
• Custom Validator-д тохиргоог нийлүүлж байна
• FormArray – Оролтыг динамикаар нэмэх
• FormArray – Бүрэлдэхүүн хэсгийн анги
• FormArray – Загвар
• FormArray – Утга
• Дэд маягтын бүлгүүд – Бүрэлдэхүүн хэсгүүдийн ангилал
• Дэд формын бүлгүүд – HTML загвар
• Яагаад дэд маягтын бүлгүүдийг ашиглах хэрэгтэй - Үйлчилгээ ба хараат байдлын тарилга
• Үйлчилгээ гэж юу вэ?
• Үндсэн үйлчилгээг бий болгох
• Үйлчилгээний ангилал
• Dependency Injection гэж юу вэ?
• Үйлчилгээний инстанцыг нэвтрүүлэх
• Инжектор
• Инжекторын шатлал
• Үйлчилгээг Root Injector-д бүртгүүлэх
• Бүрэлдэхүүн хэсгийн инжектортой үйлчилгээг бүртгэх
• Онцлог модулийн инжектор бүхий үйлчилгээг бүртгүүлэх
• Үйлчилгээг хаана бүртгүүлэх вэ?
• Бусад олдвор дахь хараат байдлын тарилга
• Өөр хувилбараар хангах
• Dependency Injection болон @Host
• Dependency Injection болон @Optional - HTTP үйлчлүүлэгч
• Angular HTTP Client
• HTTP Client-г ашиглах – Дуусахview
• HttpClientModule-г импортлох
• HttpClient ашиглан үйлчилгээ
• GET хүсэлт гаргах
• Ажиглах боломжтой объект юу хийдэг вэ?
• Үйлчилгээг бүрэлдэхүүн хэсэг болгон ашиглах
• PeopleService Клиент Бүрэлдэхүүн хэсэг
• Алдаа боловсруулах
• Алдааны объектыг тохируулах
• Шуудангийн хүсэлт гаргах
• PUT хүсэлт гаргах
• УСТГАХ хүсэлт гаргаж байна - Дамжуулах хоолой ба өгөгдөл форматлах
• Хоолой гэж юу вэ?
• Баригдсан хоолой
• HTML загварт Pipes ашиглах
• Хоолойг гинжлэх
• Олон улсын чанартай хоолой (i18n)
• Орон нутгийн өгөгдлийг ачаалж байна
• Огноо хоолой
• Хоолойн дугаар
• Валютын хоолой
• Захиалгат хоолой үүсгэх
• Захиалгат хоолой Example
• Захиалгат хоолойнуудыг ашиглах
• ngFor-тэй Pipe ашиглах
• Шүүлтүүрийн хоолой
• Хоолойн ангилал: Цэвэр ба цэвэр биш
• Цэвэр хоолой Example
• Цэвэр бус хоолой Example - Нэг хуудасны хэрэглээний танилцуулга
• Single Page Applicat ion (SPA) гэж юу вэ
• Уламжлалт Web Өргөдөл
• ДЦГ-ын ажлын урсгал
• Нэг хуудасны хэрэглээний нэмэлтtages
• HTML5 түүхийн API
• ДЦГ-ын сорилтууд
• Angular ашиглан SPA-г хэрэгжүүлэх - Өнцгийн бүрэлдэхүүн чиглүүлэгч
• Бүрэлдэхүүн хэсэг чиглүүлэгч
• View Навигац
• Angular Router API
• Чиглүүлэгчийг идэвхжүүлсэн програм үүсгэх
• Чиглүүлсэн бүрэлдэхүүн хэсгүүдийг байршуулах
• Холбоос болон товчлуур ашиглан навигаци хийх
• Програмчлагдсан навигаци
• Замын параметрүүдийг дамжуулах
• Маршрутын параметрүүдээр навигаци хийх
• Маршрутын параметрийн утгыг олж авах
• Чиглэлийн параметрийг синхроноор татаж авах
• Маршрутын параметрийг асинхроноор сэргээх
• Асуулгын параметрүүд
• Асуулгын параметрүүдийг нийлүүлж байна
• Асуулгын параметрүүдийг асинхроноор авах
• Гарын авлагатай холбоотой асуудал URL оруулах болон Хавчуурга - Нарийвчилсан HTTP үйлчлүүлэгч
• Хүсэлтийн сонголтууд
• HttpResponse объектыг буцаах
• Хүсэлтийн толгой хэсгийг тохируулах
• Шинэ Ажиглагдах зүйлс бий болгох
• Энгийн ажиглаж болохуйц үүсгэх
• Ажиглах боломжтой бүтээгчийн арга
• Ажиглах боломжтой операторууд
• Газрын зураг болон шүүлтүүрийн операторууд
• flatMap() оператор
• Tap() оператор
• zip() Combinator
• HTTP хариуг кэшлэх
• Дараалсан HTTP дуудлага хийх
• Зэрэгцээ дуудлага хийх
• catchError() ашиглан алдааны объектыг өөрчлөх
• Дамжуулах хоолойн алдаа
• Алдаа сэргээх - Өнцгийн модулиуд
• Яагаад өнцгийн модуль гэж?
• Модулийн ангийн анатоми
• @NgModule шинж чанарууд
• Онцлог модулиуд
• Жишээ ньample Модулийн бүтэц
• Домэйн модуль үүсгэх
• Routed/Routing Module Pair үүсгэх
• Үйлчилгээний модуль үүсгэх
• Нийтлэг модулиудыг бий болгох
• Нэг модулийг нөгөөгөөсөө ашиглах - Нарийвчилсан чиглүүлэлт
• Routing Enabled Feature Module
• Онцлог модулийг ашиглах
• Онцлог модулийг залхуу ачаалж байна
• Онцлог модулийн бүрэлдэхүүн хэсгүүдийн холбоос үүсгэх
• Залхуу ачаалах тухай дэлгэрэнгүй
• Модулуудыг урьдчилан ачаалах
• routerLinkActive холбох
• Өгөгдмөл маршрут
• Орлогч тэмдэгт Маршрутын зам
• дахин чиглүүлэх
• Хүүхдийн маршрут
• Хүүхдийн маршрутын хүүхдийн маршрутыг тодорхойлох
• Хүүхдийн маршрутын холбоосууд
• Навигацийн харуулууд
• Хамгаалалтын хэрэгжилтийг бий болгох
• Замд харуул ашиглах - Нэгжийн туршилтын өнцгийн хэрэглээ
• Өнцгийн олдворуудыг шалгах нэгж
• Туршилтын хэрэгсэл
• Туршилтын ердийн алхамууд
• Туршилтын үр дүн
• Jasmine Test Suites
• Мэлрэг цэцгийн үзүүлэлт (нэгжийн туршилт)
• Хүлээлт (Ионыг батлах)
• Тохируулагч
• Жишээ ньampMatchers ашиглах
• Үл хөдлөх хөрөнгийг ашиглах
• Unit Test Suites-ийн тохиргоо болон задлах
• Жишээ ньample of beforeEach болон AfterEach функцууд
• Өнцгийн туршилтын модуль
• Жишээ ньample өнцгийн туршилтын модуль
• Үйлчилгээг турших
• Үйлчилгээний инстанцыг нэвтрүүлэх
• Синхрон аргыг турших
• Асинхрон аргыг турших
• Mock HTTP Client ашиглах
• Бэлэн хариултыг нийлүүлэх
• Бүрэлдэхүүн хэсгүүдийг турших
• Бүрэлдэхүүн хэсгийн туршилтын модуль
• Бүрэлдэхүүн хэсэг үүсгэх
• ComponentFixture ангилал
• Үндсэн бүрэлдэхүүн хэсгийн тестүүд
• DebugElement Анги
• Хэрэглэгчийн харилцан үйлчлэлийг дуурайлган хийх - Дибаг хийх
• Дууслааview өнцгийн дибаг хийх
• ViewДебаггер дээр TypeScript кодыг оруулах
• Дибаг хийх түлхүүр үгийг ашиглах
• Дебаг бүртгэл
• Angular DevTools гэж юу вэ?
• Angular DevTools ашиглах
• Angular DevTools – Бүрэлдэхүүн хэсгүүдийн бүтэц
• Angular DevTools – Илрүүлэх ионыг гүйцэтгэх ионыг өөрчлөх
• Синтакс алдааг барьж байна
ХЭНД ЗОРИУЛСАН СУРГАЛТ ВЭ?
Энэхүү сургалт нь Angular 15 хөгжүүлэлтийн үндсийг сурч, түүнийгээ шууд бүтээхэд ашиглах шаардлагатай хэн бүхэнд зориулагдсан болно. web програмууд.
Мөн бид энэхүү сургалтыг том бүлгүүдэд хүргэж, тохируулах боломжтой бөгөөд ингэснээр танай байгууллагын цаг, мөнгө, нөөцийг хэмнэнэ. Дэлгэрэнгүй мэдээллийг цахим шуудангаар бидэнтэй холбогдоно уу ph.training@lumifywork.com
УРЬДЧИЛСАН ШААРДЛАГА
- Web Энэхүү өнцгийн курсээс хамгийн их ашиг хүртэхийн тулд HTML, CSS болон JavaScript ашиглан хөгжүүлэлтийн туршлага шаардлагатай
- DOM хөтөчийн талаархи мэдлэг нь бас хэрэгтэй
- Angular эсвэл AngularJS-ийн өмнөх туршлага шаардлагагүй
Lumify Work-аас энэхүү курсуудыг нийлүүлэх нь захиалгын нөхцөл, нөхцөлөөр зохицуулагддаг.
Энэхүү курст элсэхийн өмнө болзол, болзлыг анхааралтай уншина уу, учир нь курст элсэх нь эдгээр e болзол, болзлыг хүлээн зөвшөөрөх ёстой.
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 Програмчлал, Програмчлал |
