Schița de curs

Introducere

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

Prezentare generală a Typescript și ES6 JavaScript

  • TypeScript Sintaxa
  • Utilizarea transpilatorului TypeScript
  • Configurarea Angular 10 și Typescript

Prezentare generală a Angular 10's Parts

  • Angular CLI
  • Componente
  • Directive
  • Intrări și ieșiri
  • Legătura de date și interpolarea
  • Legătura de evenimente
  • Modelarea datelor
  • Bootstrapping

Crearea primei aplicații Angular

  • Planificarea cererii
  • Configurarea unui proiect Angular
  • Crearea unei interfețe mobile prietenoase folosind Bootstrap 4 și Sass

Crearea unei componente

  • Înțelegerea ciclului de viață al componentelor
  • Fluxul de date
  • Utilizarea șabloanelor și a stilurilor
  • Proiectarea conținutului
  • Lucrul cu AppModule
  • Lucrul cu componente personalizate
  • Utilizarea încapsulării vizualizărilor
  • Implementarea cârligelor ciclului de viață
  • Utilizarea ViewChildren și ContentChildren

Legătura de date în Angular 10

  • Înțelegerea legării proprietăților și a evenimentelor
  • Legarea și atribuirea de aliasuri la proprietățile personalizate
  • Legarea și atribuirea de nume de referință pentru evenimente personalizate

Lucrul cu directivele

  • Directive încorporate
  • Directive personalizate

Angular 10 Servicii

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

Utilizarea Injecției de dependență și a furnizorilor

  • Injectoare, furnizor și jetoane
  • Configurarea Injecției de dependență
  • Configurarea furnizorului dvs.
  • Injectarea serviciilor în componente, directive și servicii

Comutarea paginilor cu rutarea

  • Înțelegerea diferitelor metode de navigare
  • Strategii de rutare
  • Configurarea rutelor
  • Configurarea și încărcarea rutelor
  • Utilizarea parametrilor în rute
  • Crearea de rute imbricate
  • Utilizarea rutelor de redirecționare și a rutelor wildcard
  • Înțelegerea protecției rutelor

Utilizarea RxJS pentru a crea și a lucra cu Observables în Angular

  • Prezentare generală a observabilelor
  • Prezentare generală a RxJS
  • Construirea & Utilizarea observabilelor în Angular

Generarea de formulare pentru introducerea datelor de către utilizator

  • Utilizarea formularelor bazate pe șabloane
  • Utilizarea formularelor Reactive
  • Crearea validării personalizate
  • Validarea, filtrarea și purificarea datelor din formulare

Utilizarea țevilor

  • Transformarea producției
  • Conducte încorporate
  • Țeavă asincronă
  • Pipe-uri personalizate

Efectuarea de apeluri către API-uri HTTP externe

  • Trimiterea de cereri

Utilizarea modulelor Angular

Testarea aplicației Angular 10

  • Utilizarea Jasmine pentru testarea unitară
  • Utilizarea Protractor pentru testarea end-to-end

Depanarea aplicației

  • Înțelegerea mesajelor de eroare în Angular
  • Utilizarea Sourcemaps pentru depanarea codului în browser
  • Citirea TypeScript Diagnosticarea compilatorului
  • Utilizarea Augury

Optimizarea aplicației Angular 10

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

Angular 10 Securitate

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

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

  • Implementarea în IIS, Apache, Nginx, etc.

Angular 10 Cele mai bune practici

Depanare

Rezumat și concluzii

Cerințe

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

Audiență

  • Dezvoltatorii
  28 ore
 

Numărul de participanți


Dată început

Dată sfârșit


Dates are subject to availability and take place between 09:30 and 16:30.
Open Training Courses require 5+ participants.

Cursuri înrudite

Categorii înrudite