Mga sulod itago
1 LUMIFY WORK Angular 12 Programming
2 MGA SUBJECT SA KURSO
3 Mga Dokumento / Mga Kapanguhaan
3.1 Mga pakisayran

LUMIFY WORK LOGO

LUMIFY WORK Angular 12 Programming

LUMIFY WORK Angular 12 Programming

NGANONG PAGTUON KINI NGA KURSO

Kini nga komprehensibo nga Angular 12 Programming nga kurso usa ka kombinasyon sa teoretikal nga pagkat-on ug mga hands-on lab nga naglakip sa usa ka pasiuna sa Angular, gisundan sa TypeScript, mga sangkap, direktiba, serbisyo, HTTP Client, pagsulay, ug pag-debug.
Ang kurso puno sa mapuslanon ug maaksiyonan nga impormasyon nga imong magamit dayon sa imong trabaho. Pagkat-on sa mga sukaranan sa batakang Angular 12 nga pag-uswag sama sa usa ka panid nga aplikasyon sa browser, responsive webmga site, ug hybrid nga mga mobile application.
Nota: Makahatag usab kami og pagbansay sa ubang mga bersyon sa Angular. Palihog kontaka kami sa paghimo og pangutana o pagparehistro sa imong interes.

UNSAY IMONG MAKAT-ON
Sa malampuson nga pagkompleto niini nga kurso, mahimo nimong:

  • Paghimo usa ka panid nga Angular nga aplikasyon gamit ang Typescript
  • Paghimo og usa ka kompleto nga Angular development environment
  • Paghimo og mga component, Directives, Services, Pipe, Forms, ug Custom Validator
  • Pagdumala sa advanced network data retrieval nga mga buluhaton gamit ang Observables Consume data gikan sa REST web mga serbisyo gamit ang Angular HT TP Client Handle push-data nga mga koneksyon gamit ang WebMga socket protocol
  • Pagtrabaho uban ang Angular Pipes aron ma-format ang datos
  • Gamita ang mga advanced nga Angular Component Router nga mga feature
  • Sulayi ug i-debug ang Angular nga mga aplikasyon gamit ang built-in nga mga himan.

MGA SUBJECT SA KURSO

Kapitulo 1. Pagpaila sa Angular

  • Unsa ang Angular?
  • Sentral nga mga Feature sa Angular Framework Angay nga Paggamit nga Kaso
  • Building Blocks sa usa ka Angular Application Basic Architecture sa usa ka Angular Application Installing ug Paggamit sa Angular
  • Anatomy sa usa ka angular nga aplikasyon nga nagpadagan sa aplikasyon
  • Pagtukod ug Pag-deploy sa Application Angular para sa Lumad nga Mobile Apps
  • Summary

Kapitulo 2. Pasiuna sa TypeScript

  • Mga Pinulongan sa Pagprograma alang sa Paggamit sa Angular TypeScript Syntax
  • Mga Editor sa Programa
  • Ang Type System – Pagtino sa mga Variable
  • Ang Type System - Pagtino sa mga Array
  • Basic Primitive Types
  • I-type ang Functions
  • Type Inference
  • Pagpatin-aw sa mga Klase
  • Mga Pamaagi sa Klase
  • Pagkontrol sa Visibility
  • Mga Magtutukod sa Klase
  • Mga Magtutukod sa Klase – Mga Alternate nga Porma nga Wala Nasinati nga mga Natad
  • Mga Interface
  • Pagtrabaho uban sa ES6 Modules
  • var vs let
  • Mga Kalihokan sa Pana
  • Arrow Function Compact Syntax Template Strings
  • Generics sa Klase
  • Generics sa Function
  • Summary

Kapitulo 3. Mga sangkap

  • Unsa ang usa ka Component?
  • Usa ka Exampang Component
  • Paghimo usa ka Component Gamit ang Angular CLI
  • Ang Component nga Klase
  • Ang @Component Decorator
  • Pagparehistro sa usa ka Component sa Module Component Template niini
  • Example: HelloComponent Template
  • Example: Ang HelloComponent nga Klase Gamit ang usa ka Component
  • Pagdalagan ang Aplikasyon
  • Hierarchy sa Component
  • Ang Application Root Component
  • Ang Bootstrap File
  • Component Lifecycle Hooks Example Lifecycle Hooks
  • Mga Estilo sa CSS
  • Summary

Kapitulo 4. Component Templates

  • Mga template
  • Lokasyon sa Template
  • Ang bigote {{ }} Syntax
  • Pagbutang sa DOM Element Properties
  • Pagbutang sa Teksto sa Lawas sa Elemento
  • Pagbugkos sa Hitabo
  • Expression Event Handler
  • Paglikay sa Default nga Pagdumala
  • Mga Direktiba sa Hiyas
  • Ibutang ang mga Estilo pinaagi sa Pag-usab sa mga Klase sa CSS
  • Example: ngClass
  • Direkta nga Pagpadapat sa mga Estilo
  • Mga Direktiba sa Istruktura
  • Kondisyon nga Ipatuman ang Template
  • Example: ngIf
  • Pag-loop Gamit ang ngFor
  • ngFor Local Variables
  • Pagmaniobra sa Koleksyon Example - Pagtangtang sa usa ka butang
  • Pagsubay sa Item nga adunay ngFor Swapping Elements nga adunay ngSwitch Grouping Elements
  • Template Reference Variable Summary

Kapitulo 5. InterComponent Communication

  • Mga Sukaranan sa Komunikasyon
  • Ang Arkitektura sa Daloy sa Data
  • Pag-andam sa Bata sa Pagdawat sa Data
  • Ipadala ang Data gikan sa Ginikanan
  • Dugang pa Bahin sa Pag-set Properties
  • Pagpabuto nga Hitabo gikan sa usa ka Component
  • @Output() Example – Child Component @Output() Example – Ginikanan nga Component
  • Bug-os nga Two Way Binding
  • Pag-set up sa Two Way Data Binding sa Ginikanan
  • Summary

Kapitulo 6. Template Driven Forms

  • Mga Porma nga Gimaneho sa Template
  • Pag-import sa mga Porma nga Module
  • Batakang Pamaagi
  • Paghimo og usa ka Porma
  • Pagkuha og User Input
  • Pagtangtang sa ngForm Attribute
  • Pagsugod sa Porma
  • Two Way Data Binding
  • Pag-validate sa Porma
  • Angular Validator
  • Pagpakita sa Estado sa Pag-validate Gamit ang mga Klase nga Dugang nga Mga Uri sa Input
  • Mga checkbox
  • Pagpili (Drop Down) Fields
  • Mga Opsyon sa Pag-render para sa mga field sa Pagpili (I-drop Down) nga Petsa
  • Mga Butang sa Radyo
  • Summary

Kapitulo 7. Reaktibo nga mga Porma

  • Natapos ang mga Reaktibo nga Pormaview
  • Ang Building Blocks
  • Import ReactiveFormsModule
  • Paghimo ug Porma
  • Idisenyo ang Template
  • Pagkuha og mga Bili sa Input
  • Pagsugod sa Input Fields
  • Pagbutang sa mga Bili sa Porma
  • Pag-subscribe sa mga Pagbag-o sa Input
  • Pagpamatuod
  • Mga Gitukod nga Validator
  • Nagpakita sa Validation Error
  • Custom nga Validator
  • Paggamit sa usa ka Custom Validator
  • Paghatag Configuration sa Custom Validator
  • FormArray - Dinamikong Pagdugang mga Input
  • FormArray – Ang Component Class
  • FormArray – Ang Template
  • FormArray - Mga kantidad
  • Sub FormGroups – Component Class
  • Sub FormGroups – HTML Template
  • Nganong Gamiton ang Sub FormGroups
  • Summary

Kapitulo 8. Mga Serbisyo ug Dependency Injection

  • Unsa ang Serbisyo?
  • Paghimo og Basic Service
  • Ang Klase sa Serbisyo
  • Unsa ang Dependency Injection?
  • Pag-inject sa usa ka Instance sa Serbisyo
  • Mga injector
  • Hierarchy sa Injector
  • Pagparehistro sa usa ka Serbisyo sa Root Injector
  • Pagparehistro sa usa ka Serbisyo sa usa ka Component's Injector
  • Pagrehistro og Serbisyo nga adunay Feature Module Injector
  • Asa Magparehistro sa Serbisyo?
  • Dependency Injection sa Ubang Artifact nga Naghatag ug Alternate Implementation Dependency Injection ug @Host
  • Dependency Injection ug @Optional
  • Summary

Kapitulo 9. HTTP Client

  • Ang Angular HT TP Client
  • Paggamit sa T he HT TP Client – ​​Overview
  • Pag-import sa HttpClientModule
  • Serbisyo Gamit ang HttpClient
  • Paghimo og GET Request
  • Unsa ang gibuhat sa usa ka Makita nga Butang?
  • Paggamit sa Serbisyo sa usa ka Component
  • Ang PeopleService Client Component Error Handling
  • Pag-customize sa Error Object
  • Paghimo ug POST Request
  • Paghimo ug PUT Request
  • Paghimo ug DELETE Request

Kapitulo 10. Pipe ug Data Formatting

  • Unsa ang Pipes?
  • Gitukod-sa Pipe
  • Paggamit sa mga Pipe sa HTML Template Chaining Pipes
  • Mga Internasyonal nga Pipe (i18n) Nagkarga sa Lokal nga Data
  • Ang petsa nga Pipe
  • Ang numero nga Pipe
  • Pipe sa Salapi
  • Paghimo og Custom Pipe
  • Custom Pipe Example
  • Paggamit sa Custom Pipes
  • Paggamit sa Pipe nga adunay ngFor
  • Usa ka Filter Pipe
  • Pipe Category: Putli ug Dili putli
  • Summary
  • Purong Tubo Example
  • Dili putli nga Pipe Example
  • Summary

Kapitulo 11. Pasiuna sa Usa ka Panid nga Aplikasyon

  • Unsa ang Tradisyonal nga Aplikasyon sa Usa ka Panid (SPA). Web Aplikasyon
  • SPA Workflow
  • Usa ka Panid nga Aplikasyon Advantagmao ang HTML5 History API
  • Mga Hagit sa SPA
  • Pagpatuman sa SPA's Gamit ang Angular Summary

Kapitulo 12. Ang Angular Component Router

  • Ang Component Router
  • View Nabigasyon
  • Ang Angular Router API
  • Paghimo ug Router Enabled Application
  • Pag-host sa Giruta nga mga sangkap
  • Nabigasyon Gamit ang mga Link ug Button
  • Programmatic Navigation
  • Mga Parameter sa Paglabay sa Ruta
  • Pag-navigate gamit ang mga Parameter sa Ruta
  • Pagkuha sa Ruta Parameter Values
  • Pagkuha sa Parameter sa Ruta nga Duyog
  • Pagkuha sa Parameter sa Ruta nga Asynchronous
  • Mga Parameter sa Pangutana
  • Paghatag sa mga Parameter sa Pangutana
  • Pagkuha sa Mga Parameter sa Pangutana nga Asynchronous
  • Mga problema sa Manual URL entry ug Bookmarking
  • Summary

Kapitulo 13. Advanced HTTP Client

  • Mga Opsyon sa Paghangyo
  • Pagbalik sa usa ka HttpResponse Object
  • Pag-set sa Mga Ulohan sa Panghangyo
  • Paghimo Bag-ong mga Obserbasyon
  • Paghimo og Yano nga Makita
  • Ang Observable Constructor Method Observable Operators
  • Ang mapa ug filter Operators
  • Ang flatMap() Operator
  • Ang tap() Operator
  • Ang zip() Combinator
  • Pag-cache sa HT TP nga Tubag
  • Paghimo sa Sequential HT TP Calls
  • Paghimo og Parallel Calls
  • Pag-customize sa Error Object gamit ang catchError()
  • Sayop sa Pipeline
  • Sayop Pagbawi
  • Summary

Kapitulo 14. Angular nga mga Module

  • Nganong Angular Modules?
  • Anatomy sa usa ka Klase sa Module
  • @NgModule Properties
  • Feature nga mga Module
  • ExampAng Istruktura sa Module
  • Paghimo og Domain Module
  • Paghimo ug Routed/Routing Module Pares
  • Paghimo og Service Module
  • Paghimo sa Komon nga mga Module

Kapitulo 15. Abanteng Ruta

  • Routing Enabled Feature Module
  • Gamit ang Feature Module
  • Tapolan nga Pagkarga sa Feature Module
  • Paghimo og mga Link para sa Feature Module Components
  • Dugang mahitungod sa Lazy Loading
  • Preloading nga mga Module
  • Default nga Ruta
  • Dalan sa Ruta nga Wildcard
  • redirect sa
  • Mga Ruta sa Bata
  • Paghubit sa mga Ruta sa Bata
  • alang sa mga Ruta sa Bata
  • Mga Link para sa Mga Ruta sa Bata
  • Navigation Guards
  • Paghimo sa Pagpatuman sa Guard
  • Paggamit sa mga Guwardiya sa usa ka Ruta
  • Summary

Kapitulo 16. Unit Testing Angular Applications

  • Unit Testing Angular Artifacts
  • Pagsulay nga mga Himan
  • Kinaandan nga mga Lakang sa Pagsulay
  • Mga Resulta sa Pagsulay
  • Jasmine Test Suites
  • Jasmine Specs (Mga Pagsulay sa Yunit)
  • Mga Pagdahom (Assertions)
  • Matchers
  • Examples sa Paggamit sa Matchers
  • Gigamit ang dili Property
  • Setup ug Teardown sa Unit Test Suites
  • Example sa beforeEach ug afterEach Functions
  • Angular Test Module
  • Example Angular Test Module
  • Pagsulay sa usa ka Serbisyo
  • Pag-inject sa usa ka Instance sa Serbisyo
  • Sulayi ang usa ka Synchronous nga Pamaagi
  • Sulayi ang usa ka Asynchronous nga Pamaagi
  • Gamit ang Mock HT TP Client
  • Pag-supply og Canned Response
  • Pagsulay sa usa ka Component
  • Component Test Module
  • Paghimo og Component Instance
  • Ang ComponentFixture nga Klase
  • Basic Component Tests
  • Ang DebugElement nga Klase
  • Pagsundog sa Interaksyon sa Gumagamit
  • Summary

Kapitulo 17. Pag-debug

  • Tapos naview sa Angular Debugging
  • Viewsa TypeScript Code sa Debugger
  • Gamit ang debugger Keyword
  • Debug logging
  • Unsa ang Angular DevTools?
  • Paggamit sa Angular DevTools
  • Angular DevTools - Istruktura sa Component
  • Angular DevTools - Pagpatuman sa Pagsusi sa Pagbag-o
  • Pagdakop sa Syntax Error
  • Summary

Mga Pag-ehersisyo sa Lab

  • Lab 1. Pasiuna sa Angular
  • Lab 2. Pasiuna sa TypeScript
  • Lab 3. Pasiuna sa mga sangkap
  • Lab 4. Component Template
  • Lab 5. Paghimo og Photo Gallery Component
  • Lab 6. Porma nga Gimaneho sa Template
  • Lab 7. Paghimo ug Edit nga Porma
  • Lab 8. Reaktibo nga Porma
  • Lab 9. Pagpalambo og Serbisyo
  • Lab 10. Paghimo ug HT TP Client
  • Lab 11. Gamit ug Pipe
  • Lab 12. Basic Single Page Application Gamit ang Router Lab 13. Paghimo og Single Page Application (SPA)
  • Lab 14. Advanced HT TP Client
  • Lab 15. Paggamit sa Angular Bootstrap
  • Lab 16. Lazy Module Loading
  • Lab 17. Abanteng Ruta
  • Lab 18. Unit Testing
  • Lab 19. Pag-debug sa Angular nga mga Aplikasyon

PARA KINSA ANG KURSO?
Kini nga kurso gitumong sa bisan kinsa nga kinahanglan makakat-on sa mga sukaranan sa pag-uswag sa Angular 12 ug magamit kini sa paghimo web mga aplikasyon dayon. Mahimo usab namon nga ihatud ug ipasibo kini nga kurso sa pagbansay para sa daghang mga grupo - makatipig oras, salapi ug mga kapanguhaan sa imong organisasyon.

MGA KINAHANGLAN
Web Ang kasinatian sa pag-uswag gamit ang HTML, CSS ug JavaScript gikinahanglan aron makuha ang labing kaayo sa kini nga Angular nga kurso. Ang kahibalo sa browser DOM mapuslanon usab. Ang nauna nga Angular nga kasinatian, nga adunay AngularJS o bisan unsang bersyon sa Angular, wala kinahanglana.
https://www.lumifywork.com/en-au/courses/angular-12-programming/

Mga Dokumento / Mga Kapanguhaan

LUMIFY WORK Angular 12 Programming [pdf] Giya sa Gumagamit
Angular 12 Programming, Angular, 12 Programming, Programming

Mga pakisayran

Pagbilin ug komento

Ang imong email address dili mamantala. Ang gikinahanglan nga mga natad gimarkahan *