Schița de curs

Introducere

  • Ce este nou în Angular 6?

Prezentare generală a Typescript și ES6 JavaScript

  • Sintaxa TypeScript
  • Folosirea transpilatorului TypeScript
  • Configurarea Angular 6 și Typescript

Prezentare generală a componentelor Angular 6

  • Crearea componentelor
  • Legături de date și interpolare de șiruri
  • Legături de proprietăți
  • Legături de evenimente
  • Legături bidirecționale de date
  • Modelarea datelor
  • Directive
  • Bootstrapping
  • Intrări și ieșiri
  • Angular CLI

Crearea primei tale aplicații Angular

  • Planificarea aplicației
  • Configurarea unui proiect și a unei aplicații Angular folosind CLI
  • Crearea unei configurații de bază a proiectului folosind Bootstrap 4 și Sass

Folosirea componentelor Angular 6

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

Legături de date în Angular 6

  • Prezentare generală a legăturilor de proprietăți și evenimente
  • Legături și atribuirea de aliasuri la proprietăți personalizate
  • Legături și atribuirea de aliasuri la evenimente personalizate

Lucrul cu directive

  • Directive integrate
  • Directive personalizate

Servicii Angular 6

  • 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
  • Injectarea serviciilor în componente, directive și servicii

Schimbarea paginilor cu rutarea

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

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

Gestionarea formularelor

  • Folosirea formularelor conduse de șabloane
  • Folosirea formularelor reactive

Folosirea conductelor

  • Conducte integrate
  • Conducta Async
  • Conducte personalizate

Efectuarea apelurilor către API-uri HTTP externe

Folosirea modulelor Angular

Testarea aplicației Angular 6

  • Folosirea Jasmine pentru testarea unitară

Depanarea aplicației

  • Înțelegerea mesajelor de eroare în Angular
  • Folosirea sourcemaps pentru a depana codul în browser
  • Folosirea Augury

Optimizarea aplicației Angular 6

Securitatea în Angular 6

  • Autentificare
  • Ce ar trebui și ce nu ar trebui scris în Angular

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

  • Implementarea pe IIS, Apache, Nginx etc.

Depanare

Observații finale

Cerințe

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

Publicul țintă

  • Dezvoltatori
 28 Ore

Numărul de participanți


Pret per participant

Mărturii (6)

Cursuri viitoare

Categorii înrudite