✔ Viajeros ojala disfruten este nuevo vídeo y no se pierdan el vídeo anterior 📌 Como crear una página web con Bootstrap, CSS y HTMLS: ua-cam.com/video/ZRuNQVCQsg0/v-deo.html Y denle suscribir y a la campanita para que no se pierdan los futuros vídeos que se están horneando 👍
@@rgbds4windows Depende de la configuración de tu teclado por lo regular es la tecla antes del la tecla 1 o la tecla 1 oprimiendo alt Gr aquí te de dejo el carácter para que lo copies ||
@@rgbds4windows Podrías poner tu archivo webpack para ver como esta por fa Ya he subido el código a este repositorio para que lo puedas comparar de una mejor manera, github.com/EWebik/desarrolloWeb/tree/master/NodeJS/mi-primera-pagina-node-js
Gracias por tu vídeo, está muy bien explicado. Estaría muy bien que hicieras varios tutoriales tipo curso de node.js por favor, algo como el que estás haciendo con php... Felicidades, haces un buen trabajo
Disculpa una pregunta en el html me reconoce donde en la imagen se pone /static/ pero en la parte de Css en el banner y en style me sale error Pesé a que pongo en la ruta de las imágenes /static/ no se como podría hacer para que ya no me salga mas error
Hola @@studiosmuse6136 y @Bruno Aggazzani , una solución sería instalar exactamente las versiones de los paquetes que están en package.json o si han instalado versiones actualizadas, revisen sus archivos css donde llamen las imágenes, por ejemplo, url("/static/img/arq1.jpg"), modificar por, url("localhost:3000/static/img/arq1.jpg") en desarrollo, o por el dominio si están en producción, o bien, vayan cargando uno a uno cada archivo css para averiguar en cual de ellos esta tronando la aplicación y mándenme capturas para ver si puedo ayudarles un poco más, saludos
hola! consulta: cuando corro "npm run pro" me sale este error: npm ERR! Failed at the proyecto_integrador@1.0.0 pro script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above. Alguien sabe qe puedo hacer?
Hola Carolina, podrías enviarme mas información a contacto@ewebik.com.mx, con pantallazos, la estructura de tus carpetas, etc., para darme mayor idea y pueda ayudarte mejor, saludos.
Hola, quizá sea la versión de node, por favor prueba con la versión de node 16.18.1 y npm 8.19.2, debería funcionarte sin problema con esa versión, en este vídeo muestro como tener varias versiones de Node a través de NVM, ua-cam.com/video/xka975hpssEy/v-deo.htmla que tiene tiempo que lo hice, por fav
hola amigo muy buen video, espero hagas uno tambien de nodejs y angular ya que es un tema muy interesante y ambos tienen muchoque ver con javascript Saludos.
Buen día Carolina, en tus archivos css donde llames las imágenes, por ejemplo, url("/static/img/arq1.jpg"), modifica, url("localhost:3000/static/img/arq1.jpg") en desarrollo, o por el dominio si estas en producción, o bien, ve cargando uno a uno cada archivo css, para averiguar en cual de ellos esta tronando la aplicación, puedes mandarme alguna captura de pantalla de los errores en la consola, a contacto@ewebik.com.mx, para poderte ayudar mejor, saludos
@@EWebik Buenos dias, gracias por el video y por compartir tus conocimientos, tenia el mismo problema que Carolina y lo solucione con tu sugerencia. Sin embrago, me gustaria saber si tienes la explicacion del error. Gracias por tu ayuda
Hola @@davidsuarez2505 , el error depende del ambiente nodejs que se tenga montado, ya que yo lo he probado localmente, vps con linux e incluso lo he publicado en internet y me ha funcionado sin problema, en resumen, puede ser por las versiones de los paquetes, ya que, si puedes hacer la prueba instalando exactamente las versiones que vienen en package.json , seguramente te funcionará correctamente. Espero haberte podido ayudar, saludos
Hola, gracias por compartir tu conocimiento. Tengo un consulta, cuál es la diferencia entre dependencies y devDependencies ? en que casos se hace uso de cada uno de ellos.
Hola, no sé si ya después de mucho resolviste tu duda, pero la diferencia a lo que yo tengo entendido es que las dependencias de dev son para cuando estas creando la página es decir, dependencias que a ti como desarrollador te van ayudar con tu programa tal es el caso como "nodemon" que esta dependencia lo que hace es ir actualizando tu servidor cada cambio que hagas sin tener que reiniciarlo manualmente, esta dependencia no le serviría al usuario ya que el solo está para usar la página web.
Buenas! Tengo un problema, al ejecutar "npm run pro" me sale un error: "[webpack-cli] Error: Unknown option '-p'", no se como solucionarlo, me podrias ayudar porfavor. Gracias por el video me has ayudado mucho
Hola @panita17 , una solución sería instalar exactamente las versiones de los paquetes que están en package.json o si has instalado versiones actualizadas, revisa tus archivos css donde llamas las imágenes, por ejemplo, url("/static/img/arq1.jpg"), modifícalo por, url("localhost:3000/static/img/arq1.jpg") en desarrollo, o por el dominio si estas en producción, o bien, ve cargando uno a uno cada archivo css para averiguar en cual de ellos esta tronando la aplicación y mándenme capturas para ver si puedo ayudarles un poco más, saludos
Hola, lamentablemente aun no tengo un vídeo que explique ese tema, pero con express puedes hacer esto, solo debes migrar el html hacia el backend y servir el html desde el servidor en cada ruta que tienes, espero pronto subir este vídeo
En tus archivos css donde llames las imágenes, por ejemplo, url("/static/img/arq1.jpg"), modifica, url("localhost:3000/static/img/arq1.jpg") en desarrollo, o por el dominio si estas en producción, o bien, ve cargando uno a uno cada archivo css, para averiguar en cual de ellos esta tronando la aplicación, puedes mandarme alguna captura de pantalla de los errores en la consola, a contacto@ewebik.com.mx, para poderte ayudar mejor, saludos
@@EWebik Muchisimas gracias por tu respuesta. Ahora si que carga el archivo CSS solo que sigo teniendo problemas con la imagen. Ahora el error aparece en el navegador. NodeJS compila perfecto, la hoja de estilos se carga en el navegador pero la imagen a la que llamo desde la hoja de estilos no se carga y aparece un error pero esta vez en el navegador. Se entiende?
@@EWebik Ya esta solucionado. El navegador no me reconocía la dirección como una URL valida (me faltaba el ). La dirección completa quedo así: url("localhost:3000/static/img/arq1.jpg"). Lo escribo acá por si a alguien mas le sirve. Saludos!
Hola, a la hora de correr el servidor me sale un error, y eso es porque la configuración que le apalicaste es para la página en HTML que habías diseñado antes, lo que que me sale un error con index.js que obviamente no tengo ya que mi página la diseñe de otra manera, de antemano gracias por el contenido que subes para los que estamos iniciando en el desarrollo.
Hola Alberto, has intentado con el comando, npm cache clean, si tienes más problemas, puedes enviarme más información a contacto@ewebik.com.mx con capturas de pantalla, quizá pueda detectar algo más, saludos
Gracias por el conocimiento transmitido. Para ejecutar la aplicación en el terminal de VSC es: npm run des, o node src/server.js?. En localhost/mi-primera-pagina-web-node-js/index.html# trabaja bien. Buenas noches.
buen día; podrías poner disponible el código en un repositorio? no sé, tal ves soy de los pocos, pero no alcanzo a ver algunos detalles en el código; gracias!
Buenas! Tengo un problema, al ejecutar "npm run pro" me sale un error: "[webpack-cli] Error: Unknown option '-p'", no se como solucionarlo, me podrias ayudar por favor. Gracias por el video me has ayudado mucho
Hola, quizá sea la versión de node, ya que tiene tiempo que lo hice, por favor prueba con la versión de node 16.18.1 y npm 8.19.2, debería funcionarte sin problema con esa versión, en este vídeo muestro como tener varias versiones de Node a través de NVM, ua-cam.com/video/xka975hpssE/v-deo.html
✔ Viajeros ojala disfruten este nuevo vídeo y no se pierdan el vídeo anterior
📌 Como crear una página web con Bootstrap, CSS y HTMLS: ua-cam.com/video/ZRuNQVCQsg0/v-deo.html
Y denle suscribir y a la campanita para que no se pierdan los futuros vídeos que se están horneando 👍
14:05 AMIGO COMO PONES ESAS DOS PALITOS EN EL PUERTO 3000?
@@rgbds4windows Depende de la configuración de tu teclado por lo regular es la tecla antes del la tecla 1 o la tecla 1 oprimiendo alt Gr aquí te de dejo el carácter para que lo copies ||
@@EWebik amigo ya puse todo el cogigo pero al momento de poner node src/server.js no me arranca el servidor >:v
@@rgbds4windows Podrías poner tu archivo webpack para ver como esta por fa
Ya he subido el código a este repositorio para que lo puedas comparar de una mejor manera, github.com/EWebik/desarrolloWeb/tree/master/NodeJS/mi-primera-pagina-node-js
@@EWebik
const path = require('path');
const webpack = require('webpack');
const htmlwebpackplugin = require('html-webpack-plugin');
module.exports={
mode:'development',
entry: './src/cliente/js/index.js',
output:{
path:path.join(__dirname, 'dist'),
filename: 'bundle.js'
},
module:{
rules:[
{
test:/\.css$/,
use:['style-loader','css-loader' ]
}
]
},
plugins:[
new htmlwebpackplugin({
template:'./src/cliente/index.html'
})
]
};
Mi salvador!!! Justo estaba buscando esto! GRACIAS mi pana ! Saludos desde Venezuela!
Excelente amigo, saludos
Gracias por tu vídeo, está muy bien explicado.
Estaría muy bien que hicieras varios tutoriales tipo curso de node.js por favor, algo como el que estás haciendo con php... Felicidades, haces un buen trabajo
Gracias amigo, si ya ando preparando mas cursos así en varios lenguajes espero no demorar mucho, Saludos!!
Disculpa una pregunta en el html me reconoce donde en la imagen se pone /static/ pero en la parte de Css en el banner y en style me sale error Pesé a que pongo en la ruta de las imágenes /static/ no se como podría hacer para que ya no me salga mas error
Hola Sbierh, puedes enviarme el error y capturas de pantalla para entender mejor a contacto@ewebik.com.mx
Tengo el mismo problema. Pudiste solucionarlo?
tengo el mismo problema.. pudieron solucionarlo??
Hola @@studiosmuse6136 y @Bruno Aggazzani , una solución sería instalar exactamente las versiones de los paquetes que están en package.json o si han instalado versiones actualizadas, revisen sus archivos css donde llamen las imágenes, por ejemplo, url("/static/img/arq1.jpg"), modificar por, url("localhost:3000/static/img/arq1.jpg") en desarrollo, o por el dominio si están en producción, o bien, vayan cargando uno a uno cada archivo css para averiguar en cual de ellos esta tronando la aplicación y mándenme capturas para ver si puedo ayudarles un poco más, saludos
Hola... Se queda congelado en node src/server.js Ayuda por favor. Gracias.
hola! consulta: cuando corro "npm run pro" me sale este error: npm ERR! Failed at the proyecto_integrador@1.0.0 pro script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above. Alguien sabe qe puedo hacer?
Hola Carolina, podrías enviarme mas información a contacto@ewebik.com.mx, con pantallazos, la estructura de tus carpetas, etc., para darme mayor idea y pueda ayudarte mejor, saludos.
code: 'MODULE_NOT_FOUND',
requireStack: []
tengo error de que no encuentra el modulo , como puedo repararlo?
Hola, quizá sea la versión de node, por favor prueba con la versión de node 16.18.1 y npm 8.19.2, debería funcionarte sin problema con esa versión, en este vídeo muestro como tener varias versiones de Node a través de NVM, ua-cam.com/video/xka975hpssEy/v-deo.htmla que tiene tiempo que lo hice, por fav
hola amigo muy buen video, espero hagas uno tambien de nodejs y angular ya que es un tema muy interesante y ambos tienen muchoque ver con javascript Saludos.
Hola melp gracias, si tengo planeado algunos temas, solo tenerme un poco paciencia, te envió un saludo.
Buenos dias mira tome una plantilla de internet y la adapte para mi pagina pero solo me carga el html tengo problemas con el css y los estilo
Buen día Carolina, en tus archivos css donde llames las imágenes, por ejemplo, url("/static/img/arq1.jpg"), modifica, url("localhost:3000/static/img/arq1.jpg") en desarrollo, o por el dominio si estas en producción, o bien, ve cargando uno a uno cada archivo css, para averiguar en cual de ellos esta tronando la aplicación, puedes mandarme alguna captura de pantalla de los errores en la consola, a contacto@ewebik.com.mx, para poderte ayudar mejor, saludos
@@EWebik Buenos dias, gracias por el video y por compartir tus conocimientos, tenia el mismo problema que Carolina y lo solucione con tu sugerencia. Sin embrago, me gustaria saber si tienes la explicacion del error. Gracias por tu ayuda
Hola @@davidsuarez2505 , el error depende del ambiente nodejs que se tenga montado, ya que yo lo he probado localmente, vps con linux e incluso lo he publicado en internet y me ha funcionado sin problema, en resumen, puede ser por las versiones de los paquetes, ya que, si puedes hacer la prueba instalando exactamente las versiones que vienen en package.json , seguramente te funcionará correctamente. Espero haberte podido ayudar, saludos
COMO PUEDO PONER A LA WEB QUE CREADO EN NODE.JS DENTRO DE UN VPS W2012 R2 UN CERTIFICADO SSL
Así puedes implementar uno gratuito desde la consola ewebik.com/servidores/instalar-certificado-ssl-gratuito
Buenas!!! Tengo un problema no me lee mi archivo index.js, al poner los archivos de css aperece error
Hola, mándame un correo con los errores que te marca o captura de pantalla, quizá sea más fácil ayudarte, saludos
Hola, gracias por compartir tu conocimiento. Tengo un consulta, cuál es la diferencia entre dependencies y devDependencies ? en que casos se hace uso de cada uno de ellos.
Hola, no sé si ya después de mucho resolviste tu duda, pero la diferencia a lo que yo tengo entendido es que las dependencias de dev son para cuando estas creando la página es decir, dependencias que a ti como desarrollador te van ayudar con tu programa tal es el caso como "nodemon" que esta dependencia lo que hace es ir actualizando tu servidor cada cambio que hagas sin tener que reiniciarlo manualmente, esta dependencia no le serviría al usuario ya que el solo está para usar la página web.
me dice error no se pudo encontrar el modulo
me pasa igual
Buenas! Tengo un problema, al ejecutar "npm run pro" me sale un error: "[webpack-cli] Error: Unknown option '-p'", no se como solucionarlo, me podrias ayudar porfavor. Gracias por el video me has ayudado mucho
A mi me pasa lo mismo :(
Buen Vídeo
Gracias @vicelike
No me salen las imágenes, ayuda :(
Hola @panita17 , una solución sería instalar exactamente las versiones de los paquetes que están en package.json o si has instalado versiones actualizadas, revisa tus archivos css donde llamas las imágenes, por ejemplo, url("/static/img/arq1.jpg"), modifícalo por, url("localhost:3000/static/img/arq1.jpg") en desarrollo, o por el dominio si estas en producción, o bien, ve cargando uno a uno cada archivo css para averiguar en cual de ellos esta tronando la aplicación y mándenme capturas para ver si puedo ayudarles un poco más, saludos
@@EWebik Gracias ya me salieron las imágenes :)
Una pregunta como agrego las rutas de las otras paginas que tengo en mi proyecto ?
Hola, lamentablemente aun no tengo un vídeo que explique ese tema, pero con express puedes hacer esto, solo debes migrar el html hacia el backend y servir el html desde el servidor en cada ruta que tienes, espero pronto subir este vídeo
Module build failed (from ./node_modules/css-loader/dist/cjs.js).
A alguien más le pasa lo mismo?
En tus archivos css donde llames las imágenes, por ejemplo, url("/static/img/arq1.jpg"), modifica, url("localhost:3000/static/img/arq1.jpg") en desarrollo, o por el dominio si estas en producción, o bien, ve cargando uno a uno cada archivo css, para averiguar en cual de ellos esta tronando la aplicación, puedes mandarme alguna captura de pantalla de los errores en la consola, a contacto@ewebik.com.mx, para poderte ayudar mejor, saludos
@@EWebik Muchisimas gracias por tu respuesta. Ahora si que carga el archivo CSS solo que sigo teniendo problemas con la imagen. Ahora el error aparece en el navegador.
NodeJS compila perfecto, la hoja de estilos se carga en el navegador pero la imagen a la que llamo desde la hoja de estilos no se carga y aparece un error pero esta vez en el navegador. Se entiende?
@@EWebik Ya esta solucionado.
El navegador no me reconocía la dirección como una URL valida (me faltaba el ).
La dirección completa quedo así: url("localhost:3000/static/img/arq1.jpg").
Lo escribo acá por si a alguien mas le sirve.
Saludos!
Excelente amigo, yo creo que si le será de mucha ayuda a la comunidad, saludos!!!
@@brunoaggazzani1749 4 meses despues y me salvaste de una noche laaaarga encontrando el error, jaja, gracias
Hola, a la hora de correr el servidor me sale un error, y eso es porque la configuración que le apalicaste es para la página en HTML que habías diseñado antes, lo que que me sale un error con index.js que obviamente no tengo ya que mi página la diseñe de otra manera, de antemano gracias por el contenido que subes para los que estamos iniciando en el desarrollo.
Hola benjamín, muchas gracias, me da gusto que te hayan sido útil, saludos
Me sale el error:
npm ERR! code ENOENT
npm ERR! syscall open
No se como solucionarlo :(
Hola Alberto, has intentado con el comando, npm cache clean, si tienes más problemas, puedes enviarme más información a contacto@ewebik.com.mx con capturas de pantalla, quizá pueda detectar algo más, saludos
Gracias por el conocimiento transmitido. Para ejecutar la aplicación en el terminal de VSC es: npm run des, o node src/server.js?. En localhost/mi-primera-pagina-web-node-js/index.html# trabaja bien. Buenas noches.
Hola Carlos, puedes usar cualquiera de los dos, aunque en lo personal prefiero utilizar npm run des, saludos
buen día; podrías poner disponible el código en un repositorio? no sé, tal ves soy de los pocos, pero no alcanzo a ver algunos detalles en el código; gracias!
Hola, claro te dejo el link del repositorio, Saludos github.com/EWebik/desarrolloWeb/tree/master/NodeJS/mi-primera-pagina-node-js
@@EWebik Gracias!! Muy buen tutorial; termine mi app y ahora la subi a herokku, para probarla,, bendiciones!!
Felicidades bro!! Y mucho éxito en todo
Me gusta la música!! Cual es?
me sale que ese archivo no existe mas
x2, lo solucionaste?
Mala decisión esa música de fondo.
Buenas! Tengo un problema, al ejecutar "npm run pro" me sale un error: "[webpack-cli] Error: Unknown option '-p'", no se como solucionarlo, me podrias ayudar por favor. Gracias por el video me has ayudado mucho
Hola, quizá sea la versión de node, ya que tiene tiempo que lo hice, por favor prueba con la versión de node 16.18.1 y npm 8.19.2, debería funcionarte sin problema con esa versión, en este vídeo muestro como tener varias versiones de Node a través de NVM, ua-cam.com/video/xka975hpssE/v-deo.html