Mga nilalaman magtago
1 LUMIFY WORK Angular 12 Programming
2 MGA PAKSA NG KURSO
3 Mga Dokumento / Mga Mapagkukunan
3.1 Mga sanggunian

LUMIFY WORK LOGO

LUMIFY WORK Angular 12 Programming

LUMIFY WORK Angular 12 Programming

BAKIT PAG-ARALAN ANG KURSONG ITO

Ang komprehensibong kursong Angular 12 Programming na ito ay isang kumbinasyon ng teoretikal na pag-aaral at mga hands-on na lab na may kasamang panimula sa Angular, na sinusundan ng TypeScript, mga bahagi, mga direktiba, mga serbisyo, HTTP Client, pagsubok, at pag-debug.
Ang kurso ay puno ng kapaki-pakinabang at naaaksyunan na impormasyon na maaari mong ilapat kaagad sa iyong trabaho. Matutunan ang mga batayan ng pangunahing Angular 12 na pag-unlad tulad ng mga single-page na application ng browser, tumutugon webmga site, at hybrid na mobile application.
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.

ANO ANG MATUTURO MO
Sa matagumpay na pagkumpleto ng kursong ito, magagawa mong:

  • Bumuo ng mga single-page na Angular na application gamit ang Typescript
  • Mag-set up ng kumpletong kapaligiran sa pag-unlad ng Angular
  • Gumawa ng Mga Bahagi, Direktiba, Serbisyo, Pipe, Form, at Custom na Validator
  • Pangasiwaan ang mga advanced na gawain sa pagkuha ng data ng network gamit ang Observables Consume data mula sa REST web mga serbisyo gamit ang Angular HT TP Client Handle push-data na mga koneksyon gamit ang WebSockets 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 mga Angular na application gamit ang mga built-in na tool.

MGA PAKSA NG KURSO

Kabanata 1. Pagpapakilala ng Angular

  • Ano ang Angular?
  • Mga Pangunahing Tampok ng Angular Framework Mga Kaso ng Naaangkop sa Paggamit
  • Building Blocks ng isang Angular Application Basic Architecture ng isang Angular Application Pag-install at Paggamit ng Angular
  • Anatomy ng isang Angular Application na Tumatakbo sa Application
  • Pagbuo at Pag-deploy ng Application Angular para sa Native Mobile Apps
  • Buod

Kabanata 2. Panimula sa TypeScript

  • Mga Wika sa Programming para sa Paggamit sa Angular TypeScript Syntax
  • Mga Editor ng Programming
  • Ang Uri ng System – Pagtukoy sa mga Variable
  • Ang Uri ng System – Pagtukoy sa Mga Array
  • Mga Pangunahing Uri ng Primitive
  • I-type ang Functions
  • Uri ng Hinuha
  • Pagtukoy sa mga Klase
  • Mga Paraan ng Klase
  • Pagkontrol ng Visibility
  • Mga Tagabuo ng Klase
  • Mga Tagabuo ng Klase – Mga Alternate Form na Uninitialised Field
  • Mga interface
  • Paggawa gamit ang ES6 Modules
  • var vs let
  • Mga Pag-andar ng Arrow
  • Arrow Function Compact Syntax Template Strings
  • Generics sa Klase
  • Generics sa Function
  • Buod

Kabanata 3. Mga Bahagi

  • Ano ang isang Component?
  • Isang Halample Component
  • Paglikha ng Component Gamit ang Angular CLI
  • Ang Component Class
  • Ang @Component Decorator
  • Pagrerehistro ng Component sa Module Component Template nito
  • Example: HelloComponent Template
  • Example: Ang HelloComponent Class Gamit ang isang Component
  • Patakbuhin ang Application
  • Hierarchy ng Component
  • Ang Application Root Component
  • Ang Bootstrap File
  • Component Lifecycle Hooks Halample Lifecycle Hooks
  • Mga Estilo ng CSS
  • Buod

Kabanata 4. 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
  • Tagapangasiwa ng Kaganapan ng Pagpapahayag
  • Pigilan ang Default na Paghawak
  • Mga Direktiba ng Katangian
  • Ilapat ang Mga Estilo sa pamamagitan ng Pagbabago ng Mga Klase ng CSS
  • Example: ngClass
  • Direktang Paglalapat ng Mga Estilo
  • Mga Direktiba sa Estruktura
  • May kondisyon na Ipatupad ang Template
  • Example: ngIf
  • Looping Gamit ang ngFor
  • ngFor Local Variables
  • Pagmamanipula sa Koleksyon Halample – Pagtanggal ng Item
  • Pagsubaybay ng Item gamit ang ngFor Swapping Elements gamit ang ngSwitch Grouping Elements
  • Buod ng Variable ng Sanggunian ng Template

Kabanata 5. Inter Component 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 – Child Component @Output() Halample – Magulang na Bahagi
  • Full Two Way Binding
  • Pagse-set up ng Two Way Data Binding sa Parent
  • Buod

Kabanata 6. Template 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 Estado ng Pagpapatunay Gamit ang Mga Klase ng Karagdagang Mga Uri ng Input
  • Mga checkbox
  • Piliin ang (I-drop Down) na mga Field
  • Mga Opsyon sa Pag-render para sa mga field ng Select (Drop Down) na Petsa
  • Mga Pindutan ng Radyo
  • Buod

Kabanata 7. Mga Reaktibong Form

  • Natapos ang Mga Reaktibong Formview
  • Ang Building Blocks
  • Mag-import ng ReactiveFormsModule
  • Bumuo ng isang Form
  • Idisenyo ang Template
  • Pagkuha ng Mga Halaga ng Input
  • Sinisimulan ang Input Fields
  • Pagtatakda ng mga Halaga ng Form
  • Pag-subscribe sa Mga Pagbabago sa Input
  • Pagpapatunay
  • Mga Built-In na 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 – Template ng HTML
  • Bakit Gumamit ng Sub FormGroups
  • Buod

Kabanata 8. Mga Serbisyo at Dependency Injection

  • Ano ang isang Serbisyo?
  • Paglikha ng Pangunahing Serbisyo
  • Ang Klase ng Serbisyo
  • Ano ang Dependency Injection?
  • Pag-iniksyon ng Instance ng Serbisyo
  • Injectors
  • Hierarchy ng Injector
  • Pagrehistro 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 na Nagbibigay ng Alternate Implementation Dependency Injection at @Host
  • Dependency Injection at @Opsyonal
  • Buod

Kabanata 9. HTTP Client

  • Ang Angular HT TP Client
  • Gamit ang T he HT TP Client – ​​Overview
  • Ini-import ang HttpClientModule
  • Serbisyo Gamit ang HttpClient
  • Gumagawa ng GET Request
  • Ano ang ginagawa ng isang Observable Object?
  • Paggamit ng Serbisyo sa isang Component
  • Ang PeopleService Client Component Error Handling
  • Pag-customize ng Error Object
  • Gumagawa ng POST Request
  • Gumagawa ng PUT Request
  • Gumagawa ng DELETE Request

Kabanata 10. Mga Pipe at Pag-format ng Data

  • Ano ang Pipes?
  • Mga Built-In na Pipe
  • Paggamit ng Pipe sa HTML Template Chaining Pipes
  • Mga Internationalized Pipe (i18n) Naglo-load ng Data ng Lokal
  • Ang petsa Pipe
  • 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: Purong at Marumi
  • Buod
  • Purong Tubo Halample
  • Maruming Tubo Halample
  • Buod

Kabanata 11. Panimula sa Mga Aplikasyon sa Isang Pahina

  • Ano ang Tradisyunal na Aplikasyon ng Isang Pahina (SPA). Web Aplikasyon
  • Daloy ng Trabaho ng SPA
  • Isang Pahina ng Application Advantagay HTML5 History API
  • Mga Hamon sa SPA
  • Pagpapatupad ng SPA's Gamit ang Angular Summary

Kabanata 12. Ang Angular Component Router

  • Ang Component Router
  • View Pag-navigate
  • Ang Angular Router API
  • Paggawa ng Router Enabled Application
  • Pagho-host ng Mga Niruta 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
  • Buod

Kabanata 13. Advanced na HTTP Client

  • Mga Opsyon sa Kahilingan
  • Nagbabalik ng HttpResponse Object
  • Pagtatakda ng Mga Header ng Kahilingan
  • Paglikha ng mga Bagong Obserbasyon
  • Paglikha ng Simple Observable
  • Ang Observable Constructor Method Observable Operators
  • Ang mga operator ng mapa at filter
  • Ang flatMap() Operator
  • Ang tap() Operator
  • Ang zip() Combinator
  • Pag-cache ng HT TP na Tugon
  • Paggawa ng Sequential HT TP Calls
  • Paggawa ng Parallel Calls
  • Pag-customize ng Error Object gamit ang catchError()
  • Error sa Pipeline
  • Pagbawi ng Error
  • Buod

Kabanata 14. Angular Modules

  • Bakit Angular Module?
  • Anatomy ng isang Module Class
  • @NgModule Properties
  • Mga Tampok na Module
  • Example Istruktura ng Module
  • Gumawa ng Domain Module
  • Gumawa ng Routed/Routing Module Pares
  • Gumawa ng Service Module
  • Paglikha ng Mga Karaniwang Module

Kabanata 15. Advanced na Pagruruta

  • Module ng Tampok na Pinagana ang Routing
  • Gamit ang Feature Module
  • Tamad na Naglo-load ng Feature Module
  • Paggawa ng Mga Link para sa Mga Bahagi ng Feature Module
  • Higit pa Tungkol sa Lazy Loading
  • Preloading Modules
  • Default na Ruta
  • Wildcard na Landas ng Ruta
  • i-redirect Sa
  • Mga Ruta ng Bata
  • Pagtukoy sa 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 Guards sa isang Ruta
  • Buod

Kabanata 16. Unit Testing Angular Applications

  • Unit Testing Angular Artifacts
  • testing Tools
  • Mga Karaniwang Hakbang sa Pagsubok
  • Mga Resulta ng Pagsusulit
  • Jasmine Test Suites
  • Mga Detalye ng Jasmine (Mga Pagsusuri sa Yunit)
  • Mga Inaasahan (Assertions)
  • Mga Matcher
  • Examples ng Paggamit ng Matchers
  • Gamit ang hindi Property
  • Setup at Teardown sa Unit Test Suite
  • Example ng beforeEach at afterEach Functions
  • Angular Test Module
  • Example Angular Test Module
  • Pagsubok sa isang Serbisyo
  • Pag-iniksyon ng Instance ng Serbisyo
  • Subukan ang Kasabay na Paraan
  • Subukan ang isang Asynchronous na Paraan
  • Gamit ang Mock HT TP Client
  • Pagbibigay ng Canned Response
  • Pagsubok sa isang Bahagi
  • Component Test Module
  • Paggawa ng Component Instance
  • Ang ComponentFixture Class
  • Mga Pangunahing Pagsusuri sa Bahagi
  • Ang DebugElement Class
  • Pagtulad sa Interaksyon ng User
  • Buod

Kabanata 17. Pag-debug

  • Tapos naview ng Angular Debugging
  • Viewsa TypeScript Code sa Debugger
  • Gamit ang debugger Keyword
  • Debug Log
  • Ano ang Angular DevTools?
  • Paggamit ng Angular DevTools
  • Angular DevTools – Component Structure
  • Angular DevTools – Baguhin ang Pagpapatupad ng Detection
  • Pagkuha ng Syntax Error
  • Buod

Mga Pagsasanay sa Lab

  • Lab 1. Panimula sa Angular
  • Lab 2. Panimula sa TypeScript
  • Lab 3. Panimula sa Mga Bahagi
  • Lab 4. Component Template
  • Lab 5. Gumawa ng Component ng Photo Gallery
  • Lab 6. Template Driven Form
  • Lab 7. Gumawa ng Edit Form
  • Lab 8. Reaktibong Form
  • Lab 9. Bumuo ng Serbisyo
  • Lab 10. Bumuo ng isang HT TP Client
  • Lab 11. Gumamit ng Pipes
  • Lab 12. Basic Single Page Application Gamit ang Router Lab 13. Bumuo ng Single Page Application (SPA)
  • Lab 14. Advanced na HT TP Client
  • Lab 15. Paggamit ng Angular Bootstrap
  • Lab 16. Lazy Module Loading
  • Lab 17. Advanced na Pagruruta
  • Lab 18. Unit Testing
  • Lab 19. Pag-debug ng Angular na Application

PARA KANINO ANG KURSO?
Ang kursong ito ay naglalayon sa sinumang kailangang matutunan ang mga batayan ng pag-unlad ng Angular 12 at ilapat ito sa paglikha web mga aplikasyon kaagad. 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.

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. Ang dating karanasan sa Angular, kasama ang AngularJS o anumang bersyon ng Angular, ay hindi kinakailangan.
https://www.lumifywork.com/en-au/courses/angular-12-programming/

Mga Dokumento / Mga Mapagkukunan

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

Mga sanggunian

Mag-iwan ng komento

Ang iyong email address ay hindi maipa-publish. Ang mga kinakailangang field ay minarkahan *