Schița de curs

Introducere

  • Ce este Angular?
  • Ce se schimbă în Angular 12?

Panorama pe TypeScript și ES6 JavaScript

  • Sintaxa TypeScript
  • Folosirea transpilerului TypeScript
  • Setarea în mișcare a Angular 12 și TypeScript

Panorama pe Partile din Angular 12

  • Angular CLI
  • Componente
  • Directive
  • Intrări și Ieșiri
  • Data Binding și Interpolare
  • Legarea Evenimentelor
  • Modelarea Datelor
  • Bootstrapping
  • Webpack Experimental

Creatia Primului Aplicație Angular

  • Planificarea Aplicației
  • Setarea în Mișcare a unui Proiect Angular
  • Creearea unei UI prietenoase mobile folosind Bootstrap 4 și Sass

Creatia unui Component

  • Înțelegerea Ciclului de Viață al Componentelor
  • Data Flow
  • Folosirea Șablonurilor și Stilurilor
  • Proiectarea Conținutului
  • Lucrul cu AppModule
  • Lucrul cu Componente Personalizate
  • Folosirea Encapsulării Vizuală
  • Implementarea Hooks-urilor de Ciclu de Viață
  • Folosirea ViewChildren și ContentChildren

Data Binding în Angular 12

  • Înțelegerea Legării Proprietăților și Evenimentelor
  • Legarea și Atribuirea Aliase a Proprietăților Personalizate
  • Legarea și Atribuirea Aliase a Evenimentelor Personalizate

Lucrul cu Directive

  • Directive Integrate
  • Directive Personalizate

Serviciile din Angular 12

  • Creatia unui Serviciu de Logging
  • Creatia unui Serviciu de Date

Folosirea Injecției de Dependințe și Provideri

  • Injectors, Provider, și Tokens
  • Configurarea Injecției de Dependințe
  • Configurarea Provider-ului
  • Injektarea Serviciilor în Componente, Directive și Servicii

Schimbarea Paginilor cu Routing

  • Înțelegerea Metodelor Diferite de Navigare
  • Strategii de Routing
  • Setarea în Mișcare a Ruterelor
  • Configurarea și Încărcarea Ruterelor
  • Folosirea Parametrilor în Rute
  • Creatia Ruterelor Nested
  • Folosirea Redirectionărilor și Ruterelor Wildcard
  • Înțelegerea Guard-urilor de Rută

Folosirea RxJS pentru Crearea și Lucrul cu Observables în Angular

  • Panorama pe Observables
  • Panorama pe RxJS
  • Construcția & Folosirea Observables în Angular

Creatia Formularilor pentru Intrarea Utilizatorului

  • Folosirea Formularilor Templatizate
  • Folosirea Formularilor Reactive
  • Creatia validării personalizate
  • Validarea, filtrarea și curățarea datelor formularului

Folosirea Pipes

  • Transformarea ieșirii
  • Pipes Integrate
  • Pipe Async
  • Pipes Personalizate

Făcerea Apelurilor către API-uri HTTP Externe

  • Trimiterea cererilor

Testarea Aplicației Angular 12

  • Folosirea Jasmine pentru testarea unitară
  • Explorarea alternativelor Protractor pentru testarea cap la cap

Depanarea Aplicației

  • Înțelegerea Mesajelor de Eroare în Angular
  • Folosirea Sourcemaps pentru Depanare Codului în Browser
  • Citirea Diagnosticei Compilatorului TypeScript
  • Folosirea Augury pentru depanare în interiorul browser-ului

Optimizarea Aplicației Angular 12

  • Reworking codului
  • Reducerea dimensiunii bundle și eliminarea codului mort

Siguranța din Angular 12

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

Deploierea unei Aplicații Angular 12 la Produsie

  • Deploiarea către IIS, Apache, Nginx, etc.

Cele Mai Bune Practici din Angular 12

Dezlegarea Problemelor

Sinteză și Concluzii

Cerințe

  • Cunoștințe de bază în HTML, CSS și JavaScript

Audiență

  • Dezvoltatori
  • Programatori
 28 ore

Numărul de participanți


Pret per participant

Mărturii (4)

Cursuri viitoare

Categorii înrudite