Schița de curs

Introducere

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

Scurtă prezentare a TypeScript și JavaScript ES6

  • Sintaxa TypeScript
  • Folosirea transpilerului TypeScript
  • Configurarea Angular 10 și TypeScript

Scurtă prezentare a părților din Angular 10

  • CLI-ul Angular
  • Componente
  • Directive
  • Intrări și ieșiri
  • Data Binding și Interpolare
  • Modelarea datelor
  • Bootstrapping

Crearea primei aplicații Angular

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

Crearea unei componente

  • Înțelegerea ciclului de viață al componentelor
  • Data Flow
  • Folosirea șabloanelor și stilurilor
  • Proiectarea conținutului
  • Lucrul cu AppModule
  • Lucrul cu componente personalizate
  • Folosirea View Encapsulation
  • Implementarea lifecycle hooks-urilor
  • Folosirea ViewChildren și ContentChildren

Data Binding în Angular 10

  • Înțelegerea Property și Event Binding
  • Binding și atribuire de alias-uri la proprietăți personalizate
  • Binding și atribuire de alias-uri la evenimente personalizate

Lucrul cu directive

  • Directive predefinite
  • Directive personalizate

Serviciile din Angular 10

  • Crearea unui serviciu de logging
  • Crearea unui serviciu de date

Folosirea injecției de dependențe și provideri

  • Injectoare, Provider și Tokens
  • Configurarea injecției de dependențe
  • Configurarea provider-ului
  • Injectarea serviciilor în componente, directive și servicii

Comutarea paginilor cu routing

  • Înțelegerea metodelor de navigare diferite
  • Strategii de routing
  • Configurarea rutelor
  • Configurarea și încărcarea rutelor
  • Folosirea parametrilor în rute
  • Crearea de rute imbricate
  • Folosirea rutelor de redirectare și wildcard
  • Înțelegerea routeguard-urilor

Folosirea RxJS pentru crearea și lucrul cu observabile în Angular

  • Scurtă prezentare a observabilelor
  • Scurtă prezentare a RxJS
  • Crearea și folosirea observabilelor în Angular

Generarea formularilor pentru introducerea datelor utilizatorului

  • Folosirea Formelor Template Driven
  • Folosirea Formelor Reacționale
  • Crearea validării personalizate
  • Validarea, filtrarea și netezirea datelor din formular

Folosirea Pipe-urilor

  • Transformarea output-ului
  • Pipe-uri predefinite
  • Pipe-ul Async
  • Pipe-uri personalizate

Făcerea de cereri către API-urile HTTP externe

  • Trimiterea cererilor

Folosirea modulurilor Angular

Testarea aplicației Angular 10

  • Folosirea Jasmine pentru testare unitară
  • Folosirea Protractor pentru testare de cap la coadă

Depanarea aplicației

  • Înțelegerea mesajelor de eroare în Angular
  • Folosirea surselor pentru depanarea codului în browser
  • Citirea diagnosticilor compilatorului TypeScript
  • Folosirea Augury

Optimizarea aplicației Angular 10

  • Refacerea codului
  • Reducerea dimensiunii bundle-urilor și eliminarea codului mort

Siguranța în Angular 10

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

Deploy-urarea unei aplicații Angular 10 în producție

  • Deploy-urarea la IIS, Apache, Nginx, etc.

Cele mai bune practici pentru Angular 10

Troubleshooting

Sume și concluzii

Cerințe

  • Familiaritate cu HTML de bază, CSS și JavaScript

Public țintă

  • Dezvoltatori
 28 ore

Numărul de participanți


Pret per participant

Mărturii (4)

Cursuri viitoare

Categorii înrudite