Schița de curs

Introducere

  • Ce este Angular?
  • Ce este nou în Angular 12?

Prezentare generală a TypeScript și ES6 JavaScript

  • Sintaxa TypeScript
  • Folosirea transpilatorului TypeScript
  • Configurarea Angular 12 și TypeScript

Prezentare generală a părților Angular 12

  • Angular CLI
  • Componente
  • Directive
  • Input-uri și Output-uri
  • Legături de date și interpolare
  • Legături de evenimente
  • Modelare de date
  • Bootstrapping
  • Webpack experimental

Crearea primei tale aplicații Angular

  • Planificarea aplicației
  • Configurarea unui proiect Angular
  • Crearea unei interfețe prietenoase pentru dispozitive mobile folosind Bootstrap 4 și Sass

Crearea unei componente

  • Înțelegerea ciclului de viață al componentei
  • Fluxul de date
  • Folosirea șabloanelor și stilurilor
  • Proiectarea conținutului
  • Lucrul cu AppModule
  • Lucrul cu componente personalizate
  • Folosirea încapsulării vizuale
  • Implementarea cârligelor de ciclu de viață
  • Folosirea ViewChildren și ContentChildren

Legături de date în Angular 12

  • Înțelegerea legăturilor de proprietate și eveniment
  • Legături și atribuirea de aliasuri la proprietăți personalizate
  • Legături și atribuirea de aliasuri la evenimente personalizate

Lucrul cu directive

  • Directive încorporate
  • Directive personalizate

Servicii Angular 12

  • Crearea unui serviciu de logare
  • Crearea unui serviciu de date

Folosirea injecției de dependențe și a furnizorilor

  • Injectoare, furnizori și tokenuri
  • Configurarea injecției de dependențe
  • Configurarea furnizorului tău
  • Injectarea serviciilor în componente, directive și servicii

Schimbarea paginilor cu rutarea

  • Înțelegerea diferitelor metode de navigare
  • Strategii de rutare
  • Configurarea rutelor
  • Configurarea și încărcarea rutelor
  • Folosirea parametrilor în rute
  • Crearea de rute imbricate
  • Folosirea rutelor de redirecționare și wildcard
  • Înțelegerea gărzilor de rută

Folosirea RxJS pentru a crea și lucra cu observabile în Angular

  • Prezentare generală a observabilelor
  • Prezentare generală a RxJS
  • Construirea și folosirea observabilelor în Angular

Generarea formularelor pentru introducerea utilizatorilor

  • Folosirea formularelor conduse de șablon
  • Folosirea formularelor reactive
  • Crearea de validări personalizate
  • Validarea, filtrarea și asanarea datelor din formulare

Folosirea conductelor

  • Transformarea ieșirii
  • Conducte încorporate
  • Conductă asincronă
  • Conducte personalizate

Realizarea de apeluri către API-uri HTTP externe

  • Trimiterea de cereri

Testarea aplicației Angular 12

  • Folosirea Jasmine pentru testarea unitară
  • Explorarea alternativelor Protractor pentru testarea end-to-end

Depanarea aplicației

  • Înțelegerea mesajelor de eroare în Angular
  • Folosirea sourcemaps-urilor pentru depanarea codului în browser
  • Citirea diagnosticelor compilatorului TypeScript
  • Folosirea Augury pentru depanarea în browser

Optimizarea aplicației Angular 12

  • Reorganizarea codului
  • Reducerea dimensiunii pachetului și eliminarea codului mort

Securitatea în Angular 12

  • Cum funcționează autentificarea
  • Folosirea autentificării JWT
  • Ce ar trebui și ce nu ar trebui scris în Angular

Implementarea unei aplicații Angular 12 în producție

  • Implementarea pe IIS, Apache, Nginx, etc.

Cele mai bune practici în Angular 12

Depanare

Rezumat și concluzii

Cerințe

  • Cunoașterea de bază a HTML, CSS și JavaScript

Publicul țintă

  • Dezvoltatori
  • Programatori
 28 Ore

Numărul de participanți


Pret per participant

Mărturii (4)

Cursuri viitoare

Categorii înrudite