Schița de curs

Introducere

  • Ce este nou în Angular 6?

Panoramă a TypeScript și ES6 JavaScript

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

Panoramă a componentelor Angular 6

  • Creatie de componente
  • Databinding și interpolare de string-uri
  • Binding de proprietăți
  • Binding de evenimente
  • Databinding bidirecțional
  • Modelarea datelor
  • Instrucțiuni (Directives)
  • Bootstrapping
  • Inputs & Outputs
  • Angular CLI

Creatia primei aplicații Angular

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

Folosirea componentelor Angular 6

  • Fluxul de date
  • Lucrarea cu AppModule
  • Lucrarea cu componente personalizate
  • Folosirea șablonurilor și stilurilor
  • Folosirea incapsulării vizuală (View Encapsulation)
  • Proiectarea conținutului
  • Înțelegerea ciclului de viață al componentelor și a hook-urilor de ciclu de viață
  • Folosirea ViewChildren și ContentChildren

Databinding în Angular 6

  • Panoramă a bindingului de proprietăți și evenimente
  • Binding și atribuirea alias-urilor pentru proprietăți personalizate
  • Binding și atribuirea alias-urilor pentru evenimente personalizate

Folosirea instrucțiunilor (Directives)

  • Instrucțiuni predefinite
  • Instrucțiuni personalizate

Serviciile Angular 6

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

Folosirea injecției de dependențe și a provider-ilor

  • Injectori, Provider și Tokens
  • Configurarea injecției de dependențe
  • Configurarea provider-ului dumneavoastră
  • Injektarea serviciilor în componente, instrucțiuni (directives) și servicii

Navigarea între pagini folosind rutare (Routing)

  • Configurarea rutelor
  • Configurarea și încărcarea rutelor
  • Înțelegerea metodelor de navigare diferite
  • Folosirea parametrilor în rute
  • Creatia rutelor emboîchées (Nested Routes)
  • Folosirea rutelor de redirecționare și wildcard
  • Înțelegerea gardurilor de rută (Route Guards)
  • Înțelegerea strategiilor de rutare

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

  • Panoramă a observabilelor (Observables)
  • Panoramă a RxJS
  • Construirea și folosirea observabililor în Angular

Gestionarea formularilor

  • Folosirea formularelor drivate de șablon (Template Driven Forms)
  • Folosirea formularilor reactiv (Reactive Forms)

Folosirea pipe-urilor

  • Pipe-uri predefinite
  • Pipe-ul Async
  • Pipe-uri personalizate

Apelarea serviciilor HTTP externe

Folosirea modulelor Angular

Testarea aplicației Angular 6

  • Folosirea Jasmine pentru testare unitară

Depistarea erorilor în aplicație

  • Înțelegerea mesajelor de eroare din Angular
  • Folosirea sourcemaps pentru depistarea erorilor în browser
  • Folosirea Augury

Optimizarea aplicației Angular 6

Siguranța aplicației Angular 6

  • Autentificare
  • Ce trebuie și ce nu trebuie scris în Angular

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

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

Troubleshooting

Clozurea instruirii

Cerințe

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

Audiență

  • Dezvoltatori
 28 ore

Numărul de participanți


Pret per participant

Mărturii (6)

Cursuri viitoare

Categorii înrudite