Desarrollo web full stack: NodeJS MongoDB Bootstrap jQuery

Realiza un desarrollo web completo creando una api rest con NodeJS+MongoDB y una web con HTML+Bootstrap+jQuery.

4.70 (89 reviews)
Udemy
platform
Español
language
Web Development
category
Desarrollo web full stack: NodeJS MongoDB Bootstrap jQuery
1,004
students
6 hours
content
Jul 2022
last update
$19.99
regular price

What you will learn

Diseñar interfaces web con HTML y Bootstrap.

Desarrollar una API Rest a través de NodeJS.

Manejar el framework Express como marco para el desarrollo web con NodeJS.

Emplear MongoDB como sistema de almacenamiento de datos.

Hacer uso de Heroku para desplegar una API Rest.

Dinamizar aplicaciones web usando jQuery.

Desarrollar aplicaciones web que interaccionan entre la parte cliente y servidor a través de peticiones AJAX.

Desarrollar aplicaciones web que usan JSON como formato de intercambio de datos.

Depurar una aplicación web usando herramientas incorporadas en los navegadores y en los entornos de desarrollo.

Desplegar una web usando el servicio de hosting de Firebase de Google.

Description

En una industria como la tecnológica en la que todo evoluciona a un ritmo frenético, los roles y perfiles que demandan las empresas deben adaptarse a las nuevas circunstancias muy rápidamente. Por esto mismo, si bien algunos años atrás estaban claramente diferenciadas las tareas que debía acometer, por un lado, un front-end developer y, por el otro, un back-end developer, a medida que las necesidades de las compañías tecnológicas cambiaban y los desarrolladores tenían que adquirir nuevas destrezas y habilidades se ha extendido la figura del desarrollador full stack.

Pese a que se trata de un perfil que aún no está del todo definido, lo cierto es que cada vez está más demandado por la industria. Lo que le diferencia del resto de perfiles que existen en la industria tecnológica no es que sepa hacerlo todo, sino que sepa entenderlo todo, tanto lo que ocurre en la parte del cliente como en la parte del servidor.

Para llegar a adquirir las habilidades propias de este rol, aquellas que demanda el mercado, un desarrollador debe estudiar distintos lenguajes de programación, conocer distintos entornos, manejar ciertas tecnologías y frameworks tanto en el front-end como en back-end. Es ahí donde tiene valor un curso como este, con el que podrás aprender muchas de las tecnologías necesarias para desenvolverte como desarrollador full-stack.

En este curso construiremos una aplicación web completa y funcional, diferenciando claramente en el desarrollo dos bloques principales:

  • Parte back-end, implementada a través de una API Rest construida haciendo uso de NodeJS como lenguaje de programación y Express como framework de desarrollo, así como MongoDB como sistema de almacenamiento de datos.

  • Parte front-end, construida empleando HTML, Bootstrap y jQuery y que consumirá los endpoint de la API.

Por lo tanto, a lo largo del curso estudiaremos muchas de las tecnologías más empleadas en el desarrollo web:

  • HTML:  no es más que un lenguaje usado para crear páginas webs por medio de marcadores (tags) y atributos, que definen cómo el contenido va a ser presentado en un navegador web.

  • BOOTSTRAP: es un framework CSS desarrollado por Twitter en 2010 para el desarrollo front-end de aplicaciones web. El framework combina CSS y JavaScript para estilizar los elementos de una página HTML. Es una herramienta que proporciona interactividad en la página, por lo que ofrece una serie de componentes que facilitan la comunicación con el usuario, como menús de navegación, controles de página, barras de progreso y más. Además de todas las características que ofrece el framework, su principal objetivo es permitir la construcción de sitios web responsive para todo tipo de dispositivos.

  • JQUERY: de por sí no es un lenguaje de programación, sino una serie de funciones y métodos de JavaScript. Esta librería facilita el trabajo cuando se programa con JavaScript. Una de las principales cualidades de JQuery es que al programar no tienes que preocuparte por el tipo de navegador que se utilice.

  • NODEJS: NodeJS es un entorno JavaScript que nos permite ejecutar en el servidor, de manera asíncrona, con una arquitectura orientada a eventos y basado en el motor V8 de Google. Es una plataforma que avanza muy rápidamente y cada vez está más presente en el mercado. El motor V8 compila JavaScript en código máquina nativo en vez de interpretarlo en el navegador, consiguiendo así una velocidad mucho más alta. NodeJS es de código abierto y puede ejecutarse bajo cualquier sistema operativo.

  • EXPRESS:  es el framework web más popular de NodeJS, y es la librería subyacente para un gran número de otros frameworks web de NodeJS populares. Proporciona mecanismos para realizar peticiones http, generación de vistas y configuración de aplicaciones web.

  • MONGODB: es una base de datos orientada a documentos. Esto quiere decir que en lugar de guardar los datos en registros, guarda los datos en documentos. Estos documentos son almacenados en BSON, que es una representación binaria de JSON.

    Una de las diferencias más importantes con respecto a las bases de datos relacionales, es que no es necesario seguir un esquema. Los documentos de una misma colección (concepto similar a una tabla de una base de datos relacional), pueden tener esquemas diferentes.

Por último, desplegaremos la API Rest en la plataforma Heroku para que pueda ser accesible desde cualquier sitio. Asimismo, desplegaremos el cliente desarrollado haciendo uso del servicio de hosting que proporciona Firebase, para que la aplicación web completa pueda ser ejecutada simulando un entorno de producción real.

Content

Introducción

Introducción
Concepto de API Rest
Características de la aplicación desarrollada
Tecnologías utilizadas

Configuración del entorno de trabajo

Instalación y configuración del entorno de desarrollo
Instalación de NodeJS
Instalación de Yarn
Instalación de un cliente API

Estructura de la API Rest

Creación del proyecto NodeJS
Instalación de Express
Creación de la carpeta y los ficheros principales de la API
Desarrollo de endpoint de ejemplo
Configuración del proyecto con Nodemon

Conexión a base de datos MondoDB

Creación de cluster en Mongo Atlas
Instalación y configuración de cliente para MongoDB
Conexión de la aplicación a MongoDB
Creación del modelo de datos

Desarrollo de los endpoints de la API

Endpoint POST para crear una incidencia
Endpoint GET para obtener incidencias
Endpoint GET para filtrar incidencias por gravedad
Endpoint GET para filtrar incidencias resueltas/no resueltas
Endpoint PUT para actualizar estado de una incidencia
Endpoint DELETE para eliminar incidencias

Despliegue de la API

Registro en Heroku e instalación de Heroku Cli
Descarga de Git
Despliegue de en Heroku
Test de la api en Heroku
Solución bloqueo CORS

Fundamentos de Bootstrap

Características y uso de Bootstrap
Sistema de grid de Bootstrap
Texto y colores con Bootstrap
Formularios con Bootstrap
Tablas con Bootstrap
Botones con Bootstrap
Alertas y tooltips con Bootstrap
Ventanas modales con Bootstrap
Posicionamiento con flexbox

Fundamentos de jQuery

Concepto y uso de jQuery
Sintaxis básica
Selectores
Manipular código del documento HTML
Manejo de estilos
Función each
Eventos
Comunicación con servidores: peticiones AJAX
Formato JSON
Animaciones

Desarrollo de la parte cliente: Pantalla de listado de incidencias

Diseño del menú de navegación
Diseño de la tabla de incidencias
Carga del listado de incidencias - Petición HTTP
Carga del listado de incidencias - Generación de la tabla de incidencias
Filtrado de incidencias por estado
Filtrado de incidencias por severidad
Actualizar el estado de una incidencia
Eliminar una incidencia

Desarrollo de la parte cliente: Pantalla nueva incidencia

Diseño de la pantalla para la creación de incidencias
Creación de incidencias

Despliegue del cliente web en Firebase

Registro en Firebase y creación de proyecto
Subida y despliegue del cliente

Reviews

Ramiro
August 21, 2023
Los temas y puntos, hasta el momento excelente, ya llevé varios de sus cursos del Ingeniero, todos recomendado, muy practico y entendible.
Jesus
November 21, 2022
Es muy gratificante el ir avanzando en el curso y poder ver los resultados tanto de manera local como en un servidor publico. Gracias por el curso y el conocimiento adquirido.
Sergio
October 15, 2022
Con lo aprendido me sirvió para animarme a encarar un proyecto de un desarrollo full stack por mi cuenta.
Oruz'nthug
September 22, 2022
Un curso completo para adquirir conocimientos de desarrollo fullstack. Sin duda, recomiendo adquirir este curso.
Juan
September 7, 2022
Los cursos de este instructor cuentan con una buena metodología en la cual no se satura de teoría al alumno, además siempre hay proyectos prácticos y brinda las repos de los proyectos del curso por lo que son de mucha ayuda para uno de alumno.
Marco
August 10, 2022
El curso es excelente, el Instructor explica a detalle las tecnologías usadas, muy claro en la explicación la cual pude aprender mucho, recondado el curso. ✔️?
Jose
July 28, 2022
Muchas gracias por este maravilloso curso, muy bien explicado cada tema, muy buena subdivisión de secciones y muy sencillo de entender , aprender y desarrollar!!
Jose
July 15, 2022
Un curso super recomendable. Muy didáctico, los conceptos se transmiten de una forma muy clara y directa. Mediante el uso practicas el conocimiento se adquiere de una forma distinta. Muchas gracias, ahora a seguir profundizando.
Cristian
July 6, 2022
Con la introducción del curso se puede apreciar que está muy completa la información por parte del instructor quien nos guiará en el desarrollo web
Eduardo
July 6, 2022
Emocionado por este nuevo curso, me gusta la idea de que se aprenda mientras se desarrolla un proyecto. Y la explicación previa viene de maravilla.
José
June 13, 2022
Muy buen curso, me agrada como la curva de dificultad se torna, no es como en otros cursos donde los primeros videos se explican cosas muy básicas, y los siguientes ya contienen temas muy avanzados o que no se han visto, este curso abarca desde temas muy básicas hasta avanzados, y me agrada la facilidad con la que el instructor se expresa, hace que muchos conceptos sean fáciles de entender.
Omar
March 29, 2022
El curso me ha servido mucho para saber acerca de MongoDB, jQuery y Node, los conocimientos que transmite el profesor son claros y directos aportando las bases sobre las cuales comenzar a investigar a profundidad acerca de estas tecnologías que en mi caso no conocía hasta que comenzé el curso. Lo recomiendo si estas buscando un curso acerca de MongoDB, Node y jQuery.
Bayron
March 12, 2022
Excelente forma de explicar muy buen curso, tiene un poco de cada cosa para entender todo el proceso de desarrollo de un sistema.

Coupons

DateDiscountStatus
2/8/202278% OFF
expired
2/24/202278% OFF
expired
4/30/202278% OFF
expired
5/28/202278% OFF
expired
6/22/202278% OFF
expired
7/22/2022100% OFF
expired
2/28/2023100% OFF
expired
12/8/202350% OFF
expired

Charts

Price

Desarrollo web full stack: NodeJS MongoDB Bootstrap jQuery - Price chart

Rating

Desarrollo web full stack: NodeJS MongoDB Bootstrap jQuery - Ratings chart

Enrollment distribution

Desarrollo web full stack: NodeJS MongoDB Bootstrap jQuery - Distribution chart
4476242
udemy ID
1/4/2022
course created date
2/7/2022
course indexed date
Bot
course submited by