Expressjs | Nodejs Framework para Principiantes 

Temario del curso: [0:00] Introducción al curso [1:10] Requerimientos para poder tomar el curso [2:46] ¿Que es Express? [11:54] Instalación & Hello world [26:39] Express Routing [1:00:03] Express Middlewares [1:10:44] Express Static Files o Archivos Estaticos [1:16:07] Express Settings [1:26:55] Otros Frameworks y Bases de Datos

No hay palabras para describir lo agradecido que estoy con personas como tu, que comparten su conocimiento y con esta calidad sin esperar nada a cambio

21:31 Shortcut para comentar código con VS Code en Windows: Seleccionan las líneas a comentar ó el cursor sobre la línea a comentar y presionan CTRL + K + C Y para descomentar es CTRL + K + U

Tu vídeo me aclaro lo que un mes de clases convencionales no pudieron, en serio muchas gracias por tu contenido, personas como tu hacen que esta industria sea tan maravillosa. Excelente pedagogía máster! 🙇‍♂️

capo, en 6 minutos explicaste lo que en 3 clases y un finde de contenidos en el campus no pudieron. Sin Palabras.

Me sentí como si estuviéramos en el salón gritándole al maestro, "Es por el puerto profe lo cambio al 5000!!" jajaja 34:00

Fazt eres el mejor , gracias a vos aprendi muchisimo y siempre espero que me llegue la notifiacion de un nuevo video tuyo! Gracias y sigue subiendo que nos ayuda muchisimo!

Estava leyendo la teoria sobre express y no entendia ni papa. gracias a este video lo veo todo mucho más facil! que bueno!

Increíble, no sé nada de NodeJS, solo se estructuras de control en JS, HTML5 básico, CSS básico.... Y te entendí TODO el vídeo, o soy un prodigio o más probable: ERES un gran MAESTRO de la enseñanza.

Muchas gracias Fazt por este curso que me ha ayudado tanto a moverme por el mundo de Node y Express. Haces una gran labor.

Muchas gracias brou, excelente la explicación, cero desperdicio, conciso y al grano. Tienes todo lo que se requiere para ser un ink master.

Muchas gracias por compartir tus conocimientos, la metodología que utilizas para enseñar es excelente!! Abrazo

Lo suyo es un gran aporte a la humanidad. Gracias

Excelente Curso de Express. Para principiantes como YO.. Muuuuuyyyy bueno!!!!, síganlo aprenderán muchísimo!!.. Gracias Fazt desde Venezuela (18/07/2021)

Que habilidad para explicar, Te ganaste un suscriptor parcero (Y) Saludos desde Medellín-Colombia.

Excelente curso, aquí les dejo mis apuntes y el repo en github: Github repo: github.com/willydavid1/fundamentos-express Que es Express? - Express es un framework de nodejs para crear apps del lado del servidor y poder escribir nuestro servidor con este modulo (Express) y podemos escribir apps MVC este framework acepta varios paradigmas - Ir a la pagina de expressjs.com en api reference nos aparece que es lo que hace cada parte de express, los métodos, los enrutadores. Nos sirve de recordatorio ---------- instalación y hola mundo ------------- PRIMERO CREAREMOS UN SERVIDOR CON EL MODULO DE HTTP Y DESPUES CON EXPRESS 1- tener instalado nodejs y vsc 2- para abrir la terminal desde vsc | ctrl + mayus + ñ 3- creamos un server sencillo con el modulo HTTP cuando ingresen al server respondo un hola mundo en texto plano EMPEZAMOS CON EXPRESS 1- creamos el package.json (describe nuestro proyecto) | npm init -y 2- instalamos express en este proyecto (se crea la carpeta node_modules) | npm install express 3- voy a hacer un servidor con express, importo express llamo al modulo me retorna un objeto que es el servidor y le digo que escuche en el puerto 3000 4- Servidor cuando recibas una peticion get en la ruta /, ejecuta el callback y como respuesta le voy a enviar un mensaje res.send("Hola") Intalamos un modulo para no reiniciar manualmente el server cada vez que haga un cambio y guardo | npm i nodemon -D - Apenas lo instalamos hay una seccion llamada devDependencies (aparecen los modulos que nos ayudan a desarrollar) en el package.json - Para usarlo ejecutamos desde la consola | npx nodemon index.js (npx porque ese modulo no esta instalado en todo mi SO) ----------------Express Routing y METODOS HTTP --------------------- (recibimos datos del cliente y recibir parametros por URL) Enrutamiento o las rutas no es mas que una ruta que cuando ingresen a ella por un metodo HTTP va a ejecutar el callback 1- creamos la ruta /about | app.get("/about", callback) 2- asi podemos crear multiples ruta para nuestra aplicacion atravez del metodo get RUTAS CON METODOS POST, PUT, DELETE, asi cuando el navegador me mande una peticion con esos metodos hacemos algo puede ser guardar datos en una base de datos, eliminar o actualizar ect 1- app.get("/about", callback) 2- app.post("/about", callback) 3- app.put("/about", callback) 4- app.delete("/about", callback) Para probar esas rutas lo haremos con POSTMAN - Este programa sirve para testear rutas, hacemos una peticion GET a /, una de tipo POST a localhost:5000/about, de tipo PUT a /contact y una de tipo DELETE a /test PODEMOS RETORNAR UN JSON CUANDO ENTREN A UNA RUTA, es decir storna uni desde un cliente pido un usuario en la ruta /user este me re JSON. - res.json({ username: "Cameron", lastname: "Howe" }); PARA MANDAR PARAMETROS A UNA RUTA HTTP POST, DESDE POSTMAN (enviar desde el cliente un json en el cuerpo de la peticion) - Desde headers, en el key le dicemos una propiedad Content-Type de tipo application/json - En body => raw : le especificamos el json a mandar EN EL SERVIDOR PARA VER LOS DATOS JSON QUE ME ENVIA EL CLIENTE se hace con req.body - Pero me muestra un undefined y no un objeto | le decimos al servidor que entienda los formatos json, cuando un cliente lo mande app.use(express.json()) PARA RECIBIR PARAMETROS DE URL ejemplo (localhost:5000/user/456) - Al crear la ruta definimos la variable id| app.post("/user/:id", callback) - Y para ver este dato | CONSOLE.LOG(req.params) RETORNA UN OBJETO CON UN ATRIBUTO ID CON VALOR DE LA URL { id: '456' } | req.params.id (retorna 456 es lo que esta en la URL) PARA RECIBIR EN UNA RUTA TODAS LAS PETICIONES SE USA EL METODO app.all("/user", callback) - Si coloco la ruta en el navegador no se ejecutan las demas rutas llamadas igual tengo que decirle next() para que se ejecuten las rutas que tengan ese nombre /user app.all("/user", (req, res, next) => { console.log("por aqui paso") res.send("terminado") next() }) --------------- Middlewares --------------- Un Middleware es un manejador de peticion, y se ejecuta antes que lleguen a cualquier ruta. Para procesar algo antes de llegar a la ruta - Creamos una funcion llamada logger recibe por parametro (req, res, next) y que muestra un console.log() y un next() - Para usar el Middleware se llaman asi | app.use(logger) - cuando vamos a la ruta /user o cualquier otra se ejecuta el Middleware En el Middleware podemos que a que ruta va a ir el usuario, en el server | `Ruta recibida: ${req.protocol}://${req.get('host')}${req.originalUrl}` - req.protocol me retorna el protocolo de la peticion - req.get('host') me retorna el servidor de la peticion - req.originalUrl me retorna la ruta que me esta pidiendo Instalaremos morgan es un manejador de peticion y se ejecuta antes que lleguen a cualquier ruta - npm i morgan - Lo importo a mi proyecto | const morgan = require("morgan") - Uso el Middleware y lo llamo con un formato| app.use(morgan("dev")) //usa el Middleware Ya en consola veo una peticion de tipo get la ruta el codigo de estado de la peticion, el tiempo de respuesta y el peso de la respuesta ---------------- Static Files Middleware -------------- Un Middleware que nos permite enviar archivos estaticos al frontend un html que puede tener css, javacript enlazados al html y los archivos se pueden ver en el navegador ejemplo localhost:5000/css/main.css me muestra el css de ese archivo - app.use(express.static("public")) | Usa el Middleware static que viene dentro de express y le paso el nombre de la carpeta. - Dentro de la carpeta creamos un index.html con un h1 - y si vamos al navegador y nos vamos a / vemos el html | valida todas las rutas y si no esta esa ruta / retorna el html ---------------------- Settings y Motor de plantillas EJS ---------------------- Para configurar el puerto, si vamos a usar un motor de plantillas, el nombre de la app, conclusion configurar el servidor app.set("appName", "WillyExpress") | CONFIGURACION Vamos a verlo como una variable que recibe parametros 1-Nombre 2-valor y para obtener la configuracion con app.get("port") /me retorna 3000 app.set("port", 3000) | CONFIGURACION del puerto | para obtener la configuracion app.get("port") /me retorna 3000 Motor de plantillas EJS | nos permite correr js dentro de html - npm install ejs | instalamos el modulo, con solo instalarlo no hace falta importarlo para usarlo con express - app.set("view engine", "ejs") | voy a establecer como motor de plantillas de mi app a ejs - creo una carpeta llamada views y dentro un index.ejs que es un html - para mostrarlo en la ruta / | res.render("index.ejs", {personas: data}) | le estoy pasando a la vista un objeto con un atributo people que es un arreglo - para usar sintaxis javacript dentro de una plantilla EJS usamos y para iterar el arreglo que le pasamos a la vista podemos hacer algo asi: { %> ------------------------- Otros frameworks y bases de datos ----------------------------- Nosotros definimos que base de datos integrar y se hace con un modulo de npm Tambien existen ORM que nos evitan escribir consultas del DBMS (Sistema de gestión de bases de datos) solo escribimos funciones JS y este ejecuta la consulta en la base de datos - sequelizejs es un ORM para bases de datos SQL, nos permite hacer consultas a la DBMS sin necesidad de escribir la sintaxis de la base de datos especificamente solo que se hace a travez de funciones JS, ASI que si luego cambiamos la base de datos el codigo seguira funcionando - mongoose es un ORM para bases de datos NOSQL OTROS frameworks backend de node: - adonisJS - sailJS - koaJS - hapiJS - krakenJS

increíble video, personas como tu hacen la diferencia! Gracias por la info, es muy valioso lo que he aprendido con tu canal

crea un aplicacion como paypal, o una de esas aplicaciones de pago seria genial, y tus videos son totalmente diferentes al resto de youtuber programadores, se te nota con mucho conocimiento al hablar

Me mire gran parte de tus vídeos, me encanta como explicas.

Muy bueno el curso, pero mas me encanta como explicas y lo haces parecer facil y llamativo para seguir estudiando muchas gracias.

Buenísimo man, estaba haciendo un curso en Coursera y no pescaba una, con esto me quedo reclaro CAPO!!!

Hablar RAPIDISIMO es un contra que tienes. El pro es la buena y gran información que enseñas.

weeee increible tutoriales, de los mejores que me eh encontrado!!!

Muchas gracias. He visto 2 videos y aprendí más que en un Bootcamp que hice. Explicas súper bien. Continúo viendo videos.

Casi me tiro del balcón cuando por fin se dió cuenta que no era el puerto 3000 y dijo... es el puerto 4000 !!!! jejeje y yoooo nooooo!!! que es el 5000 !!! jejejeje

Gracias por tu excelente contenido Fazt, no te desvíes que el contenido de js que das en tu canal no lo hace nadie más, sos un crack!

Hermano, eres un calidoso... muchas muchas gracias!!!

1:22:52 Al ver esa sintaxis de EJS me hizo recordar mis primeros años de universidad cuando pasaba JavaWeb y JSP.

Muchas gracias por tus enseñanza Fazt, Dios te bendiga

Gracias!!!! No solo sabes mucho... Conoces la manera perfecta de transmitir el conocimiento!!! Bendiciones

justo ayer conversaba con un amigo de que tengo que ponerle el hombro a express y me sale esta recomendación en youtube... es como si google supiera lo que uno necesita... como si nos escuchara... jajajaja buen tutorial, gracias

Te vas a ir a cielo con todo y tenis, querido maestro.

Vos y Dalto son 10 veces mejores que cualquier academia certificada

Hay dos artículos en la documentación de express en español, los requerimientos mínimos en cuanto a seguridad y buenas practicas, casi casi un todo list, seria interesante que hicieras uno, yo tengo una versión si quieres te la comparto, solo me falta uno de los puntos, gestor de procesos, el articulo menciona algunos: - StrongLoop Process Manager - PM2 - Forever expressjs.com/es/advanced/best-practice-performance.html expressjs.com/es/advanced/best-practice-security.html

58:03 El app.all() solo funciona con la ruta que está ahí, no con las otras que le sigan por ejemplo /user/456, ese "Por aqui paso" es de la anterior petición a la ruta /user que es exactamente a la que apunta app.all()

Estos videos valen oro!!! sos el mejor Fazt aprendo más contigo que lo que aprendí en el instituto xD saludos!!

Fazt haz sido un Gran maestro. Ahora te sigo y hago todos los ejercicios Que pones.

excelente calidad!!!...........que seria el mundo de programacion sin expertos como tu en youtube..u.u

Que genial es entender y tomar nota para estudiar, eres my hero!

Dios te bendiga Fazt, Eres bueno en lo que haces, Enhorabuena, te das a entender muy bien, bendiciones para ti ....

Guau, estoy gozándolo con tus vídeos, qué bien explicas! Muchas gracias de verdad, te deseo lo mejor.

Suscribida, comentada, like y +1000 respect bien merecidos

Muy muy bien explicado, gracias!

tremendo valor entregado hermano me ayudo un mundo este video agradecido

Que bien explicas! que excelente experiencia

Hay un error, cuando esta probando los metodos del http: cuando prueba el "por aqui paso" del app.all, este mensaje solo se ejecuta en el GET, ya que es la unica que tiene la ruta '/user', las demás tienen el '/user/:id' es decir, tienen un parametro. La persona que graba el video cree que lanzó el mensaje "por aquí pasó" porque quedó el mensaje en consola del GET anterior.

Fazt, excelente tutorial, me sirvió muchisimo. Te felicito por la dedicación y la simplicidad al explicar!! Muy buen trabajo!

Muchas gracias por compartir tus conocimientos, magnifico video!!

recién arranco en programación y tus videos son la luz, muchas gracias !

Espectacular explicacion. Super didactico! . Muchisimas gracias muy util hasta es envidiable lo facil que lo haces parecer!! Felicitaciones y gracias

que placer profesores asi!!, enseñanos como hacer una tienda virtual!!, saludos sos un genio!!

gracias , eres increíble , sigue así con mas vídeos te entiendo mejor a ti que a mis profesores en la uni jeje xd

te felicito nuevamente, excelente curso....!!!

Gracias Fazt, de verdad aprendi mucho. Lo complejo lo haces sencillo de entender.

No sé pero soy desarrollador nativo de aplicaciones (Android iOS e hibridas con react) pero desde que empecé a ver tus vídeos node me empezó a llamar demaciado la atención (ya lo usaba para las app hibridas pero nunca para crear API rest) y ahora soy el encargado de realizar las API en la empresa donde estoy eres el mejor gracias por tus videos

Muy buena explicación, gracias! por compartir

Excelente, por fin entendí Express. Muchísimas gracias.

UN COMPLETO MUNDO JS, GRACIAS

Eres el maestro absoluto de todo esto bro, gracias ppr existir!!!!

Que buen curso Fazt, sin duda ere un gran profesor. saludos desde El Salvador.

Excelencia pura

Muy claro y completo... gracias por todo el trabajo que te tomas en cada curso.

Muchas gracias, Me fuiste de mucha ayuda. Saludos!!!!

Si se fijan bien en la parte final de Routing el app.all() no funciona correctamente con los métodos post, put y delete. Para que funcione pueden colocar: app.all('/user/\*' , (req,res,next) => {});

Excelente tutorial y te quedo mejor ordenado que le primero que tienes de express

Felicidades a este canal, es un contenido muy practico y al mismo tiempo es super didactico

excelente explicación, muchas gracias

Gracias amigo, sos muy didáctico..

Ahhhh Cameron Howe, ya decía yo que la música de la intro no era casualidad, muy fan jajajajaj

Gracias hermano por enseñarnos.

Excelente curso de introducción a ExpressJS, felicitaciones.

Gracias por compartir tu conocimiento. Saludos

Qué fácil lo explicas. Muchas gracias!

Excelente curso!!! Justo lo que necesitaba Muchas gracias!!!!

hola muchas gracias por tus videos...me han servido muchísimo! solo me gustaría comentar que me hubiese gustado que dejaras un enlace al repositorio de git yq que soy ciego y me resulta imposible leer el código de la pantalla. otra vez muchas gracias por el contenido que a mi parecer está muy bien explicado y detallado.

Gracias Fazt! Saludos desde Argentina!

Muchas gracias por compartir este contenido de gran valor Dios te bendiga!!

Excelente, es justo lo que buscaba, explicas muy bien. Gracias.

Gracias , fuiste de gran ayuda para seguir ampliando mis conocimiento

gracias crack sigue asi nunca dejes de subir videos porfa saludos desde Bolivia.

exelente Fazt, un dia podrias enseñarnos algo de apollo y combinarlo con react y graphql. sin duda eres el mejor

Muchas gracias brother! soy fan nº1

Un 10, Excelente pedagogìa

Muy buenos videos Fazt, estoy aprendiendo mucho con ellos. Gracias !!!

Felicitaciones. Sí sería interesante tener un video para orm, específicamente para sequelize para saber 'cuando' trabajar con mysql, cuándo con sql server y cuando con oracle, por ejemplo. Gracias

Hola @Fazt, muy buenos tus videos! En general muy bien explicados y lo más importante, prácticos para resolver problemáticas comunes en el desarrollo. Seria genial que en tus videos colocaras un pequeño indice con las secciones del video, pues en general duran mas de 30min, y en ocasiones, como me ha sucedido, queremos solo ver la solución a algo especifico, y pues tu comienzas todo el proyecto desde cero, lo cual está bien por las personas que esten empezando, pero un indice con las secciones del video sería súper... No dejes de subir este excelente contenido!

Con la web pasara lo mismo que con el desarrollo de apps para celulares, no creo que haya realmente reemplazos, solo habrá más posibilidades para hacer el mismo trabajo solo que en algunos casos será mejor usar una tecnología y otra 😊

Excelente tu curso! me sirvió muchisimo!!

excelente curso fazt, podrías hacer por favor, un curso de CRUD, NODEJS (EXPRESS) - POSTGRES (SEQUELIZE), saludos!!

Excelente curso. Mil gracias por tu labor!

Gracias bro!!, esto require mucho trabajo de tu parte...

genial video hermano, me ayudó mucho 💪🏼

Que bien Tio Fazt eres el mejor enserio! preciso estoy estudiando node js.

excelente vídeo Fazt, bien articulado, ordenado e ideal para aprender!

Excelente explicación , muy orientada a casos prácticos 💪💪💪

Excelente tutorial Visto en 11/01/2020

Muchas gracias, un groso aportando y explicando!

Fazt eres el mejor maestro ya espero con ansias el curso de la tienda en línea

Acabo de terminar el vídeo bot de Discord, eres el mejor gracias

Bro te amo, gracias maestro