Vous avez déjà un compte client ORSYS
Se connecter
Vous êtes nouveau chez ORSYS
Créer un compte
Vous ne souhaitez pas créer de compte
Poursuivre sans me connecter

Formación : Angular, el dominio del framework (marco de trabajo) del front-end de Google

migración y desarrollo

Angular, el dominio del framework (marco de trabajo) del front-end de Google

migración y desarrollo

Media de las opiniones de los clientes Media de las opiniones de los clientes Media de las opiniones de los clientes Media de las opiniones de los clientes
4,5 / 5


Angular es el marco JavaScript de referencia de Google. Utiliza todos los estándares de la Web. Ofrece un mayor rendimiento con un diseño modular adaptado a la movilidad, así como una mejora de la productividad de sus equipos de desarrollo. Angular se beneficia inmediatamente de un ecosistema rico y de una comunidad cada vez mayor.


ABIERTA
IN-COMPANY
A MEDIDA

Formación en tus instalaciones, en nuestro centro o a distancia

Ref. AGU
  4d - 28h00
Duración, formato, fechas y lugar: ¡Tú decides, nosotros nos encargamos de organizarlo!

Descargar en formato pdf

Compartir este curso por correo electrónico




Angular es el marco JavaScript de referencia de Google. Utiliza todos los estándares de la Web. Ofrece un mayor rendimiento con un diseño modular adaptado a la movilidad, así como una mejora de la productividad de sus equipos de desarrollo. Angular se beneficia inmediatamente de un ecosistema rico y de una comunidad cada vez mayor.


Objetivos pedagógicos
Una vez finalizada la formación, el participante podrá:
Organizar, modular y probar sus desarrollos en JavaScript
Dominar los fundamentos del marco Angular
Crear rápidamente aplicaciones web complejas
Saber integrar las pruebas unitarias en el desarrollo
Conocer las buenas prácticas de desarrollo y producción

Público afectado
Arquitectos, desarrolladores y gestores de proyectos web.

Requisitos previos
Buen conocimiento de las tecnologías web y de las herramientas modernas de desarrollo front-end. Conocimiento de JavaScript.

Modalidades prácticas
Trabajo práctico
Composición modular de una aplicación con Angular.
Métodos pedagógicos
Cada nuevo concepto teórico se aplicará inmediatamente de manera práctica.

Programa de la formación

1
Desarrollo de JavaScript: recordatorios

  • Buenas prácticas ECMAScript 5.
  • ES7/ES6/ES2015, presentación general.
  • Novedades sintácticas: ámbito, plantillas de cadenas, funciones de flecha, promesas. etc.
  • Desarrollo de objetos en JavaScript con sintaxis de clases.
  • El patrón observador/observable (ES7).
  • La biblioteca RX.js: operador clave para la manipulación de un observable.
  • Herramientas indispensables. Babel, Tracer y TypeScript.
  • TypeScript en detalle, configuración.
  • Enfoque modular de ES6/2015.
  • Gestión de la asincronía en ES7: await async.
  • Cargadores de módulos: Webpack, «importar/exportar».
Trabajo práctico
Migración de un script ES5/ES6. Implementación de entorno con TypeScript.

2
Migración de AngularJS 1.x a Angular

  • Comparación y «topografía» de los conceptos.
  • Preparar la migración. Estructura de una aplicación Angular.
  • Módulos de Angular, «core» y módulos principales.
  • Principio de inyección de dependencia.
  • Clasificación de las directivas: componente, atributo y estructura.
  • Decoradores: definición de las jerarquías.
Trabajo práctico
Migración de una aplicación AngularJS 1.x a Angular.

3
La utilidad ng o @angular/cli

  • Uso de la utilidad de la línea de comandos.
  • Estructura de un proyecto: anatomía y dependencias.
  • Configuración de las utilidades de las tareas.
  • Configuración y comandos clave.
  • Lanzamiento de un servidor de desarrollo/producción (build).
  • Compilación anticipada (Ahead of Time). El concepto de «Tree Shaking».
Trabajo práctico
Aplicación de BootStrap.

4
Ejercicios prácticos

Trabajo práctico
Definición de componentes

5
Entender los componentes web. (estándar, conceptos, shadow DOM, scoped CSS...).

  • Ciclo de vida en la aplicación.
  • Compilador de Angular: Detección de cambios.
  • Sintaxis de las plantillas: interpolación/expresión, «binding» y filtros.
  • Directivas de transformación: ngIf, ngFor, ngSwitch, etc.
  • Definición de la sintaxis, el símbolo (*).
  • Variables locales y variables de plantilla.
  • Clase de componentes. Directivas de configuración: selector y provider.
  • Eventos de usuario y eventos lógicos personalizados: Emisor de eventos.
Trabajo práctico
Creación de componentes.

6
Clasificaciones de los componentes de la aplicación

  • Módulo, RouterModule y SharedModule.
  • Componente, directiva, tubería (pipe), servicio, guardianes (guards).
  • Principio de inyección de dependencia.
  • Creación de servicios inyectables. Clasificación de los servicios.
  • Configuración del inyector.
  • Los decoradores y sus propiedades en detalle.
  • @Host, @ContentChild, @ViewChild.
Trabajo práctico
Ejercicios prácticos

7
Creación de componentes y directivas personalizadas.

Trabajo práctico
FormControl y FormGroup.


Opiniones de los clientes
4,5 / 5
Las opiniones de los clientes proceden de las evaluaciones al final de la formación. La nota se calcula a partir de todas las evaluaciones con una antigüedad inferior a 12 meses. Solo se muestran las que tienen un comentario textual..


Fechas y lugares
Selecciona tu ubicación u opta por la clase remota y luego elige tu fecha.
Clase a distancia