Curso de Angular: Ampliando conceptos
Impartido por:
Lo que aprenderás en este curso:
- Aprenderás a crear tu propia web con Angular.
- Crear componentes en Angular para estructurar nuestra web.
- Aprenderás a usar las directivas de Angular para gestionar el DOM.
- Trabajar con los datos a través de pipes.
- Trabajarás con la navegación dentro de nuestra aplicación en Angular.
- Aprenderás a crear relaciones entre componentes.
- Crear formularios reactivos en Angular.
- Darle un diseño sencillo a tu web con Angular Material.
Requisitos del curso
Este curso es una continuación del curso de Angular para principiantes, por lo que es necesario realizar el curso anteriormente nombrado para poder realizar este mismo. Aún así, si deseas hacer este curso debes tener conocimientos básicos en programación web con HTML y CSS, conocer el lenguaje de Typescript y tener conocimientos básicos de Angular: arquitectura, desarrollo básico y peticiones Http.
Valoraciones de estudiantes:
Contenido del curso:
-
- 4m
-
Preparando el entorno de trabajo1m
-
-
Tipos de relaciones entre componentes6m
-
Relación a través del decorador Input ()3m
-
Creando eventos con Output ()4m
-
Relación mediante el uso de servicios7m
-
Práctica: Creando usos de relación entre componentes15m
-
Utilizando NgClass y NgStyle4m
-
Directiva NgSwitch2m
-
Operaciones especiales con Pipes6m
-
Práctica: NgClass y Pipes8m
-
-
-
Añadiendo parámetros a nuestras rutas5m
-
Rutas anidadas4m
- 4m
-
Práctica: Crear nuevas rutas18m
-
Práctica: Añadiendo seguridad7m
-
Sub-módulos y componentes4m
-
Creando rutas para nuestros submódulos6m
-
Práctica: Transformar nuestra aplicación en multimodular9m
-
-
-
Creación de un formulario reactivo13m
-
Validación de formularios reactivos5m
-
Práctica: Creación de un formulario reactivo16m
-
-
-
Instalar Material Design5m
-
¿Cómo usar Material Design?4m
-
Práctica: Añadir estilo a nuestra aplicación18m
-
-
-
¿Cómo hacer Debug?9m
-
Compilar nuestra aplicación6m
-
Te dejamos una selección de cursos, carreras y artículos
Vue en la práctica: Desarrollo de una aplicación de lista de compras
Este curso es un estudio práctico de Vue 3 a través del desarrollo de una aplicación de lista de compras. Los participantes trabajarán en cada …
Curso de Django
Esta formación de Django ofrece una formación integral en desarrollo web, abarcando desde la instalación y configuración, hasta la creación de modelos, vistas, formularios y …
Dudas frecuentes
¿Cuál es el precio?
En OpenWebinars no vendemos formaciones.
Tenemos diferentes tipos de suscripciones, que te dará acceso completo a todas las formaciones de la plataforma y a las nuevas que vamos lanzando, siempre y cuando tu suscripción esté activa (como Spotify con la música o Netflix con las películas y series).
¿Eres una empresa? Tenemos planes especiales para ti. Consúltanos aquí.
¿Cuándo comienza la formación?
En OpenWebinars las formaciones no tienen fecha de inicio y de final.
Cada curso tiene una fecha de publicación y desde ese día estarán 100% disponible todos los contenidos del curso para los usuarios suscritos a alguno de nuestros planes.
¿Puedo obtener un diploma que acredite mis conocimientos?
Efectivamente, una vez superada cada formación, podrás descargarte el diploma acreditativo de cada una de ellas. Añádelas a tu CV y mejora tu perfil para las empresas.
También podrás obtener un diploma de nivel superior al superar todas las formaciones de la lista.
Este curso es una continuación del curso de Angular para principiantes, y está pensado para que puedas asentar los conocimientos adquiridos previamente y aprender nuevas utilidades para mejorar tus proyectos desarrollados en Angular. Si no has realizado esa formación inicial y no tienes una buena base de Angular, te recomendamos hacer ese curso previamente.
Antes de entrar en el curso propiamente dicho, encontrarás una introducción en la que conocerás el contenido del curso y algunos datos de interés, además de ver cómo preparar el entorno de trabajo que se utilizará a lo largo de la formación, de forma que puedas tenerlo listo en tu equipo para seguir todos los pasos que efectúe el profesor.
El primero de los segmentos en los que se divide el curso profundizaremos en los componentes, de forma que puedas ampliar los conocimientos que adquiriste en el curso inicial. A lo largo de estas clases aprenderás los tipos de relaciones entre componentes, la relación a través del decorador @Input(), a crear evento con el decorador @Output() y la relación mediante servicios. Tras esas lecciones tendrás una clase práctica en la que aplicar los conceptos vistos en las mismas.
Dentro del mismo bloque continuarás aprendiendo a trabajar con NgClass y NgStyle para modificar el estilo de la vista, a utilizar la directiva NgSwitch para añadir o eliminar etiquetas, además de a realizar operaciones especiales o pipes. Y finaliza este primer bloque con otra lección práctica en la que se utilizarán NgClass y Pipes.
En el siguiente grupo de lecciones que conforman el segundo bloque, vas a poder ampliar los conceptos de Angular para aplicarlos en tus proyectos. Aprenderás a añadir parámetros a las rutas de navegación, a crear y trabajar con rutas anidadas, además de conocer y utilizar el parámetro CanActivate. Después tenemos dos lecciones prácticas, en las que se verá más fondo y de forma aplicada lo explicado anteriormente.
Continuando con el contenido de la segunda parte del curso, se explicará cómo crear sub-módulos y componentes para añadir nuevas funcionalidades a nuestros proyectos, y también cómo crear rutas para esos sub-módulos. La práctica que acompaña a estas lecciones es muy interesante, ya que verás cómo transformar una aplicación en multimodular.
Seguimos avanzando en el curso y pasamos después a la sección dedicada a los formularios reactivos dentro de Angular. En primer lugar, refrescaremos un poco la teoría sobre formularios y tipos que existen, para después explicar cómo crear y trabajar con los formularios reactivos y finalmente validarlos. Para acabar, encontrarás la clase práctica en la que se desarrollará uno de estos formularios y se trabajará con el mismo.
El penúltimo apartado del curso te explicamos qué es Material Design y cómo instalarlo y añadirlo posteriormente a tus proyectos en Angular. Como es habitual, el tutor acabará este bloque realizando una práctica con Material Design que te permitirá comprender mejor toda la parte teórica previa.
Como cierre del curso de Angular avanzado el profesor ha preparado unos últimos consejos o apuntes de interés para completar esta formación, de forma que aprendas cómo realizar la depuración o debug de tu aplicación y cómo compilar la misma una vez acabada para subirla a producción.
