Envíanos tu consulta
Términos y condiciones *
logoImagina

Angular es el framework de desarrollo en TypeScript creado por Google.

Con esta formación, aprenderás a desarrollar aplicaciones web increíbles, obtendrás una base sólida de aprendizaje y dominio de todas las características y funcionalidades que forman parte de este framework.

iconClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClient
Aprende Angular 17: Curso completo

¿A quién va dirigido?

Desarrolladores web que quieran introducirse en el framework de Angular para crear aplicaciones basadas en componentes reutilizables.

Objetivos del curso de Angular 17

  • Aprender a crear componentes y reutilizarlos en Angular
  • Aprender a gestionar el sistema de enrutado, servicios, formularios reactivos y pipes de Angular
  • Conocer soluciones Material para proyectos Angular
  • Aprender a realizar tests sobre las aplicaciones Angular con Jasmine y Karma y automatizar su ejecución
  • Crear un proyecto completo de Angular y publicarlo en Firebase

¿Qué vas a aprender en este curso de Angular 17?

Angular es el framework de desarrollo en TypeScript creado por Google. Con esta formación, aprenderás a desarrollar aplicaciones web increíbles, obtendrás una base sólida de aprendizaje y dominio de todas las características y funcionalidades que forman parte de este framework.

Requisitos

  • Es necesario tener experiencia y conocimientos en HTML, CSS, Javascript (ES6 o posteriores)
  • Se recomienda tener conocimientos previos en Typescript
  • Tener instalado previamente en el equipo: NodeJS en la versión LTS, NPM en su última versión, GIT y Visual Studio Code
  • Disponer de una cuenta de Google con acceso a la consola de Firebase donde poder crear proyectos
  • Disponer de un equipo con acceso a un usuario con permisos suficientes para instalar software

Nuestras modalidades de formación

icon
Cursos Online
modalidadesImg
Formación a través de nuestro campus virtual
modalidadesImgBonificable hasta el 100% por FUNDAE
modalidadesImg
Horario Flexible de formación
modalidadesImg
Teoría, práctica y vídeos guiados
modalidadesImgAcceso multiplataforma, desde PC y móviles
modalidadesImg
100% tutorizado por un formador experto
modalidadesImg
Diploma de aprovechamiento
Me interesa
icon
Aula Virtual Personalizada
aulasModalidades
Videoconferencia en tiempo real, síncrono, a través de Zoom
aulasModalidades
Bonificable hasta el 100%, por FUNDAE.
aulasModalidadesPlanificación a medida
aulasModalidades
100% práctico con proyectos evolutivos
aulasModalidades
Temario adaptado a vuestras necesidades
aulasModalidades
100% tutorizado con feedback inmediato
aulasModalidades
Diploma de aprovechamiento
Me interesa
Angular 17: Últimas plazas

A continuación te mostramos las próximas convocatorias disponibles de nuestras formaciones online. Si te interesa realizar una formación a medida, para un grupo de trabajadores, puedes realizar un Aula Virtual Personalizada.

Temario del curso de Angular 17

tema 1

Repaso de fundamentos JavaScript y ECMAScript

  • Introducción
  • Archivos .js
  • Variables y palabras reservadas
  • Ámbito
  • Estructuras de control
  • Funciones: tipos de funciones y paso de parámetros
  • Expresiones y operadores
  • Clases y herencia
  • Destructuring y modelado de datos
  • Patrones de diseño y ejemplos de uso en Javascript
  • Operador de fusión de operadores Null/Nullish
  • Ejecutando archivos JavaScript con Node
tema 2

Fundamentos de TypeScript

  • ¿Qué es TSC?
  • Instalación y configuraciones principales de TSC
  • Transpilando código Typescript a Javascript
  • Tipado en Typescript
  • Creación de tipos propios en Typescript
  • Funciones y métodos
  • Interfaces
  • ¿Cuándo crear tipos propios, clases o interfaces?
  • Decoradores
  • ¿Cuándo usar decoradores?
  • Creación de scripts npm para automatizar la transpilación
  • Usando veresión Typescript de node para ejecutar diractamente código Typescript
  • Creación de scripts npm para automatizar la ejecución del código transpilado
  • Creando un proyecto Typescript
tema 3

Introducción a Angular

  • ¿Por qué Angular?
  • Ventajas y desventajas principales
  • Características
  • ¿Qué es el renderizador de Angular?
  • ¿Por qué es importante el renderizador de Angular?
  • Ivy vs Renderer 2: Motivos y Causas
  • Instalación de Angular CLI a través de NPM
  • Diferenciando entre instalaciones locales y globales de NPM
  • ¿Qué es NPX y por qué usarlo?
  • Creación de tu primer proyecto Angular
  • Análisis de la estructura del proyecto y sus archivos de configuración
  • Desplegando nuestra aplicación localmente con Angular CLI
tema 4

Angular CLI

  • Introducción
  • Comandos CLI esenciales
  • ng new
  • ng serve
  • ng generate
  • ng add
  • ng build
  • ng update
tema 5

Componentes

  • Metadatos de componentes
  • Creación de un componente
  • Instanciando componentes en archivos HTML
  • Introducción al ngModel
  • Data binding
  • Operador de coalescencia nula
  • Anidado de componentes
  • Pasando datos al componente a través de @Inputs
  • Respondiendo a eventos con @Outputs
  • Ciclo de Vida de los componentes
  • ¿Cuándo usar el ciclo de vida de los componentes en aplicaciones reales?
  • Aplicando estilos a los componentes
  • ¿Qué son los módulos?
  • La organización de un proyecto mediante módulos
  • Creación de módulos en un proyecto Angular
  • Inyección de dependencias en Angular
  • Creación de una plantilla HTML inicial
  • ¿Qué son los componentes standalone y cuándo usarlos?
  • Creando y usando componentes Standalone
tema 6

Angular Material Design

  • Introducción
  • ¿Qué es Material Design?
  • ¿Qué es Angular Material?
  • ¿Qué es ng add?
  • Instalación y elección de tema por defecto a través de Angular CLI
  • Componentes y CDK
  • Declaración de módulos de Angular material para usar los componentes
  • Componentes más usados
  • Schematics de Angular Material
  • Drag & Drop
  • Personalización de temas de Angular Material
tema 7

Directivas

  • Directivas de atributo
  • Buenas prácticas en el uso de directivas de atributo
  • Directivas estructurales
  • Buenas prácticas en el uso de directivas estructurales
tema 8

Formularios

  • Introducción
  • Formularios basados en plantillas
  • Creación de formularios basados en plantillas
  • Añadir selector con directivas
  • Two-way data binding con ngModel
  • Controlar estado y validez
  • Mostrar mensajes de error de validación
  • Enviar formulario con ngSubmit (submit)
  • Introducción a los Formularios Reactivos
  • Creación de Formularios Reactivos
  • Introducción a la validación de campos en formularios reactivos
  • Validando campos obligatorios
  • Validando campos numéricos
  • Validando campos booleanos
  • Validando campos de tipo lista
  • Validando expresiones regulares
  • Accediendo a los errores
  • Mostrar mensajes de error de validación
  • Anidación de validaciones
  • Validando que dos campos sean iguales
  • Comprobando el estado del formulario
  • Accediendo al contenido del formulario
  • Creación de un formulario de Login reactivo
  • Creación de un formulairo de Registro reactivo
  • ¿Qué son los formularios tipados?
  • Haciendo uso de los formularios tipados
tema 9

Servicios

  • ¿Qué es un servicio?
  • Repansando la inyección de dependencias y su implicación en los servicios
  • Creación y uso de servicios
  • Trabajando con Promesas
  • Trabajando con Observables
  • Procesado de recursos con servicios
  • Buenas prácticas al trabajar con servicios
tema 10

Peticiones HTTP

  • Introducción
  • ¿Por qué implementar un servicio?
  • Creación de servicios para gestión de peticiones HTTP
  • Realizando peticiones HTTP
  • Gestionando las respuestas HTTP
  • Analizando el código de estado de la respuesta
  • Analizando cabeceras de la respuesta
  • Trabajando con JSON
  • Manejar errores
  • Obtener los detalles del error
  • Retry
  • Observables y operadores
  • Petición de datos no JSON
  • Enviar datos al servidor
  • Configuraciones de las cabeceras para las peticiones
  • Verbos de peticiones
  • Peticiones: GET, POST, PUT y DELETE (CRUD)
  • ¿Qué son los interceptors?
  • Creación de intercetpros en Angular para eventos Http
  • Usando los interceptors de Angular
tema 11

Routing

  • Introducción
  • Imports del Router
  • Configuración
  • Router Outlet
  • Router Links
  • Rutas con parámetros
  • Usando los parámetros del padre
  • Pasando información entre rutas a través de parámetros y query params
  • Router Guards
  • Angular Resolvers
tema 12

Pipes

  • Introducción
  • ¿Por qué emplear Pipes y en qué nos ayudan?
  • DatePipe y sus opciones para fechas
  • Trabajando con locale para formateo de fechas
  • DecimalPipe y sus opciones para trabajar con decimales
  • CurrencyPipe
  • LowerCasePipe y UpperCasePipe
  • JSONpipe
  • PercentPipe
  • SlicePipe
  • Pipes personalizados
  • Async pipe y cómo usarlo en la gestión de observables
tema 13

Expeficidad CSS, BEM, Animaciones y Preprocesadores SASS en Angular

  • Entendiendo especificidad CSS y las implicaciones que tiene
  • BEM
  • Animaciones
  • Translate
  • Rotate
  • Scale
  • Introducción a los preprocesadores CSS: SASS y SCSS
  • Trabajando con SCSS y SASS en proyectos Angular
tema 14

Testing

  • ¿Qué es la documentación?
  • Beneficios de la documentación
  • Aplicando documentación con DocumentationJS
  • ¿Qué es el testing?
  • Beneficios del testing
  • Tipos de testing
  • Testing con Jasmine
  • Testing con Karma
  • Testing de componentes Angular
tema 15

Builds y despliegue

  • Build y despliegue local
  • Configuraciones para difrentes entornos
  • Builds para distintos entornos
  • Generar archivos de entorno y variables de entorno
tema 16

Firebase

  • ¿Qué es Firebase y qué nos aporta?
  • Accediendo a la consola de Firebase
  • Creación de proyecto
  • Análisis de los servicios de Firebase
  • Administrando la aplicacción web de Firebase
  • Instalaciones y configuraciones para conectarse a Firebase
  • Usando el sistema de autenticación de firebase
  • Usando Firebase para almacenar nuestros datos y cómo administrarlos a través de su API
  • Desplegando nuestra aplicación en Firebase
  • Accediendo a través de la URL a la aplicación ubicada en Firebase
tema 17

Trabajando con Git y automatizando procesos

  • Introducción a Gitlab CI
  • Creando un archivo YAML para crear flujos de tareas
  • Configurando YAML para automatizar Builds, Ejecución de tests y Despliegues
tema 18

Proyecto final

  • Planteamiento del proyecto y requisitos
  • Creando proyecto en Firebase
  • Desarrollo de la solución
  • Probando nuestro proyecto
  • Despliegue en Firebase

Curso de Angular 17 bonificado para Empresas a través de FUNDAE

Somos entidad organizadora de FUNDAE, todas nuestras formaciones se pueden bonificar hasta el 100%, sujeto a vuestro crédito disponible y a cumplir con todos los requisitos de realización establecidos por la Fundación Estatal para el Empleo.

 

Si desconoces el funcionamiento de las bonificaciones, ofrecemos el servicio de gestión en FUNDAE, consúltanos cualquier duda que te surja.

Descargar Guía FUNDAE
imagenFundae
iconClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClient