¿Qué aprenderás en este curso?
- Crear aplicaciones modernas con Angular.
- Dominar TypeScript dentro de Angular.
- Crear y desarrollar componentes para tus aplicaciones.
- Implementar librerías en un proyecto angular.
- Utilizar pipes y directivas estructurales.
- Configurar módulos y rutas.
- Diseñar y desarrollar formularios reactivos.
- Consumir API’s en formato JSON.
- Corregir y depurar errores en las aplicaciones.
- Utilizar programación reactiva en Angular.
- Implementar pruebas unitarias en Angular.
- Desplegar un proyecto angular a producción.
¿A quién está dirigido este curso?
Estudiantes y/o profesionales que quieren aprender a crear aplicaciones web en Angular o deseen aplicar a un puesto de trabajo como desarrollador front-end en Angular.
¿Qué requisitos necesito para llevar el curso?
- Conocimiento básico de Javascript, HTML, CSS.
- Conocimiento de algún lenguaje de programación.
¿Qué software necesito para llevar el curso?
- Visual Code (Gratuita desde aquí).
-
Módulo 1: Fundamentos de Angular.
-
Módulo 2: Componentes.
- Arquitectura de Angular.
- ¿Qué son los componentes en Angular?
- Crea tu primer componente en Angular.
- Data Binding.
- ¿Qué es un Component?
- String Interpolation.
- Property binding.
- Ciclo de vida de los componentes.
- Entender @ViewChild, @ContentChild y manejo del DOM.
- Uso de HostListener y HostBinding.
- Ejercicios prácticos.
-
Módulo 3: Angular Material y Frameworks CSS.
- Diferencia entre una Librería de componentes y un Framework CSS.
- Instalar Bootstrap, Materialize, PrimeNG y Tailwind.
- Instalar Angular Material.
- Instalar Angular Flex Layout para crear aplicaciones responsive.
- Ejemplo de una interfaz responsive con Angular Material y Flex Layout.
- [Workshop] Crear un website de películas.
-
Módulo 4: Directives y pipes.
- ¿Qué son las directivas y los pipes en Angular?
- Uso de directivas de Angular: ngIf, ngFor, ngSwitch, etc.
- Uso de pipes de Angular: Currency, Date, Decimal, Percent, etc.
- Crear tu primera directiva en Angular.
- Crear tu primer pipe en Angular.
- [Workshop] Usar directivas y pipes en el Website de películas.
-
Módulo 6: Formularios y modelos.
- Introducción a formularios con Angular.
- Reactive forms vs Template-driven forms.
- Modelos usando TypeScript (clases, interfaces y herencia).
- Agregar un Form Control básico.
- Visualización de un valor de control de formulario.
- Reemplazo de un valor de control de formulario.
- Actualizar partes del modelo de datos.
- Usar el servicio FormBuilder para generar controles.
- FormControl, FormGroup, FormArray, FormBuilder y FormControlName.
- [Workshop] Usar formularios para agregar y editar películas en una Intranet.
-
Módulo 7: Integración de servicios web.
- Configuración para la comunicación con el servidor.
- Solicitar datos de un servidor (GET).
- Agregar y actualizar request headers.
- Configurar HTTP URL parameters.
- Envío de datos a un servidor (POST, PUT, DELETE).
- Manejo de errores.
- Interceptar requests y responses.
- [Workshop] Integrar la intranet de películas con la API de películas.
-
Módulo 8: RXJS.
-
Módulo 9: Módulos.
-
Módulo 10: Angular Universal y pruebas unitarias.
-
Módulo 11: Deployment.
Daniel Eduardo Delgado Diaz
Tech Lead en Interbank
Bachiller en Ingeniería Informática y Sistemas, experto en soluciones en la nube, tecnologías front-end, seguridad de software, servicios web, rendimiento, patrones de diseño, sistemas de diseño y posicionamiento web. He trabajado en empresas de tecnología como Everis, Avantica y Belatrix. Mi objetivo es seguir desafiando mis conocimientos en proyectos desafiantes. Actualmente soy Lider Técnico en el Banco Interbank (Perú).
-
PrecioS/622.00 S/249.00
-
Instructor Daniel Eduardo Delgado Diaz
-
Duración 24 horas
-
Temas 80
-
Matrícula 5 Estudiantes
-
Acceso Por siempre