Envíanos tu consulta

Buscar cursos

Catálogo 2024

¡Últimas plazas!Cursos Servicios FUNDAE Plataforma LMS

Solicitar información

Buscar cursos

Solicitar información

Cursos/Cursos de Desarrollo Web/Curso Desarrollo Fullstack MEVN

Curso completo de Desarrollo Fullstack MEVN

DISPONIBLE EN MODALIDAD:

Aula Virtual Personalizada

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

Formación en Desarrollo Fullstack MEVN 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 Vue, con su composition API, como SPA frontend

Objetivos

Aprender a desarrollar aplicaciones web completas bajo el stack MEVN (Mongo, Express, Vue 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 Vue (Composition API)
Aprender a estandarizar los desarrollos en MEVN 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 aplicaciones web Fullstack con MongoDB como base de datos no-sql, Express como solución backend de web APIs y Vue, con su composition API, 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

Componentes en Vue 3 con Composition API

Introducción a Vue 3 y su sistema de componentes
Creación de componentes funcionales y de opciones en Vue 3
Uso de la Composition API para la lógica de los componentes
Propiedades (props) en Vue 3 y su paso entre componentes
Estado (reactive state) en Vue 3 y su manejo en componentes

tema 10

Renderizado condicional en Vue 3

Uso de condicionales para renderizar contenido de manera condicional en Vue 3
Renderizado condicional utilizando el operador v-if y v-else
Renderizado condicional utilizando el operador v-for y arrays de componentes

tema 11

Manipulación de eventos en Vue 3

Manejo de eventos en Vue 3
Uso de event handlers para manejar eventos en componentes
Pasar parámetros a los event handlers en Vue 3
Prevención del comportamiento por defecto de los eventos en Vue 3

tema 12

Uso de Composition API en Vue 3

Introducción a la Composition API en Vue 3
Uso del Hook reactive para gestionar el estado en componentes
Uso del Hook watchEffect para manejar efectos secundarios en componentes
Otros Hooks útiles en Vue 3: computed, ref, watch, provide/inject, etc.

tema 13

Navegación en Vue 3 con Vue Router

Configuración de enrutamiento en una aplicación de Vue utilizando Vue Router
Creación de rutas y navegación entre ellas en Vue Router
Uso de parámetros en las rutas de Vue Router
Uso de rutas anidadas en Vue Router
Protección de rutas y autenticación con Vue Router

tema 14

Consumo de API en Vue 3

Realización de peticiones HTTP desde una aplicación de Vue utilizando la API Fetch o librerías como Axios
Uso de lifecycle hooks para cargar datos desde una API en Vue
Manipulación de los datos obtenidos de una API en Vue
Actualización del estado de la aplicación al recibir los datos de una API en Vue
Introducción a Vue Query

tema 15

Gestión de formularios en Vue 3

Creación de formularios y manipulación de formularios en una aplicación Vue
Uso del estado (reactive state) en los componentes de formularios
Captura de datos ingresados por el usuario en formularios
Validación de formularios en Vue 3 con librerías como VeeValidate

tema 16

Estilos en Vue 3 con CSS

Uso de estilos CSS en aplicaciones de Vue
Estilos en línea (inline styles) en Vue
Uso de clases CSS y hojas de estilos externas en Vue
Uso de librerías y frameworks de estilos populares en Vue: Vuetify, Element UI, Tailwind CSS, etc.

tema 17

Eslint en Vue 3

Configuración y uso de Eslint en proyectos Vue 3
Uso de reglas y plugins para garantizar la calidad del código
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 Vue 3

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

tema 19

Builds y despliegues en Vue 3

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

tema 20

Seguridad en aplicaciones MEVN

Consideraciones de seguridad en el desarrollo de aplicaciones MEVN
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 Vue

tema 21

Accesibilidad en aplicaciones MEVN

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

tema 22

Actualización de versiones en MEVN

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

tema 23

Lazy Loading en Vue 3

Uso de lazy loading en Vue 3 para cargar módulos bajo demanda
Implementación de lazy loading en la configuración de rutas de Vue 3
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

Proyecto Final: Desarrollo de una aplicación MEVN completa

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

Testimonios de nuestros clientes

“Empecé a formarme recientemente con ellos y estoy muy sorprendido de la metodología y la calidad de los contenidos. He hecho varios cursos online con otros proveedores pero con ninguno he terminado tan satisfecho como con Imagina.”

“Mi empresa contrató un Aula Virtual Personalizada con Imagina, después de tener malas experiencias con otras academias y nos sorprendió la profesionalidad con la que trabajan. Hicimos 3 reuniones técnicas con Martín antes de empezar la formación y quedamos encantados con el resultado, sin duda repetiremos.”

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

Contáctanos

¿Qué formación necesitas?

En Imagina llevamos más de 14 años ofreciendo formación para empresas, estamos especializados en el área técnica y de ofimática, adaptando nuestras formaciones a vuestras necesidades. Déjanos tus datos, y nos pondremos en contacto contigo para informarte sobre el curso que mejor se ajuste a lo que buscas. Cuéntanos tus necesidades y podremos asesorarte sobre la modalidad que mejor se adapte: Curso Online o Aula Virtual Personalizada