Curso de Angular 8

Curso de Angular, desarrollo de aplicaciones Javascript modernas, de cero a profesional
Material disponible
Intermedio
14 Clases 23 h
Este curso de Angular comienza desde cero para llevar al estudiante a un nivel medio que le permita llegar a desenvolverse con soltura como profesional.   

No nos limitaremos a explicar las generalidades de Angular y sus distintos artefactos, sino que trataremos también de asuntos importantes como el ecosistema de herramientas relacionadas, formularios reactivos, acceso a datos, autenticación de usuarios, aplicaciones progresivas y mucho más. Puedes ver la relación de contenidos en el programa de clases, detallado más abajo.

Qué aprenderé en el Curso de Angular 8

  • Dominar Angular para desarrollar aplicaciones frontend complejas
  • Conocer y aplicar las novedades de Angular 8.2
  • Desarrollar con Angular aprovechando su potencia y extrayendo el máximo rendimiento
  • Uso de los artefactos de Angular: Componentes, directivas, pipes, módulos y rutas
  • Hacer conexiones a datos, como a una REST API y a Firebase
  • Personalizar la app con estilos
  • Crear aplicaciones progresivas (Progressive Web Apps - PWA)
  • Llevar tu proyecto a producción

Objetivos del curso

Aprende a desarrollar aplicaciones frontend modernas, de alto rendimiento y estructura sólida, con el framework Angular.

Por qué debes aprender Angular 8

Durante el curso prestaremos mucha atención a las características que nos permitan mejorar el rendimiento de las aplicaciones basadas en Angular, así como la aplicación de buenas prácticas, que nos faciliten la organización y el mantenimiento de los proyectos.

En esta formación de Angular bordaremos la versión de Angular 8.2, aunque los conocimientos se podrán aplicar a otras versiones del framework.

Qué tengo que saber

El curso de Angular está orientado a estudiantes con bases de Javascript. El estudiante no necesita tener conocimientos previos de Angular, no obstante es importante tener una base de desarrollo con HTML, CSS y JS.

Entre los recursos que usaremos durante el curso:

  • Editor de código (Recomendado VSCode).
  • Navegador Google Chrome.
  • NodeJS

Clases y contenidos

Primeros pasos con Angular Gratis
  • Estructura y requisitos del curso
  • Introducción a Angular
  • ¿Quienes usan Angular?
  • Crea tu primera aplicación en Angular.
  • Typescript (interfaces y tipado).
  • Preparando el entorno de trabajo
  • VsCode y alternativas.
  • Introducción al Angular CLI.
  • ng lint
  • ng test
Estructura de una App y componentes
  • Estructura de archivos Angular
  • Guia de estilos de Angular
  • Data binding en Angular
  • String interpolation
  • ngIf
  • ngFor
  • ngSwtich
  • Decoradores
  • Introducción a componentes
  • Input y Output
  • Estilos con sass
Pipes de Angular
  • ¿Qué son los pipes?
  • Usando pipes de Angular
  • Construyendo un propio pipe
  • Rxjs Pipes
Directivas y servicios de Angular
  • ¿Qué son las directivas?
  • Directivas
  • Construyendo una directiva propia
  • ¿Qué son los Servicios?
  • Inyección de dependencias.
  • Creando nuestro propios servicios
  • Usando HttpClient _ Haciendo una solicitud GET desde el servicio
Módulos en Angular
  • Ambientes en Angular
  • Introducción al NgModule
  • Creando rutas en Angular
  • Usando routerLink y routerActive
  • Navegación con parámetros
  • Aplicando Lazy Loading
  • Creando un módulo compartido
Resolución de dudas Angular

Repaso de lo visto hasta el momento en el curso de Angular 8

Instalación de las herramientas para desarrollar con Angular en Windows

En esta clase estamos ofreciendo una guía paso a paso con todo lo que se necesita instalar para desarrollar aplicaciones Angular. En este caso lo hacemos sobre Windows, ya que en la sesión anterior hemos trabajado con Mac.

Formularios Reactivos
  • Formularios reactivos
  • Introducción al FormControl
  • Validaciones con FormControl
  • Validaciones personalizadas
  • Agrupando campos con FormGroup
  • Usando FormBuilder
Angular Material y estilos en una aplicación
  • Usando ngClass para estilos dinámicos
  • Implementando estilos al Form
  • Implementando estilos al Login
  • Implementando estilos al Home
  • Angular Material
Autenticación de usuarios y seguridad en Angular
  • ¿Cómo funciona la conexión a datos remotos?
  • Conexión a una API REST.
  • ¿Qué es Firebase?
  • Conexión a Firebase.
  • Instalando @angular/fire.
  • Ingreso y registro de usuarios con FirebaseAuth.
  • Implementando guards.
Validación asíncrona y programación reactiva
  • Validación asíncrona: validación de datos de entrada de usuario con respecto a consultas que nos devuelve un servicio web. Hacemos una validación con fuente de datos externa, de modo que no nos deje ingresar un registro en la base de datos si el título de lo que se desea agregar ya existe.
  • Programación reactiva en Angular: cómo conseguir que los datos de la aplicación estén disponibles en distintos puntos de la aplicación, de modo que si cambian, se comuniquen a todas partes donde se están usando. Veremos maneras de conseguirlo con buenas prácticas.
  • Pipe async, para poder conectar con recursos asíncronos desde las vistas, de una manera muy cómoda y directa.
Aplicaciones Web Progressivas con Ángular
  • Evitar el doble subscribe, mejorar el rendimiento y mantenibilidad del código
  • Introducción a PWA
  • Instalando @angular/pwa
  • Entendiendo el manifest
  • Añadiendo soporte offline
  • Webpack Bundle Analyzer
Compilación de alto nivel y Despliegue final
  • AOT: Compilación de alto nivel
  • Deploy en Firebase Hosting
  • Deploy en now
  • Deploy con nginx
Usar Web Componentes estándar en una aplicación Angular

Cómo usar Custom Elements, del estándar de Web Components, dentro de las aplicaciones Angular, habilitando el sistema de binding y la gestión de eventos personalizados de los componentes.

Valoraciones

Lucia Graciela Aliaga

Nacho

José Emilio Gutiérrez Morán

Mario Pajares

Jhon Doe Joe

Enrique Casanovas

David Alonso

Ignacio Royo-Villanova Barcon

Oscar Hernández Díaz

Pedro Miguel Palacios Sánchez

Solo voy por el cuarto video y me parece que va a ser un gran curso. He trabajado este ultimo año en angular y se muchas cosas pero no él porque y Nicolas esta sabiendo acertar he solucionar ese desconocimiento, además es importantisimo las performace y de momento a cada paso que esta dando me esta dando buena información para mejorar en ese aspecto.

M. Carmen Alonso Castilla

Me ha gustado mucho el curso

David Lozada

Cynthia Diaz de Vivar

gabriel Pedrozo

La verdad que totalmente recomendado, muy claro y todo el tiempo haciendo foco en las buenas prácticas y la performance

Juan David Hermoso

pienso que si se extrajera de cada clase el tiempo de preguntas durante el directo, seria mas eficiente seguir los videos en diferido. Por ejemplo crear una ultima seccion al final del video de cada clase con solo las preguntas Gracias, excelente plataforma

Edwin Rivero

Muy buenos sus cursos, tengo años tomándolos, sigan así

Visualnacert

Joaquin Calderon Muñoz

Sergio Sánchez Gallego

alejandro arce portocarrero

Inicialmente muy bueno.

Development

Jose Luis Arenas Muller

Creo que el contenido está bien abarcado, por lo menos en el curso de angular 8, pero este es mi primer curso online..., por otro lado agradezco que no esté fragmentado cada 10 minutos el video, pero se debería mejorar la interfase para hacer un seguimiento de los temas, quizás poder avanzar con el reproductor de un par de segundos o minutos.

Daniel Espes Ingles

Ángel Hinojosa Hernández

MARIBEL NARGANES

Buen curso

Ana

Muy profesional, buen profesor.

Daniel Bernal

Muy buena explicación, la ruta de enseñanza interesante!!!

Isabel Cristina Bernal

El mejor curso online que he tomado, y he tomado muchos, Gracias

Moises Veliz

Voy al 60% y buena explicación!!!

David Moral

Diego Alberco

Miguel Angel Deckert

Ainoa Sanchez de Pablo

Muy completo y bien explicado.

Vicente Peris Navarro

Muy completo

Pablo Vicente Guill Cerdá

Marta Hernández

JAdev

Juan Miguel

Christian Linares Correia

Luís Miguel Encabo

En ocasiones Nicolás va "literalmente" muy rápido y no se le entiende del todo bien, pero en general el curso está bastante bien.

Maria Sánchez Reñones

Aristides Fernández Rosado

excelente contenido..

JAVIER ESCUREDO MIRANDA

Calidad de contenidos y buena resolución de problemas.

nestor daniel chiariello

excelente!!

David Arango Posada

Muy buen curso, recomendado totalmente Muchas gracias

Pablo Villar Sánchez

Me parece un curso muy completo. Mi experiencia con tecnologías angular era de 0 y estoy quedando muy satisfecho con la forma y el ritmo del curso. Muy recomendable.

Milton Joe Miranda Chomba

Me encanto el curso, nunca había visto angular y pude comprender todo sin problemas. El profe domina la tecnología y lo explica de una forma que parece supersencilla.

Antonio Cortes

¿Conoces nuestra tarifa plana?

Toda la formación de EscuelaIT, con más de 200 cursos completos para aprender las más variadas tecnologías de programación, diseño y marketing online. Todo! con tu suscripción.

Suscríbete