AngularBnp

Curso Angular 9 en BNP (CAS Training) Marzo 2020

• Introducción a Angular

  • Conceptos: ¿Qué es Angular?
  • Origen y evolución: AngularJS (1.x) y Angular        
  • Versiones: Angular 8.x

• Entorno de trabajo

  • Navegadores
  • Editores: Visual Studio Code. TSLint         
  • Git
  • NodeJS
  • npm. Package.json. Scripts

• Herramientas de Desarrollo de aplicaciones SPA

  • Angular CLI.  Novedades en CLI 6.x ...
  • WebPack 4
  • Formas de compilación: JIT / AOT. Novedades en Angular 6.x

• Proyecto inicial

  • Bootstrap y Font Awesome

• Tecnologías implicadas

  • JavaScript ES6
    • Nueva sintaxis
    • Módulos
    • Clases. Herencia 
    • Promesas
  • Introducción a TypeScript
    • Clases e interfaces
    • Tipos: types y generics. Union types
    • Decoradores

---

• Arquitectura de Angular. Aplicaciones SPA
  • Estructura de directorios. Módulos
  • Componentes: Anotaciones, Plantillas y Clases
• Enrutamiento y navegación
  • Carga diferida (Lazy Loading) en Angular 6.x
• Componentes
  • Plantillas (Templates)
  • Enlace a datos y Enlace a eventos. Binding

---

• Componentes complejos, Datos, Directivas y Pipes
  • Modelos de datos.
  • Comunicación ente componentes. Input/Output
• Directivas.
  • Directivas estructurales (ngIf, ngFor)
  • Directivas de atributo y CSS (ngClass, ngStyle)
• Pipes.
  • Pipes incorporados al framework.
  • Internacionalización
• Providers, Inyectores y servicios
  • Inyección de dependencias
  • Concepto de providers en Angular
  • Árbol de providers (Factory, Instance)
• Servicios
  • Servicios incorporados (Location, Router, FormBuilder, HttpClient).
  • Servicios propios (e.g. LocalStorage)

---

• Formularios

  • Formularios "tradicionales" (Template Driven)
  • Validación

• Formularios reactivos (Model Driven)

  • Validación

• Testing

  • Entorno de Testing Inicial
    • Tests unitarios. Plataforma: Karma + Jasmine.
      • Introducción a TestBed
  • Test E2E. Protractor

---

• Programación reactiva y RxJS

  • Conceptos de RxJS
  • Flujo de datos asíncrono
  • Observables y Observadores
  • Suscripciones (Subscribe)
  • Operadores más comunes en RxJS 6

• Acceso a datos del Servidor. HttpClient

  • Acceso al servidor. Promesas y observables
  • Servicios propios encapsulando HttpClient
  • Peticiones HTTP: Get, Put, Post y Delete

This project was generated with Angular CLI version 9.0.4.

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the --prod flag for a production build.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via Protractor.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI README.