Schița de curs

Introducere

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

Prezentare a TypeScript și JavaScript ES6

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

Prezentare a părților componente ale Angular 11

  • 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
  • Configurarea unui Proiect Angular
  • Creatia unei interfețe mobile prietenoase 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 incapsulării vizuală
  • Implementarea hook-urilor de ciclu de viață
  • Folosirea ViewChildren și ContentChildren

Data Binding în Angular 11

  • Înțelegerea legării proprietăților și a evenimentelor
  • Legarea și atribuirea aliasurilor pentru proprietăți personalizate
  • Legarea și atribuirea aliasurilor pentru evenimente personalizate

Lucrul cu Directive

  • Directive predefinite
  • Directive personalizate

Serviciile Angular 11

  • Creatia unui serviciu de logging
  • Creatia unui serviciu de date

Folosirea injecției de dependențe și provideri

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

Schimbarea paginilor cu routing

  • Înțelegerea metodelor de navigare diferite
  • Strategii de routing
  • Configurarea rutelor
  • Configurarea și încărcarea rutelor
  • Folosirea parametrilor în rute
  • Creatia de rute aneste
  • Folosirea redirect-urilor și a rutelor wildcard
  • Înțelegerea gardurilor de rută

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

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

Creatia de formulari pentru intrarea utilizatorului

  • Folosirea formularilor drivate prin șablon
  • Folosirea formularilor reactive
  • Creatia validării personalizate
  • Validarea, filtrarea și sanitarizarea datelor de formular

Folosirea Pipelor

  • Transformarea ieșirii
  • Pipe-uri predefinite
  • Pipe-ul Async
  • Pipe-uri personalizate

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

  • Trimisul de cereri

Testarea aplicației Angular 10

  • Folosirea Jasmine pentru testare unitară
  • Folosirea Protractor pentru testare end-to-end

Depanarea aplicației

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

Optimizarea aplicației Angular 11

  • Rearanjarea codului
  • Reducerea dimensiunii pachetelor și eliminarea codului moart

Siguranța în Angular 11

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

Deploierea aplicației Angular 11 în producție

  • Deploiarea la IIS, Apache, Nginx, etc.

Cele mai bune practici ale Angular 11

Rezolvarea problemelor

Scurtăreză și concluzii

Cerințe

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

Public țintă

  • Dezvoltatori
 28 ore

Numărul de participanți


Pret per participant

Mărturii (5)

Cursuri viitoare

Categorii înrudite