Envíanos tu consulta
Términos y condiciones *
*Si no puedes asistir en directo de facilitaremos un enlace para verlo en diferido
logoImagina
iconoCurso

Curso completo de Desarrollo Fullstack MEAN

DISPONIBLE EN MODALIDAD:
Aprende a crear y estandarizar aplicaciones web Fullstack con MongoDB como base de datos no-sql, Express como solución backend de web APIs y Angular como SPA frontend
iconClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClient
Formación en Desarrollo Fullstack MEAN bonificable para empresas

¿A quién va dirigido?

Desarrolladores web que quieran aprender a crear aplicaciones web Fullstack con MongoDB como base de datos no-sql, Express como solución backend de web APIs y Angular como SPA frontend

Objetivos

  • Aprender a desarrollar aplicaciones web completas bajo el stack MEAN (Mongo, Express, Angular y Node)
  • Aprender los fundamentos del desarrollo, enrutado y configuraciones de seguridad de Web Apis con Express y Node
  • Aprender los fundamentos del desarrollo de aplicaciones frontend Angular
  • Aprender a estandarizar los desarrollos en MEAN y garantizar mantenimiento, extensibilidad y documentación
  • Aprender a realizar builds para diferentes entornos y a gestionar despliegues

¿Qué vas a aprender?

Aprende a crear y estandarizar aplicaciones web Fullstack con MongoDB como base de datos no-sql, Express como solución backend de web APIs y Angular como SPA frontend

Requisitos

  • Es necesario tener experiencia y conocimientos en HTML, CSS y Javascript (ES6 o posteriores) y Typescript
  • Tener instalado previamente en el equipo: NodeJS en la versión LTS, NPM en su última versión, GIT, Docker Desktop y Visual Studio Code
  • Contar con una cuenta Github en la que poder alojar proyectos y automatizar despliegues con Vercel
  • Disponer de un equipo con acceso a un usuario con permisos suficientes de instalación y conexión estable a Internet

Temario del curso

tema 1

Introducción a Node.js y Express.js

  • Características y ventajas de Node.js y Express.js
  • Instalación de Node.js y configuración del entorno de desarrollo
  • Configuración de TypeScript para utilizarlo con Express.js
  • Uso de typings para mejorar la experiencia de desarrollo
  • Compilación y ejecución de código TypeScript en Express.js
tema 2

Rutas y controladores en Express.js

  • Definición y configuración de rutas en Express.js
  • Implementación de controladores para manejar las peticiones a las rutas
  • Uso de middlewares en Express.js para la manipulación de las solicitudes
  • Middleware de registro de solicitudes y respuestas
  • Middleware de manejo de errores
  • Middleware de autenticación
tema 3

Introducción a Mongo

  • Instalación y configuraciones esenciales de MongoDB
  • Puesta en marcha e inicialización de servidores de MongoDB
  • Inicialización de clientes de MongoDB: Mongo Shell y Mongo Compass
  • Creación de bases de datos en MongoDB
  • Creación de colecciones en MongoDB
  • Creación de documentos en MongoDB
  • Esquemas de validación de documentos en MongoDB
  • Creación de índices en MongoDB
tema 4

Modelado de datos con MongoDB en Proyectos Express

  • Introducción a MongoDB y su integración con Express.js.
  • Conexión desde Express a través de Mongoose
  • Configuración de la conexión a la base de datos MongoDB
  • Definición y manipulación de esquemas y modelos de datos utilizando Mongoose
  • Definición de esquemas de datos
  • Creación de modelos de datos
  • Consultas y operaciones CRUD con Mongoose
tema 5

Sistema CRUD completo con Express.js y MongoDB

  • Implementación de las operaciones CRUD (Crear, Leer, Actualizar, Eliminar) utilizando Express.js y MongoDB
  • Creación de rutas y controladores para cada operación CRUD
  • Validación y sanitización de datos en las operaciones CRUD
  • Implementación de paginación y ordenamiento en las consultas
tema 6

Documentación de la Web API con Swagger

  • Integración de Swagger en una API desarrollada con Express.js
  • Definición de endpoints, parámetros y respuestas en Swagger
  • Generación automática de la documentación de la API
  • Personalización de la documentación de la API con Swagger UI
tema 7

Publicación de la API en Vercel

  • Configuración y despliegue de la API en la plataforma de Vercel
  • Uso de variables de entorno para gestionar la configuración en Vercel
  • Configuración de dominio personalizado para la API en Vercel
tema 8

Seguridad y autenticación en Express.js

  • Implementación de métodos de autenticación, como JWT (JSON Web Tokens) y OAuth
  • Configuración de middleware de seguridad para proteger las rutas
  • Uso de librerías y paquetes populares para la gestión de la seguridad en Express.js
  • Uso de JWT para la autenticación basada en tokens
  • Configuración de OAuth con proveedores externos
  • Validación de permisos y roles de usuario
tema 9

Introducción a Angular

  • Conceptos básicos de Angular y su papel en el desarrollo web
  • Ventajas y características principales de Angular
  • Instalación de Angular CLI y configuración del entorno de desarrollo
  • Creación de proyecto
  • Análisis de archivos y carpetas
  • Despliegue local
  • Primeros pasos en Angular
  • Creación de componentes básicos
  • Configuración de enrutamiento básico
  • Uso de directivas y enlace de datos básico
tema 10

Componentes en Angular

  • Creación y configuración de componentes en Angular
  • Ciclo de vida de los componentes en Angular
  • Comunicación entre componentes mediante input y output properties
  • Uso de directivas estructurales para manipular el DOM
  • Uso de componentes anidados
  • Implementación de comunicación entre componentes
  • Uso de directivas estructurales para controlar la visualización de elementos
tema 11

Binding de datos en Angular

  • Uso de la sintaxis de interpolación y las directivas de enlace de datos en Angular
  • Implementación de enlaces unidireccionales y bidireccionales
  • Uso de eventos para interactuar con los datos en la aplicación Angular
  • Uso de interpolación para mostrar datos dinámicos
  • Uso de enlace de propiedades para actualizar datos
  • Uso de eventos para responder a la interacción del usuario
tema 12

Directivas en Angular

  • Concepto y tipos de directivas en Angular (directivas estructurales y directivas de atributos)
  • Uso de directivas integradas en Angular, como ngIf, ngFor, etc.
  • Implementación de directivas personalizadas en Angular
  • Uso de directivas estructurales integradas
  • Creación de directivas de atributos personalizadas
  • Manipulación del DOM con directivas
tema 13

Sistema de enrutado en Angular

  • Configuración del enrutador de Angular
  • Definición y configuración de rutas en Angular
  • Uso de parámetros de ruta y consulta en Angular
  • Protección de rutas con guards para controlar el acceso a las páginas
  • Configuración de rutas en Angular
  • Paso de parámetros a través de las rutas
  • Implementación de guards para proteger rutas
tema 14

Pipes en Angular

  • Uso de pipes para transformar datos en Angular
  • Uso de pipes integrados en Angular, como DatePipe, CurrencyPipe, etc.
  • Creación de pipes personalizados en Angular
  • Uso de pipes integrados para transformar datos
  • Creación de pipes personalizados para transformar datos específicos
tema 15

Peticiones HTTP con HTTPClient de Angular y gestión de Observables

  • Uso de HttpClient para realizar peticiones HTTP en Angular
  • Configuración de cabeceras, parámetros y opciones en las peticiones
  • Manejo de respuestas HTTP y errores utilizando Observables
  • Uso de operadores RxJS para transformar y manipular los datos de las respuestas
  • Realización de peticiones HTTP utilizando HttpClient
  • Manipulación de respuestas y errores utilizando Observables y operadores RxJS
tema 16

Interceptors en Angular

  • Concepto y uso de interceptors en Angular
  • Implementación de interceptors para manipular peticiones HTTP
  • Uso de interceptors para agregar cabeceras, autenticar peticiones, etc
  • Implementación de un interceptor para agregar cabeceras a las peticiones HTTP
  • Implementación de un interceptor para autenticar las peticiones HTTP con JWT
  • Uso de múltiples interceptors en una aplicación Angular
tema 17

Eslint en Angular

  • Configuración y uso de Eslint en proyectos Angular
  • Uso de reglas y plugins para garantizar la calidad del código en Angular
  • Configuración de Eslint en un proyecto Angular
  • Uso de reglas predefinidas y personalizadas en Eslint
  • Integración de Eslint con el flujo de trabajo de desarrollo
tema 18

Variables de entorno en Angular

  • Configuración y uso de variables de entorno en proyectos Angular
  • Uso de diferentes entornos (desarrollo, producción, etc.) en Angular
  • Configuración de variables de entorno en Angular
  • Uso de diferentes archivos de variables de entorno para diferentes entornos
  • Acceso a variables de entorno en la aplicación Angular
tema 19

Builds y despliegues en Angular

  • Generación de builds optimizados para producción en Angular
  • Configuración y despliegue de una aplicación Angular en diferentes entornos (local, servidor, Vercel, etc.)
  • Generación de un build optimizado para producción en Angular
  • Configuración de diferentes entornos de despliegue
  • Despliegue de la aplicación Angular en diferentes entornos
tema 20

Seguridad en aplicaciones MEAN

  • Consideraciones de seguridad en el desarrollo de aplicaciones MEAN
  • Uso de buenas prácticas para prevenir vulnerabilidades comunes
  • Implementación de medidas de protección, como validación de datos, autenticación y autorización
  • Implementación de medidas de seguridad en la API desarrollada con Express.js
  • Uso de buenas prácticas de seguridad en el desarrollo de la aplicación Angular
tema 21

Accesibilidad en aplicaciones MEAN

  • Importancia de la accesibilidad en el desarrollo web
  • Implementación de técnicas y estándares de accesibilidad en aplicaciones MEAN
  • Uso de herramientas y validadores para garantizar la accesibilidad
  • Implementación de prácticas de accesibilidad en la interfaz de usuario desarrollada con Angular
  • Uso de herramientas y validadores de accesibilidad para mejorar la experiencia del usuario
tema 22

Actualización de versiones en MEAN

  • Métodos y enfoques para actualizar las diferentes tecnologías del stack MEAN
  • Consideraciones al actualizar las versiones de Node.js, Express.js, Angular y MongoDB
  • Pruebas y verificación de compatibilidad al realizar actualizaciones
  • Consideraciones y pasos para actualizar las diferentes tecnologías del stack MEAN
  • Pruebas y verificación de compatibilidad al actualizar las versiones
tema 23

Lazy Loading en Angular

  • Uso de lazy loading en Angular para cargar módulos bajo demanda
  • Implementación de lazy loading en la configuración de rutas de Angular
  • Carga diferida de módulos para mejorar el rendimiento de la aplicación
tema 24

Monorepo con NX

  • Configuración y ventajas del enfoque de Monorepo utilizando NX
  • Organización y gestión de proyectos en un entorno de Monorepo
  • Configuración de un Monorepo utilizando NX
  • Creación y gestión de proyectos en un entorno de Monorepo
  • Compartir código y funcionalidades entre proyectos en un Monorepo
tema 25

Lightweight Injection Tokens para librerías

  • Uso de inyección de dependencias y creación de tokens de inyección en Angular
  • Implementación de librerías livianas para compartir funcionalidades entre proyectos
  • Uso de inyección de dependencias condicional para configurar diferentes comportamientos
  • Implementación de inyección de dependencias en Angular utilizando tokens
  • Creación y uso de librerías livianas para compartir funcionalidades comunes
  • Uso de inyección de dependencias condicional basado en tokens
tema 26

Proyecto Final: Desarrollo de una aplicación MEAN completa

  • Diseño y planificación de una aplicación web utilizando el stack MEAN
  • Implementación de una interfaz de usuario utilizando Angular
  • Desarrollo de la API en Express.js y MongoDB
  • Integración de la API con la interfaz de usuario en Angular
  • Implementación de funcionalidades avanzadas, como autenticación, autorización, etc
  • Despliegue de la aplicación en un entorno de producción

Curso de Desarrollo Fullstack MEAN 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