LUMIFY WORK Angular 15 Programming User Guide

APLIKASYON AT WEB PAG-UNLAD
Angular 15 Programming
HABA 5 araw
VERSION 15

Mga nilalaman magtago

1 BAKIT PAG-ARALAN ANG KURSONG ITO

2 ANO ANG MATUTURO MO

3 MGA PAKSA NG KURSO

4 PARA KANINO ANG KURSO?

5 MGA PANALANGIN

6 Mga Dokumento / Mga Mapagkukunan

6.1 Mga sanggunian

7 Mga Kaugnay na Post

BAKIT PAG-ARALAN ANG KURSONG ITO

Ang masinsinang at komprehensibong kursong pagsasanay sa Angular 15 ay nagbibigay sa mga dadalo ng mga kasanayang magagamit nila kaagad sa kanilang trabaho. Matututuhan mo ang mga batayan ng Angular 15 na pag-unlad tulad ng mga single-page na browser applicat ions, tumutugon webmga site, at mga hybrid na mobile applicat ions.
Ang kursong ito ay isang kumbinasyon ng theoret ical learning at hands-on labs na may kasamang panimulang ion sa Angular, na sinusundan ng TypeScript, mga bahagi, direktang ives, serbisyo, HTTPClient, pagsubok, at pag-debug.
Tandaan: Maaari rin kaming maghatid ng pagsasanay sa iba pang mga bersyon ng Angular. Mangyaring makipag-ugnayan sa amin para magtanong o irehistro ang iyong interes.

ANGULAR AT LUMIFY WORK

ANO ANG MATUTURO MO

Sa matagumpay na pagkumpleto ng kursong ito, magkakaroon ka ng kaalaman sa:

Bumuo ng isang pahinang Angular na mga applicat ions gamit ang Typescript
Mag-set up ng kumpletong kapaligiran sa pag-unlad ng Angular
Gumawa ng Mga Bahagi, Direktang Ives, Serbisyo, Pipe, Form, at Custom na Validator
Pangasiwaan ang mga advanced na gawain sa pagkuha ng data ng network gamit ang Observables
Gumamit ng data mula sa REST web mga serbisyo gamit ang Angular HTTP Client
Pangasiwaan ang mga push-data connect ions gamit ang WebSocket protocol
Makipagtulungan sa Angular Pipes para mag-format ng data
Gumamit ng mga advanced na feature ng Angular Component Router
Subukan at i-debug ang Angular applicat ions gamit ang mga built in na tool
Makipagtulungan sa Angular CLI

Ang aking instruktor ay mahusay na makapaglagay ng mga sitwasyon sa mga totoong pangyayari sa mundo na nauugnay sa aking partikular na sitwasyon.
Nadama kong tinatanggap ako mula sa sandaling dumating ako at ang kakayahang umupo bilang isang grupo sa labas ng silid-aralan upang talakayin ang aming mga sitwasyon at ang aming mga layunin ay lubhang mahalaga.
Marami akong natutunan at nadama kong mahalaga na ang aking mga layunin sa pamamagitan ng pagdalo sa kursong ito ay natugunan.
Mahusay na trabaho Lumify Work team.AMANDA NICOL
IT SUPPORT SERVICES MANAGER – HEALTH WORLD LIMITED

MGA PAKSA NG KURSO

Ipinapakilala ang Angular
• Ano ang Angular?
• Mga Central Feature ng Angular Framework
• Mga Naaangkop na Kaso ng Paggamit
• Building Blocks ng isang Angular Application
• Pangunahing Arkitektura ng isang Angular na Aplikasyon
• Pag-install at Paggamit ng Angular
• Anatomy ng isang Angular Applicate ion
• Pagpapatakbo ng Applicat ion
• Pagbuo at Pag-deploy ng Application
• Angular para sa Native Mobile Apps
Panimula sa TypeScript
• Mga Wika sa Programming para sa Paggamit sa Angular
• TypeScript Syntax
• Mga Editor ng Programming
• Ang Uri ng System – Def ining Variables
• Ang Uri ng System – Def ining Arrays
• Mga Pangunahing Uri ng Primit ive
• I-type ang mga Funct ions
• Uri ng Hinuha
• Pagtukoy sa mga Klase
• Mga Paraan ng Klase
• Visibility Control
• Mga Tagabuo ng Klase
• Mga Tagabuo ng Klase – Kahaliling Form
• Mga Uninitialized na Field
• Mga Interface
• Paggawa gamit ang ES6 Modules
• var vs let
• Mga Pag-andar ng Arrow
• Compact Syntax ng Arrow Function
• Mga String ng Template
• Generics sa Klase
• Generics sa Funct ion
Mga bahagi
• Ano ang isang Component?
• Isang Halample Component
• Gumawa ng Component Gamit ang Angular CLI
• Ang Component Class
• Ang @Component Decorator
• Pagrerehistro ng Component sa Module Nito
• Template ng Bahagi
• Halample: HelloComponent Template
• Halample: Ang HelloComponent Class
• Paggamit ng isang Component
• Patakbuhin ang Application
• Component Hierarchy
• Ang Applicat ion Root Component
• Ang Bootstrap File
• Component Lifecycle Hooks
• Halample Lifecycle Hooks
• Mga Estilo ng CSS
Mga Template ng Component
• Mga template
• Lokasyon ng Template
• Ang Bigote {{ }} Syntax
• Pagtatakda ng DOM Element Properties
• Pagtatakda ng Element Body Text
• Pagbubuklod ng Kaganapan
• Expression Event Handler
• Pigilan ang Default na Paghawak
• Mga Direktiba sa Katangian
• Ilapat ang Mga Estilo sa pamamagitan ng Pagbabago ng Mga Klase ng CSS
• Halample: ngClass
• Direktang Paglalapat ng Mga Estilo
• Mga Structural Directive
• May kondisyon na Ipatupad ang Template
• Halample: ngIf
• Looping Gamit ang ngFor
• ngFor Local Variables
• Pagmamanipula sa Koleksyon
• Halample – Pagtanggal ng Item
• Pagsubaybay sa Item gamit ang ngFor
• Pagpapalit ng Mga Elemento sa ngSwitch
• Pagpapangkat ng mga Elemento
• Variable ng Sanggunian ng Template
InterComponent Communication
• Mga Pangunahing Kaalaman sa Komunikasyon
• Ang Arkitektura ng Daloy ng Data
• Paghahanda sa Bata na Makatanggap ng Data
• Magpadala ng Data mula sa Magulang
• Higit Pa Tungkol sa Pagtatakda ng Mga Property
• Pagpapaputok ng Kaganapan mula sa isang Component
• @Output() Halample – Bahagi ng Bata
• @Output() Halample – Magulang na Bahagi
• Buong Two Way Binding
• Pagse-set up ng Two Way Data Binding sa Parent
Template at Driven Forms
• Template Driven Forms
• Pag-import ng Forms Module
• Pangunahing Diskarte
• Pag-set Up ng Form
• Pagkuha ng User Input
• Inaalis ang ngForm Attribute
• Simulan ang Form
• Two Way Data Binding
• Pagpapatunay ng Form
• Angular Validator
• Pagpapakita ng Validat ion State Gamit ang mga Klase
• Karagdagang Mga Uri ng Input
• Mga checkbox
• Piliin ang (I-drop Down) na mga Field
• Mga Opsyon sa Pag-render para sa Select (I-drop Down)
• Mga field ng petsa
• Mga Pindutan ng Radyo
Mga Reaktibong Form
• Natapos ang Mga Reaktibong Formview
• Ang Building Blocks
• Mag-import ng Reactive FormsModule
• Bumuo ng isang Form
• Idisenyo ang Template
• Pagkuha ng Mga Halaga ng Input
• Pagsisimula sa Mga Field ng Input
• Pagtatakda ng Mga Halaga ng Form
• Pag-subscribe sa Mga Pagbabago sa Input
• Pagpapatunay
• Mga Built-In Validator
• Ipinapakita ang Error sa Pagpapatunay
• Custom Validator
• Paggamit ng Custom Validator
• Pagbibigay ng Configuration sa Custom Validator
• FormArray – Dynamically Magdagdag ng Mga Input
• FormArray – Ang Component Class
• FormArray – Ang Template
• FormArray – Mga Halaga
• Sub FormGroups – Component Class
• Sub FormGroups – HTML Template
• Bakit Gumamit ng Sub FormGroups
Mga Serbisyo at Dependency Injection
• Ano ang isang Serbisyo?
• Paglikha ng isang Pangunahing Serbisyo
• Ang Klase ng Serbisyo
• Ano ang Dependency Injection?
• Pag-iniksyon ng Instance ng Serbisyo
• Mga Injector
• Hierarchy ng Injector
• Pagrerehistro ng Serbisyo sa Root Injector
• Pagrerehistro ng Serbisyo gamit ang Injector ng Component
• Magrehistro ng Serbisyo gamit ang Feature Module Injector
• Saan Magparehistro ng Serbisyo?
• Dependency Injection sa Iba Pang Artifact
• Pagbibigay ng Kahaliling Pagpapatupad
• Dependency Injection at @Host
• Dependency Injection at @Opsyonal
HTTP Client
• Ang Angular HTTP Client
• Paggamit ng HTTP Client – Overview
• Mag-import sa HttpClientModule
• Serbisyo Gamit ang HttpClient
• Paggawa ng GET Request
• Ano ang ginagawa ng isang Napapansing Bagay?
• Paggamit ng Serbisyo sa isang Bahagi
• Ang PeopleService Client Component
• Error sa Paghawak
• Pag-customize ng Error Object
• Paggawa ng POST Request
• Paggawa ng PUT Request
• Paggawa ng DELETE Request
Mga Pipe at Pag-format ng Data
• Ano ang Pipes?
• Mga Built-In na Pipe
• Paggamit ng Pipes sa HTML Template
• Mga Chaining Pipe
• Mga Internat na ionalized na Pipe (i18n)
• Nilo-load ang Lokal na Data
• Ang Pipe ng petsa
• Ang numerong Pipe
• Pipe ng Pera
• Gumawa ng Custom na Pipe
• Custom na Pipe Halample
• Paggamit ng Custom na Pipe
• Paggamit ng Pipe na may ngFor
• Isang Filter Pipe
• Kategorya ng Pipe: Dalisay at Marumi
• Purong Tubo Halample
• Maruming Tubo Halample
Panimula sa Mga Aplikasyon sa Isang Pahina
• Ano ang Single Page Applicat ion (SPA)
• Tradisyonal Web Aplikasyon
• SPA Workflow
• Isang Pahina ng Application Advantages
• HTML5 History API
• Mga Hamon sa SPA
• Pagpapatupad ng Paggamit ng Angular ng SPA
Ang Angular Component Router
• Ang Component Router
• View Pag-navigate
• Ang Angular Router API
• Paglikha ng Router Enabled Application
• Pagho-host ng Mga Naka-ruta na Bahagi
• Navigation Gamit ang Mga Link at Button
• Programmatic Navigation
• Mga Parameter ng Pasadong Ruta
• Pag-navigate gamit ang Mga Parameter ng Ruta
• Pagkuha ng Mga Halaga ng Parameter ng Ruta
• Pagkuha ng Parameter ng Ruta nang sabay-sabay
• Pagkuha ng Parameter ng Ruta nang Asynchronous
• Mga Parameter ng Query
• Pagbibigay ng Mga Parameter ng Query
• Pagkuha ng Mga Parameter ng Query nang Asynchronous
• Mga problema sa Manual URL entry at Pag-bookmark
Advanced na HTTP Client
• Mga Opsyon sa Kahilingan
• Pagbabalik ng HttpResponse Object
• Pagtatakda ng Mga Header ng Kahilingan
• Paglikha ng mga Bagong Obserbasyon
• Paglikha ng Simple Observable
• Ang Observable Constructor Method
• Mga Obserbasyon na Operator
• Ang mapa at filter Operator
• Ang flatMap() Operator
• Ang tap() Operator
• Ang zip() Combinator
• Pag-cache ng HTTP na Tugon
• Paggawa ng Sequential HTTP Calls
• Paggawa ng Parallel Calls
• Pag-customize ng Error Object gamit ang catchError()
• Error sa Pipeline
• Pagbawi ng Error
Mga Angular na Module
• Bakit Angular Module?
• Anatomy ng isang Module Class
• @NgModule Properties
• Mga Tampok na Module
• Halample Istruktura ng Module
• Gumawa ng Domain Module
• Gumawa ng Routed/Routing Module Pares
• Gumawa ng Service Module
• Paglikha ng Mga Karaniwang Module
• Paggamit ng Isang Module Mula sa Iba
Advanced na Pagruruta
• Routing Enabled Feature Module
• Paggamit ng Feature Module
• Tamad na Naglo-load ng Feature Module
• Paglikha ng Mga Link para sa Mga Bahagi ng Feature Module
• Higit Pa Tungkol sa Lazy Loading
• Preloading Modules
• routerLinkActive na nagbubuklod
• Default na Ruta
• Wildcard Route Path
• redirectTo
• Mga Ruta ng Bata
• Pagtukoy ng Mga Ruta ng Bata para sa Mga Ruta ng Bata
• Mga Link para sa Mga Ruta ng Bata
• Navigation Guards
• Paglikha ng mga Pagpapatupad ng Guard
• Paggamit ng mga Guard sa isang Ruta
Unit Testing Angular Applications
• Unit Testing Angular Artifacts
• Mga Tool sa Pagsubok
• Karaniwang Mga Hakbang sa Pagsubok
• Mga Resulta ng Pagsusulit
• Jasmine Test Suites
• Mga Detalye ng Jasmine (Mga Unit Test)
• Mga Inaasahan (Assert ions)
• Matchers
• Halamples ng Paggamit ng Matchers
• Paggamit ng hindi Ari-arian
• Setup at Teardown sa Unit Test Suite
• Halample ng beforeEach at afterEach Functions
• Angular Test Module
• Halample Angular Test Module
• Pagsubok sa isang Serbisyo
• Pag-iniksyon ng Instance ng Serbisyo
• Subukan ang Kasabay na Paraan
• Subukan ang isang Asynchronous na Paraan
• Paggamit ng Mock HTTP Client
• Pagbibigay ng Canned Response
• Pagsubok sa isang Component
• Component Test Module
• Paggawa ng Component Instance
• Ang ComponentFixture Class
• Mga Pangunahing Pagsusuri sa Bahagi
• Ang DebugElement Class
• Simulating User Interaction
Pag-debug
• Tapos naview ng Angular Debugging
• Viewsa TypeScript Code sa Debugger
• Paggamit ng debugger Keyword
• Debug Log
• Ano ang Angular DevTools?
• Paggamit ng Angular DevTools
• Angular DevTools – Component Structure
• Angular DevTools – Baguhin ang Detect ion Execut ion
• Pagkuha ng Syntax Error

PARA KANINO ANG KURSO?

Ang kursong ito ay naglalayon sa sinumang kailangang matutunan ang mga pangunahing kaalaman ng Angular 15 development at ilapat ito kaagad sa paglikha web mga aplikasyon.
Maaari rin naming ihatid at i-customize ang kursong pagsasanay na ito para sa mas malalaking grupo – makatipid ng oras, pera at mapagkukunan ng iyong organisasyon. Para sa karagdagang impormasyon, mangyaring makipag-ugnayan sa amin sa pamamagitan ng email sa ph.training@lumifywork.com

MGA PANALANGIN

Web Ang karanasan sa pagbuo gamit ang HTML, CSS, at JavaScript ay kinakailangan upang masulit ang Angular na kursong ito
Kapaki-pakinabang din ang kaalaman sa browser DOM
Walang kinakailangang karanasan sa Angular o AngularJS

Ang supply ng mga kursong ito ng Lumify Work ay pinamamahalaan ng mga tuntunin at kundisyon ng booking.
Mangyaring basahin nang mabuti ang mga tuntunin at kundisyon bago mag-enrol sa kursong ito, dahil ang pagpapatala sa kurso ay may kondisyon sa pagtanggap sa mga tuntunin at kundisyon na ito .

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