MEVN Curso - Mongodb, Express, Vuejs y Nodejs, Parte 1 - Backend con Nodejs, Express y Mongodb
ฝัง
- เผยแพร่เมื่อ 19 ก.ย. 2024
- El Stack MEVN, tiene como objetivo crear aplicaciones web modernas con Javascript como principal lenguaje tanto el Frontend como en el Backend y la Base de datos.
En este curso crearemos un aplicación CRUD que es una Single Page Applications o Aplicaciones de una sola página utilizando Vue.js. y esta estará alojada en un servidor Nodejs que usara Express como framework del lado servidor y Mongodb como Base de datos.
CURSO DE VUEJS:
• Vue.js | Curso y Ejemplos
CURSO DE MONGODB:
• Curso de Mongodb
CURSO DE EXPRESS:
• Express | Node.js Fram...
TUTORIAL DE VISUAL STUDIO CODE:
• Visual Studio Code, Ed...
CÓDIGO FINAL DEL PROYECTO, VISITA MI SITIO WEB PARA MÁS CURSOS Y TUTORIALES:
www.faztweb.com
blog.faztweb.com
FAZT CODE - TH-cam:
/ @faztcode
PATREON
/ fazttech
TWITTER
/ fazttech
INSTAGRAM
/ fazttech
FACEBOOK
/ fazttech
SLACK
goo.gl/q5UAoo
Te amo, te juro que era lo que estoy buscando hace un par de días y ahora veo uno en español.. sinceramente te amo
Este curso es el que queria ver sin Angular sino utilizando Vue muchas gracias mi pana
Fazt mil gracias, justo es lo que estaba buscando y querer aprender, esta combinación de JS, ya que soy principiante y se me hace mas sencillo Vue que Angular (ignoro totalmente a React) y me llamo la atencion mucho MongoDB, asi que perfecto este MEVN Curso, tengo que hacer un sistema para administrar un restaurante, no se en que me he metido.
Wow, simplemente WOW! Este es un buen tutorial. Comparado con todos los que he visto en ingles. Ellos solo se lanzan de una forma mecanica de hacer las cosas. Pero tu explicas cada parte y eso esta muy bien. Porque todo en programacion tiene que ver con logica, y si no sabes que esta pasando con el codigo, tu mismo te pones limitaciones.
Sos el puto amo!!! Suscrito! incréibles tus videos, que pulcritud al explicar cada cosa!! mil gracias por tu aporte a la comunidad en serio!
Esto es lo que más esperaba de tus vídeos. Me encanta este stack
Muy bueno el vídeo. Algo que sería demasiado útil sería que hicieras un vídeo acerca de enviar archivos pdf desde el back al front y visualizarlos en el front, podria ser creando una etiqueta con window.URL.createObjectURL(blob) -igualmente trabajando con mevn, o sin usar mongo, leyendo los archivos pdf desde el filesystem en el back-.
Wao q maravilloso este es el stack q más interés tengo, y gracias por estos tutoriaes q valen oro y aparte me motivan a comenzar ya para aprender con ese stack
Excelente curso! Gracias por tu tiempo y esfuerzo. Estoy de acuerdo con algunos usuarios en incluir inicio de sesión de usuarios. Saludos!
Excelente video. Gracias, justo lo que buscaba. Siguió con el. Siguiente video.
Estaria muy bueno que pongas enlaces directos a los minutos de cuando empieza X tema, por ejemplo un enlace directo salteando la parte donde explicas que es un STACK e ir a la parte del código donde empiezas a programar el backend. Y asi con cada tema, nos ayudaria muchisimo a algunos! Muy buen video, saludos
Excelente Recomendación Carlos, lo haré en proximos vídeos del canal. Un Saludo :)
Muchas gracias, me ayudaste con tu aporte.
Increíble tutorial, explicas todo de una forma excelente! gracias a ti entendí bien el async/wait
muy bueno!! mil gracias, perfecta explicacion. El mejor tutorial en español que ya vi
Fazt genio DEJAME UN LIKE, HOY ES MI CUMPLEAÑOS!!! Cumplo 37 y con mas ganas de seguir aprendiendo que nunca
Feliz Cumpleaños Dario.
yo estube hace tres dias :'c te hubiese pedido una bendicion, no se me ocurrio ; - ;
Excelente estimado se ve muy bueno el curso tambien seria interesante que realizaras un full stack con QUASAR FRAMEWORK que trabaja con VUE.JS que te permite crear aplicaciones multiplataforma como SPA, PWA, SSR, APP(Android, IOS), DESKTOP desde la misma base de codigo ademas ofrece una UI y Componente excelente acelerando el desarrollo
Fazt eres el mejor. Gracias por tus vídeos. Tengo un problema con el método PUT para actualizar los datos, el método se ejecuta correctamente, pero los datos no se actualizan. ¿Podrías hacer un vídeo hablando sobre ti y como has aprendido todo lo que sabes? Muchas gracias.
Genial como siempre Fazt
Muchas gracias buen Hombre, exactamente lo que andaba buscando :D
EXCELENTE! Grato pelo conteúdo!
genial como siempre, ojalá pudieras hacer un video igual pero poniendo nuxt js por vuejs
Excelente amigo bien explicado
Solo falto *Pusher* ó *Socket.IO* para ser un StackFull... Pero aun así sigue siendo un excelente *Stack*.... Gracias!
Me encantan tus. Vídeos. Me están sirviendo mucho. Podrás buscarle la vuelta a la aplicación para mostrar un ejemplo de embeber algún dato? Algo así como usuario/ posts
Oh Relaciones en Mongodb, esta bastante solicitado, así que voy a elaborar algo pronto :)
Fazt .Muchas gracias por tus tutoriales!!! :D
Puedes hacer un curso, de cómo hacer una aplicación de comentarios y respuestas, con tipos de usuarios, cómo si un usuario creará un post, y los demás usuarios en la sección noticias puedan replicar y comentar, con el stack MEVM. Por favor y cómo mantener el usuario sesión iniciada. 😊☺ Saludos y muchas gracias
Amigo mil gracias por el video, explicas todo muy bien. Slds.
Impecable!
Hola Fazt, tienes algún video que explique sobre el service worker para aplicaciones web progresivas? Son muy buenos tus videos, gracias 😃
Aun no, pero estoy preparando uno para subirlo pronto :)
bravo!!!!!!
Dosis de Fazt semanal.!
Excelente vídeo!!! una pregunta entonces es mejor empezar por el backend? Primero preparar lo de node, express y conexión mongo antes de hacer la página con Vue?
muy buen tutorial y forma de explicar, sigo tus paso pero me da el siguiente error: "(node:4831) UnhandledPromiseRejectionWarning: TypeError: Task.find is not a function"
este es mi tasks.js
const express = require('express');
const router = express.Router();
const Task = require('../models/Task');
router.get('/', async (req, res) => {
const tasks = await Task.find();
res.json(tasks);
});
router.post('/', async (req, res) => {
const task = new Task(req.body);
await task.save();
res.json({
status: 'Task saved'
});
});
module.exports = router;
no veo que pueda estar dando error.
Buenas días, como están ? Estos videos al día de la fecha siguen siendo buenos para aprender Vue o quedo obsoleto ?? Saludos y muchas gracias !
Really awesome
Gracias
Hola fazt tus vídeos son muy buenos, pero sería bueno que lo hicieras con un proyecto más ambicioso que una aplicación de tareas?
Excelente, gracias.
Fazt puedo usar mysql en vez de mongoDb, por que quiero usar tabalas relacionales
Graciaas
Amigo como intengrar las pasarelas de pago de Payu Latam y Paypal, lo otro como enviar mensajes masivos von MEVN :) Validar correos, poner la api de google y de facebook para auntenticarse :)
Puedes integrar firebase?
Estoy trabajando con postgreSQL y sequelize y tengo este problema:
TypeError: Cannot read property 'findAll' of undefined
No encuentro la razón de este error razón agradecería mucho algún tipo de ayuda.
como puedo hacer esto pero con ElectronJs? O sea, vuejs, expressjs, electronjs y alguna base de datos (firebase, mongodb, mysql)
Buenas, que extensión usan para que el código en express tenga color ?
Solicito añadir o crear otro con etiquetas, imagenes, login de usuarios y opcion de usar mysql
Si patroncito! :D
JAJAJAJ yo creo que a esa solicitud se le puede añadir un poco de incentivo con alguna donación para que tenga mayor peso. Un saludo!
MAS VIDEOS ASI!
profesor una pregunta usando este mismo stack MEVN como podemos usar middleware ? me ayuda por fa
Fazt que ODM recomiendas para MySQL, debido que no uso MongoDB ?
Puedes usar Sequelize es bastante popular docs.sequelizejs.com/ :)
muy buneo el curso, pero como puedo subir esto a un servidor como heroku ejemplo
Cómo haría esta app con json en vez de mongodb?
Fazt no veo el link de tu git.
No hagan este curso no es culpa del profesor pero, a partir del segundo video todo va cuesta bajo , el webpack no funciona (lo que uno instala esta desactualizado) y tienes que estar desperdiciando tiempo buscando mil maneras de que arranque . Pase mas tiempo pegando cinta adesiva al proyecto que haciendolo.
Sabes q probé a bajarlo y ponerlo en.un servidor y.Me da errores varios. Hay q poner algo más además del código q se baja?
Hola amigo. ¿en que servidor la desplegaste?. ¿Pudiste solucionar tu problema?
a mi me llega como undefined el req.body :c
x2 - pudiste solucionar el problema ?
Bro encontre una solución
el async que se declara en route me da problema:
const express = require('express'),
router = express.Router();
const socios = require('../models/socio');
router.get('/info', async (req, res) => {
const persona = await socios.find();
console.log(persona);
});
module.exports = router;
error:
SyntaxError: Unexpected token (
at createScript (vm.js:56:10)
at Object.runInThisContext (vm.js:97:10)
at Module._compile (module.js:542:28)
at Object.Module._extensions..js (module.js:579:10)
at Module.load (module.js:487:32)
at tryModuleLoad (module.js:446:12)
at Function.Module._load (module.js:438:3)
at Module.require (module.js:497:17)
at require (internal/module.js:20:19)
at Object. (C:\Users\mberkhoff\Documents\GitHub\vueJS\src\index.js:21:9)
at Module._compile (module.js:570:32)
at Object.Module._extensions..js (module.js:579:10)
at Module.load (module.js:487:32)
at tryModuleLoad (module.js:446:12)
at Function.Module._load (module.js:438:3)
at Module.runMain (module.js:604:10)
qué sera amigo fast?
Quizas sea tu version de Nodejs, asegurate de estar usando una que soporte async/await. siempre ten actualizado Node :)
lo deje con promise, olvide node amigo, gracias !
Que jodido es el webpack arroja un sin fin de errores de modulos :'(
Buenas tardes, alguien me podria indicar como poder hacer actualizacion en vue a una base de datos Sqlite3.
async function createTable() {
if (!await db.schema.hasTable("events")) {
await db.schema.createTable("events", table => {
table.increments("id");
table.text("title").notNullable().defaultTo("");
table.text("date").notNullable().defaultTo("");
});
}
}
module.exports = async app => {
await createTable();
app.use("/events", fknex({
Model: db,
name: "events"
}));
if (!await app.service("events").find().length) {
app.service("events").create({
id: 1,
title: "example event 1",
date: "2019-04-10"
});
debugger;
} else {
app.service("events").dropTable("events");
app.service("events").create({
id: 2,
title: "example event 2",
date: "2019-04-10"
});
}
My friend, speak in english
ya existen cursos en ingles por otros youtubers, saludos
iNVICTUX I’m glad u agreed to make an english vid. Thanks