¿Qué quieres aprender?

Máster de diseño Front End con Angular y React

Máster de diseño Front End con Angular y React

Asociación Española de Programadores Informáticos

Máster online


595
IVA exento

Duración : 2 Meses

Este es el tercer máster que conforma el título de Técnico especialista en diseño y programación Web, junto con el máster profesional de HTML5, CSS3, el curso profesional de JavaScript, y el Máster de Back End con Node y bases de datos. Se pueden hacer todos los cursos por separado, pero si haces los tres, obtendrás además de los títulos individuales de cada máster, el título de Técnico especialista en diseño y programación Web, el cual llevará asociado un número de serie, que te podrá acreditar frente a cualquier empresa que nos lo solicite.

¿Quieres hablar con un asesor sobre este curso?

Objetivos

Máster de diseño Front End con Angular y React en Madrid Este es el tercer máster que conforma el título de Técnico especialista en diseño y programación Web, junto con el máster profesional de HTML5, CSS3, el curso profesional de JavaScript, y el Máster de Back End con Node y bases de datos. Se pueden hacer todos los cursos por separado, pero si haces los tres, obtendrás además de los títulos individuales de cada máster, el título de Técnico especialista en diseño y programación Web, el cual llevará asociado un número de serie, que te podrá acreditar frente a cualquier empresa que nos lo solicite. El objetivo del Máster de diseño Front End con Angular y React, es ofrecer al alumno la posibilidad de conocer las bases para la creación de aplicaciones de tipo Single Page Application y a partir de ahí profundizar en cómo lo podemos lograr a partir de herramientas tan potentes como Angular o React.

A quién va dirigido

A todos los que quieran profundizar en el diseño web y conocer las herramientas Angular y React.

Requisitos

conocimientos sólidos de HTML, CSS y Javascript.

Temario completo de este curso

MODULO I – DESARROLLO DE APLICACIONES CON ANGULAR

INTRODUCCIÓN A TYPESCRIPT

· Tipado de variables.

· Creación de interfaces.

· Introducción a los decoradores.

INTRODUCCIÓN A ANGULAR

· Características del framework.

· Instalación del CLI.

· Creación y arquitectura de proyectos.

COMPONENTES ANGULAR

· Elementos principales de los componentes Angular.

· Interpolación de variables.

· Gestión de eventos.

· Two-way binding.

· Uso de la directiva ngModel.

· Ciclo de vida de un componente.

DIRECTIVAS ANGULAR

· Asignación de estilos dinámicos con ngStyle.

· Gestión de clases con ngClass.

· Bloques condicionales con *ngIf

· Iteración de bloques con *ngFor

· Espacios condicionales con ngSwitch

ANGULAR ROUTING

· Generación básica de rutas en una aplicación Angular.

· Navegación dentro de la aplicación.

· Creación de rutas dinámicas.

· Creación de Guards.

FORMULARIOS

· Creación de formularios de tipo Template.

· Creación de formularios de tipo Model.

· Validación de los campos de un formulario.

SERVICIOS

· Creación de servicios e inyección de dependencias.

· Métodos de manejo de datos.

· Uso de servicios dentro de un componente.

PETICIONES HTTP

· Introducción a HttpClientModule.

· Uso a través de Observables y Promises.

· CRUD sobre API Rest.

MODULO II – DESARROLLO DE APLICACIONES CON REACT

INTRODUCCIÓN A REACT

· Características de React.

· Diferencias principales con Angular.

· Instalación del entorno.

· Creación de proyectos y arquitectura.

INTRODUCCIÓN A JSX

· Uso de expresiones.

· Modificación de atributos.

· Jerarquía de componentes.

CREACIÓN DE COMPONENTES EN REACT

· Componentes funcionales y de clase.

· Renderizado de componentes.

· Pasando valores de padre a hijo.

· Two way binding

· Gestión de estilos.
Ciclo de vida de un componente de clase.

USO DE PROPS Y STATE

· Gestión de los valores de props y state.

· Trabajo con el hook useState.

CONDICIONALES Y LISTAS

· Renderizado condicionales JSX.

· Renderizado de listas.

· Propiedad Key.

MANEJO DE EVENTOS

· Gestión y ejecución de eventos javascript.

· Eventos con parámetros.

REACT HOOKS

· useEffect

· useContext

· useRef

· useReducer

· useCallback

PETICIONES HTTP

· Ejecución de peticiones con Axios.

· Ejecución de peticiones con Fetch.

FORMULARIOS

· Librerías para la creación y el manejo de formularios: useForm, formik.

· Creación y validación de formularios.

MODULO III – PROYECTO FIN DE MÁSTER

El proyecto final consistirá en el desarrollo de una aplicación web de tipo SPA por componentes, capaz de conectarse a cualquier API externa, para poder recuperar la información necesaria.

Ver más