fazt eres un capooooooo!!! inspiras demasiado a seguir en este mundo del desarrollo web, me gusta cuando algo no te sale y humanamente dices: "que extraño" eres grande!
Excelente, lo segui paso a paso y me gusto mucho aun estoy en pañales en la programacion pero este video me ha entusiasmado para seguir aprendiendo mas Vanilla JS antes de meterme a un Framework, Buen trabajo!
Fazt recién termino de ver tu video, la verdad impresionante...!!!!!, me aclaro (o me genero mas dudas) de como funcionan los frame de JS, impresionante como simplifican las cosas, casi que te dan todo hecho y en este video, esto si es laburar con JS, ojala puedas profundizar mas en este tipo de proyectos, con VanillaJS, que facilitan la comprensión del funcionamiento de lo frame de JS. Lejos el mejor video en español, ya que en YT solo encontré el tuyo. Sigue así amigo.
Muchas gracias Fazt, necesitaba un buen repaso de JS puro, ya que tanto framework a veces nos hace olvidar las bases. mucho React y Angular hacen que uno ya no se acuerde ni para que sirve un onload() XD
Y aún mas. Se puede mejorar este ejercicio. Yo utilice los modulos de Javascript, sin necesidad de crear un proyecto en NodeJS para usar webpack. simplemente importas el tag script con el atributo type="module" y listo. ya tienes los import para tener tu logica del SPA sin tener que transpilar. Para la parte del HTML tienes que hacer fetch al HTML o lo manejas con template strings segun lo necesites. Genial video.
El error del min 24:00 es por un typo en la primera rule, { test: /.css$/i, //... } agregando un backslash antes de .css -> test: /\.css$/i funciona perfectamente min 29:00 lo resuelve :V Buen video crack, gracias
Muchas gracias por tus aportaciones, una cosita que no se que pasa con tu proyecto, ¿me podrías explicar porque no funciona el webpack-dev-server? me da eeror de que falta esto webpack-cli/bin/config-yargs yo he instalado webpack-cli ¿Quizás haya que instalarlo -g?, y en el archivo de configuracion de webpack en producción, el template de HtmlWebpackPlugin no debe ser "./distindex.html"? gracias de antemano
Uso Sass compiler, live server y tengo las mismas ventajas. Cual vendría siendo la ventaja de tener webpack frente a las extensiones de Vscode? Se ve mucho trabajo para obtener el mismo resultado 🤨
Webpack tiene como beneficio de usar varias tecnologías y luego compilar todo en un archivo o muy pocos. Tene en cuenta que hay muchas tecnologías que en si cumple la misma función así que segui usando con criterio las tecnologías y también cuales son tendencias (ya que serán las demandadas)
En el minuto 43 creas un elemento dándole el nombre de divElement y luego le inyectas la vista para el home, posteriormente en el switch para el caso de que sea la pagina principal lo pintas con appendChild, por que lo haces asi, es vez de inyectarlo de una vez en el switch con innerHTML?
Alguien sabrá porqué no puedo usar el comando del min 12:04 dice, Error:option '-d, --devtool ' argument missing :L ya agrege lo de devtool: 'source-map' pero no me funciona
buenas noches, disculpen la ignorancia; pero... Subo todo el proyecto al hosting o que parte debo subir. Agradezco de antemano las respuestas, saludos :D
Hola @Fazt me tira este error al ejecutar en windows el comando npx webpack : "L\Desktop\SPA ode_modules\.bin\" no se reconoce como un comando interno o externo, programa o archivo por lotes ejecutable. internal/modules/cjs/loader.js:883 throw err; ^ Error: Cannot find module 'C:\Users\webpack\bin\webpack.js' at Function.Module._resolveFilename (internal/modules/cjs/loader.js:880:15) at Function.Module._load (internal/modules/cjs/loader.js:725:27) at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:72:12) at internal/main/run_main_module.js:17:47 { code: 'MODULE_NOT_FOUND', requireStack: [
Saludos, estoy intentando usar codigo javascript normal dentro de los componentes pero no he podido hacerlo. Como puede usar un simple addEventListerner dentro de un componente? En general, poder manipular el DOM?. Eso se debe al async await ? Como hago para poder usar el DOM en un SPA ? Me salen errores del tipo: Uncaught TypeError: Cannot read property 'addEventListener' of null Gracias
Consulta, no es lo mismo que usar Live Server? cual es la diferencia? si se ve reflejado tambien los cambios en Live Server. Me podrias explicar cual es la diferencia, gracias! Excelente explicacion, me re ayuda!
hola, los archivos .htm pueden ser usados por el html-loader?,como?; por que me da error como si no tuviera el html-loader instalado, hay algún loader especifico para .htm?
Hola man, gracias por compartir tus conociemientos. Te hago una pregunta, sabes porque me da este error: [webpack-cli] Error: Option '-d, --devtool ' argument missing, al escribir npx webpack -d?, estoy buscando una solucion pero no estoy encontrando.
Gracias. Buen trabajo. Se nota que tiene un dominio sobre javascript y npm. Como "escribir menos y que haga mas". Tiene algo como un clon de jquery y alpinejs juntos. Ideas de como hacerlo.
Hola! Gracias por el video! Cual es el extencion que tienes parecida a una N en el side bar? Y cual es la que tiene un icono algo asi >< abajo al lado de la configuracion?
Saludos, en el 2021 el npx webpack no me genera todo el codigo completo que te aparece en el video para la carpeta /dist. Ha cambiando webpack en el 2021? Gracias
He actualizado el código, porque los comandos de webpack no funcionaban, debido a que cambiaron un poco. te dejo el codigo: github.com/FaztWeb/javascript-spa-simple
Fazt estoy haciendo un proyectito para mi negocio basado en estos tutoriales, he avanzo bastante pero me falta como integrar el tutorial SPA (15) a los anteriores, he probado de muchas formas no me sale.
Pero al final queda como react digamoslo... todo dentro de un div o main o lo que se tenga como "root"... pero hay algo que me llama la atención... el tema del SEO... me podrían alguien decir de que manera afecta al SEO? (soy nuevo en este tema).. Ahora, esto es como react, entonces podría sustituirse por react esta manera de trabajo..?
Hola carlos, este ejemplo practico es parecido a React, basicamente porque React tambien permite crear Aplicaciones Single Page, o aplicaciones de una sola pagina, aunque la idea es la misma para otros frameworks como angular o vue por ejemplo. el asunto es que estos frameworks, mucho mas que tan solo sintaxis también ofrecen herramientas que mejoran el rendimiento en producción de un sitio, o hacen que las tareas repetitivas que se ven en este video, se resuelvan facilmente. Tambien justo como mencionas este tipo de aplicaciones tiene un impacto en SEO, ya que un buscador al cargar la pagina lo primero que vez es solo un div, y no hay contenido. es por esto que hay frameworks de Server side Rendering, que lo que hacen basicamente es enviar la primera carga con contenido para que los buscadores no solo vean un div. Estos son mas difíciles de configurar desde cero, así que hay frameworks como Nextjs, o Nuxt que lo resuelven fácilmente. Por ultimo este ejemplo de SPA no es recomendado para un proyecto real, al dia de hoy causa mucho trabajo crear uno desde cero y los frameworks lo resuelven muy facil. pero este proyecto ayuda a entender de forma muy basica que es lo que hacen los frameworks SPA :) Saludos
Muchas gracias Fazt. Me dio una idea básica de cómo funcionan los frameworks. Si bien son muchos más complejos esta idea es excelente. Lo que no me quedó claro es: nunca más creaste la carpeta dist. Al finalizar, hay que correr npm webpack para crearla? Qué se sube al servidor solo esa carpeta? Igualmente excelente tutorial.
Podrías explicar cómo agregar imágenes en un proyecto similar a este? He tratado con file loader pero al intentar cargar una imagen desde otro archivo que no sea index.html me da error que no la existe el archivo. Gracias!
Hola Fazt, me gusta mucho tu canal gracias por tus aportes, mi pregunta curiosa es la siguiente, seria recomendable implementar Single Page Application (SPA) pero con laravel, es que utilizo laravel pero mis rutas demoran 4 segundos en cargar, rutas no consumen ninguna api, solo una vista y ya, pienso que asi es un poco mas rapido, consume menos recursos, Gracias quedo atento, saludos desde colombia
Que tal, de primera Muchas gracias por tus aportes estan super bien explicados, de hecho con este intente subirla a un servidor por que no habia subido una en puro javascript pero me aparece este mensaje "Invalid Host header" sabes a que se debe?
Una consulta, hay algunos comandos que no me funcionan bien por ejemplo 'npx webpack -d' me dice que no es un comando valido. Por otro lado cuando haces el primer bundle en el minuto 9 aproximadamente, solo me parece el console.log pero no me sale todo lo demás en el archivo bundle.js a que se debe? Muchas gracias!!!
Hola Fazt, tengo un problema al seguir tu tutorial, cuando ejecuto el servidor de desarrollo me aparece este error Cannot find module 'webpack-cli/bin/config-yargs'
Cuando ejecuto la linea npx webpack sale un error y es el siguiente: ERROR in ./node_modules/css-loader/dist/runtime/api.js (./node_modules/css-loader/dist/cjs.js!./node_modules/css-loader/dist/runtime/api.js) Module build failed (from ./node_modules/css-loader/dist/cjs.js): CssSyntaxError (1:1) Unknown word > 1 | "use strict"; alguien sabe como solucionarlo Gracias!!!!!!!!!!!!!!
Hola amigo, quizás ya lo resolviste, pero igualmente le puede servir a otra persona. El comando, a partir de la versión 5 de webpack es: "npx webpack serve"
@@yolandajoseribasbastidas8460 es porque los piden las empresas se van por lo más fácil para cobrar más al cliente y pagar lo mínimo al coder argumentando producto de buena calidad, con poco testing.
@Miguel De eso se trata bro, tu arte consiste en como configuras un MVC y la arquitectura de datos, quienes afirman "no reinventar la rueda" desconocen el momento de inercia y su estabilidad a alta velocidad, saludos crack ojalá sigas aprendiendo mucho de este arte.
@@yolandajoseribasbastidas8460 tampoco garantizan la calidad de tu algoritmo, después del despliegue puede resultar algo inesperado, un saludo te me cuidas amiga mia!
Ahora crea una vista donde se pueda crear una lista que contenga la informacion de usuarios y en esa misma lista tengas dos botones, uno para visualizar todo el contenido y el otro donde se pueda eliminar un usuario, en este mismo proyecto.
fazt eres un capooooooo!!! inspiras demasiado a seguir en este mundo del desarrollo web, me gusta cuando algo no te sale y humanamente dices: "que extraño" eres grande!
Excelente, lo segui paso a paso y me gusto mucho aun estoy en pañales en la programacion pero este video me ha entusiasmado para seguir aprendiendo mas Vanilla JS antes de meterme a un Framework, Buen trabajo!
Un video perfecto para antes de pasar a cualquier librería o framework
increíble aporte Fazt!
Fazt recién termino de ver tu video, la verdad impresionante...!!!!!, me aclaro (o me genero mas dudas)
de como funcionan los frame de JS, impresionante como simplifican las cosas, casi que te dan
todo hecho y en este video, esto si es laburar con JS, ojala puedas profundizar mas en este tipo de proyectos,
con VanillaJS, que facilitan la comprensión del funcionamiento de lo frame de JS.
Lejos el mejor video en español, ya que en YT solo encontré el tuyo. Sigue así amigo.
Muchas gracias bro, estoy terminando un pequeño portafolio para juegos de niños. Tus videos me sirven demasiado.
Fazt has creado el mejor Tutorial Vanilla SPA, sos máquina!!!
Muchas gracias Fazt, necesitaba un buen repaso de JS puro, ya que tanto framework a veces nos hace olvidar las bases. mucho React y Angular hacen que uno ya no se acuerde ni para que sirve un onload() XD
Y aún mas. Se puede mejorar este ejercicio. Yo utilice los modulos de Javascript, sin necesidad de crear un proyecto en NodeJS para usar webpack. simplemente importas el tag script con el atributo type="module" y listo. ya tienes los import para tener tu logica del SPA sin tener que transpilar. Para la parte del HTML tienes que hacer fetch al HTML o lo manejas con template strings segun lo necesites. Genial video.
Muchas gracias Fazt por semejante aporte de conocimientos a la comunidad y tan bien explicado como siempre!
Esto es importanticimo para comenzar con cualquier framework, gracias :D
El error del min 24:00 es por un typo en la primera rule,
{
test: /.css$/i,
//...
}
agregando un backslash antes de .css -> test: /\.css$/i funciona perfectamente
min 29:00 lo resuelve :V
Buen video crack, gracias
Muy bien explicado como siempre fazt, sería bueno que hiciera un vídeo explicando como funciona el data binding de los frameworks js
Te felicito, un espectacular ejemplo, he aprendido de todo...
Tarea nueva para pasar el fin de semana programando💻😁
Muy bien video, muchas gracias Fazt Code, hoy has ganado un nuevo sub !
Gracias por tu constancia. Un saludo.
Muchas gracias por tus aportaciones, una cosita que no se que pasa con tu proyecto, ¿me podrías explicar porque no funciona el webpack-dev-server? me da eeror de que falta esto webpack-cli/bin/config-yargs yo he instalado webpack-cli ¿Quizás haya que instalarlo -g?, y en el archivo de configuracion de webpack en producción, el template de HtmlWebpackPlugin no debe ser "./distindex.html"?
gracias de antemano
Fazt te amo eres el puto amo del javascript, fazt pudieras hablar de como utilizar la orientacion a objeto y el uml con node e javascript
Increíble, como va subiendo la calidad del contenido 👏
Crear librerías de Angular Fazt, eres el mejor!!!
Fazt eres un crack. Gracias por tus videos, son de gran ayuda.
Me has salvado en más de una ocasión ❤️
Muchas gracias Fazt por tu videos. Saludos
Uso Sass compiler, live server y tengo las mismas ventajas. Cual vendría siendo la ventaja de tener webpack frente a las extensiones de Vscode? Se ve mucho trabajo para obtener el mismo resultado 🤨
Webpack tiene como beneficio de usar varias tecnologías y luego compilar todo en un archivo o muy pocos. Tene en cuenta que hay muchas tecnologías que en si cumple la misma función así que segui usando con criterio las tecnologías y también cuales son tendencias (ya que serán las demandadas)
Hola FAZT, una pregunta.... por que cuando ejecuto npx webpack -d da este error?
En el minuto 43 creas un elemento dándole el nombre de divElement y luego le inyectas la vista para el home, posteriormente en el switch para el caso de que sea la pagina principal lo pintas con appendChild, por que lo haces asi, es vez de inyectarlo de una vez en el switch con innerHTML?
Alguien sabrá porqué no puedo usar el comando del min 12:04 dice, Error:option '-d, --devtool ' argument missing :L ya agrege lo de devtool: 'source-map' pero no me funciona
buenas noches, disculpen la ignorancia; pero...
Subo todo el proyecto al hosting o que parte debo subir.
Agradezco de antemano las respuestas, saludos :D
Cual es la competencia que tienen las SPA ?.sldos
Muchas gracias por tus vídeos :3
[webpack-cli] Error: Option '-d, --devtool ' argument missing
[webpack-cli] Run 'webpack --help' to see available commands and options
Podrías hacer este tutorial y agregarle comunicación con un API REST? algo con MongoDB? se puede hacer una aplicación real time o PWA?
Muchas gracias
una pregunta y si quisiera importar archivos de handlebars en vez de html, como se ria el proceso?
Este comentario es algo tarde, pero los "SPA" sirven para el github host?
Hola Fazt, pregunta ¿Si continúaste haciendo la siguiente versión? Es que busco y no lo encontré, ¿en este tipo de páginas se les puede poner plugins?
Muchas gracias por compartir conocimiento.
Eso que acabaste de hacer es Vanilla JS?
tengo una pregunta, como puedo establecer un route como pagina de inicio?
Me podrian ayudar a como solucionar el error de MODULO NO ENCONTRADO al ejecutar npx webpack-dev-server porfavor
Hola @Fazt me tira este error al ejecutar en windows el comando npx webpack :
"L\Desktop\SPA
ode_modules\.bin\" no se reconoce como un comando interno o externo,
programa o archivo por lotes ejecutable.
internal/modules/cjs/loader.js:883
throw err;
^
Error: Cannot find module 'C:\Users\webpack\bin\webpack.js'
at Function.Module._resolveFilename (internal/modules/cjs/loader.js:880:15)
at Function.Module._load (internal/modules/cjs/loader.js:725:27)
at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:72:12)
at internal/main/run_main_module.js:17:47 {
code: 'MODULE_NOT_FOUND',
requireStack: [
y para desplegar la aplicacion debo hacerlo en una vps??
Genial, esto si o si lo puedo aplicar solo para una spa o lo puedo usar para otras cosas ejemplo ecommerce? O es mucho
Tendrás en udemy un curso tipo 30 horas o algo asi programando contigo, de MERN ? saludos Fazt crack
npx webpack
Module not found: Error: Can't resolve './src'
Muchas gracias , me funciono bastante bien 😁
saludos fazt gracias por este excelente video :D
Saludos, estoy intentando usar codigo javascript normal dentro de los componentes pero no he podido hacerlo. Como puede usar un simple addEventListerner dentro de un componente? En general, poder manipular el DOM?. Eso se debe al async await ? Como hago para poder usar el DOM en un SPA ?
Me salen errores del tipo: Uncaught TypeError: Cannot read property 'addEventListener' of null
Gracias
go una amanecida, con el curso
¡Tremendo tu video bro!! ¿Recuerdas aún el tema e iconos que usas en el VSCode en este video??
Lo que tanto estaba buscando
Consulta, no es lo mismo que usar Live Server? cual es la diferencia? si se ve reflejado tambien los cambios en Live Server. Me podrias explicar cual es la diferencia, gracias! Excelente explicacion, me re ayuda!
hola, los archivos .htm pueden ser usados por el html-loader?,como?; por que me da error como si no tuviera el html-loader instalado, hay algún loader especifico para .htm?
En que aspectos es mas poderoso de esta forma en vez de hacer una spa con vue js o react?
Alguien sabe si en vite se puede parsear el html a string como lo hace aqui en webpack?
Esto está muy interesante.
Tengo un error en la vista products. Cuando pulso en esa vista se me muestran los posts y eso no debería ser así
Gracias x compartir siempre!!!
Hola man, gracias por compartir tus conociemientos. Te hago una pregunta, sabes porque me da este error: [webpack-cli] Error: Option '-d, --devtool ' argument missing, al escribir npx webpack -d?, estoy buscando una solucion pero no estoy encontrando.
no se encuentra esta solución
Gracias. Buen trabajo. Se nota que tiene un dominio sobre javascript y npm. Como "escribir menos y que haga mas". Tiene algo como un clon de jquery y alpinejs juntos. Ideas de como hacerlo.
Buenas, esto sería conveniente aplicarlo en un login? Saludos
Excelente contenido!!!
Wow... Como le haces para saber tanto... Alguna recomendación? Saludos, eres un crack!
practicando y auto didacta, perseverancia.
Tu no eres faztcode, tu eres faztGOD
Gracias bro sos el mejor. 💯👌
Qué buen vídeo....
Alguien me puede decir por que ocupar el # en las rutas por ejemplo #/posts y no solo /post ??
Es para que se quede en el mismo documento. Si fuera sin #, va intentar buscar otro documento.
Hola consulta de principiante: y como se compila esto??? o no se compila?
Alguien sabe el tema de VSC
Hola! Gracias por el video! Cual es el extencion que tienes parecida a una N en el side bar? Y cual es la que tiene un icono algo asi >< abajo al lado de la configuracion?
Saludos, en el 2021 el npx webpack no me genera todo el codigo completo que te aparece en el video para la carpeta /dist. Ha cambiando webpack en el 2021? Gracias
Hola Logos Pod-Cast, me temo que sí. pero ya que me has avisado voy a actualizar este ejemplo. Gracias
He actualizado el código, porque los comandos de webpack no funcionaban, debido a que cambiaron un poco. te dejo el codigo:
github.com/FaztWeb/javascript-spa-simple
Fazt estoy haciendo un proyectito para mi negocio basado en estos tutoriales, he avanzo bastante pero me falta como integrar el tutorial SPA (15) a los anteriores, he probado de muchas formas no me sale.
please, help me
Pero al final queda como react digamoslo... todo dentro de un div o main o lo que se tenga como "root"... pero hay algo que me llama la atención... el tema del SEO... me podrían alguien decir de que manera afecta al SEO? (soy nuevo en este tema).. Ahora, esto es como react, entonces podría sustituirse por react esta manera de trabajo..?
Hola carlos, este ejemplo practico es parecido a React, basicamente porque React tambien permite crear Aplicaciones Single Page, o aplicaciones de una sola pagina, aunque la idea es la misma para otros frameworks como angular o vue por ejemplo. el asunto es que estos frameworks, mucho mas que tan solo sintaxis también ofrecen herramientas que mejoran el rendimiento en producción de un sitio, o hacen que las tareas repetitivas que se ven en este video, se resuelvan facilmente.
Tambien justo como mencionas este tipo de aplicaciones tiene un impacto en SEO, ya que un buscador al cargar la pagina lo primero que vez es solo un div, y no hay contenido. es por esto que hay frameworks de Server side Rendering, que lo que hacen basicamente es enviar la primera carga con contenido para que los buscadores no solo vean un div. Estos son mas difíciles de configurar desde cero, así que hay frameworks como Nextjs, o Nuxt que lo resuelven fácilmente.
Por ultimo este ejemplo de SPA no es recomendado para un proyecto real, al dia de hoy causa mucho trabajo crear uno desde cero y los frameworks lo resuelven muy facil. pero este proyecto ayuda a entender de forma muy basica que es lo que hacen los frameworks SPA :) Saludos
Hey tu que disfrutas de este video Si tienes el bloqueo de anuncios quitalo no te cuesta nada!
Muchas gracias Fazt. Me dio una idea básica de cómo funcionan los frameworks. Si bien son muchos más complejos esta idea es excelente.
Lo que no me quedó claro es: nunca más creaste la carpeta dist. Al finalizar, hay que correr npm webpack para crearla? Qué se sube al servidor solo esa carpeta?
Igualmente excelente tutorial.
Así es. Es igual a los frameworks de frontend que crean una carpeta dist. Esa es la que subirías a la nube o a tu servidor de producción
Podrías explicar cómo agregar imágenes en un proyecto similar a este? He tratado con file loader pero al intentar cargar una imagen desde otro archivo que no sea index.html me da error que no la existe el archivo. Gracias!
Hola Fazt, me gusta mucho tu canal gracias por tus aportes, mi pregunta curiosa es la siguiente, seria recomendable implementar Single Page Application (SPA) pero con laravel, es que utilizo laravel pero mis rutas demoran 4 segundos en cargar, rutas no consumen ninguna api, solo una vista y ya, pienso que asi es un poco mas rapido, consume menos recursos, Gracias quedo atento, saludos desde colombia
Genial! pero despues del minuto 12 no se mas la carpeta /dis/ y el archivo bundle.js! tampoco se hicieron comentarios del usu del archivo.
Tío Fazt, ¿cómo haces para moverte a la siguiente palabra en el código?
Cntrl + ->
Que tal, de primera Muchas gracias por tus aportes estan super bien explicados, de hecho con este intente subirla a un servidor por que no habia subido una en puro javascript pero me aparece este mensaje "Invalid Host header" sabes a que se debe?
Nuevamente muchas gracias brother
Una consulta, hay algunos comandos que no me funcionan bien por ejemplo 'npx webpack -d' me dice que no es un comando valido. Por otro lado cuando haces el primer bundle en el minuto 9 aproximadamente, solo me parece el console.log pero no me sale todo lo demás en el archivo bundle.js a que se debe?
Muchas gracias!!!
Buenas para que te salga en bundle.js, solo tienes que escribir npx webpack
@@piercebaker5178 no es la respuesta que estamos buscando -d sería para ver el html en varias líneas
@@mekerdreams ok entiendo. Si ya se a que se refieren. Es correcto con el -d no tabula para verlo en HTML.
@@piercebaker5178 hola, hago todo tal pero me marca un error 'in main'
al parecer ahora es webpack serve
gran video crack
Hola Fazt, tengo un problema al seguir tu tutorial, cuando ejecuto el servidor de desarrollo me aparece este error Cannot find module 'webpack-cli/bin/config-yargs'
Yo tuve ese mismo error y lo solucioné instalando una versión anterior de Node.
"npx webpack serve" es el nuevo comando desde la version 5. Cada vez que veas "webpak-dev-server" tu piensa en "webpack serve". Saludos!!
Fazt es posible hacer este ejemplo con Vite?
Es una excelente idea, voy a pasarlo a vite y renovar algunas cosas de este ejemplo para esta semana
Seguirá siendo VanillaJS, pero usando Vite :)
siento que es mejor parcel, es más sencillo de usar y no hay mucha diferencia
"npx webpack serve" A partir de la version 5
Te amo
@@prinosmisiones7597 x2
Cuando ejecuto la linea npx webpack sale un error y es el siguiente:
ERROR in ./node_modules/css-loader/dist/runtime/api.js (./node_modules/css-loader/dist/cjs.js!./node_modules/css-loader/dist/runtime/api.js)
Module build failed (from ./node_modules/css-loader/dist/cjs.js):
CssSyntaxError
(1:1) Unknown word
> 1 | "use strict"; alguien sabe como solucionarlo Gracias!!!!!!!!!!!!!!
Me podrian ayudar a como solucionar el error de MODULO NO ENCONTRADO al ejecutar npx webpack-dev-server porfavo X2
Hola amigo, quizás ya lo resolviste, pero igualmente le puede servir a otra persona. El comando, a partir de la versión 5 de webpack es: "npx webpack serve"
como evito que al estar en alguna ruta recargue y me marque 404
Es increíble el poder de Ecmascript6, me pregunto porqué utilizar frameworks si el nativo es tan potente.
Porque los tiempos de desarrollo necesitan ser acortados "lo mas que se pueda"
@@yolandajoseribasbastidas8460 es porque los piden las empresas se van por lo más fácil para cobrar más al cliente y pagar lo mínimo al coder argumentando producto de buena calidad, con poco testing.
@Miguel De eso se trata bro, tu arte consiste en como configuras un MVC y la arquitectura de datos, quienes afirman "no reinventar la rueda" desconocen el momento de inercia y su estabilidad a alta velocidad, saludos crack ojalá sigas aprendiendo mucho de este arte.
@@mauro21523 El uso de frameworks / librerias / otras herramientas no esta peleado con el testing.
@@yolandajoseribasbastidas8460 tampoco garantizan la calidad de tu algoritmo, después del despliegue puede resultar algo inesperado, un saludo te me cuidas amiga mia!
Fazt por favor un tutorial práctico de Svelte JS
Gracias Fazt.
Ahora crea una vista donde se pueda crear una lista que contenga la informacion de usuarios y en esa misma lista tengas dos botones, uno para visualizar todo el contenido y el otro donde se pueda eliminar un usuario, en este mismo proyecto.
Menos mal ahora existe Vite y no necesita toda esa configuración :'3
buenisimo!!!
Excelente!!!
Tremenda la cantidad de dependencias
Gran video
Por un momento pense que iba a usar componentes webs nativos para hacer las paginas.
Me genera error en el background
Y en el body
Take a breath! :) saludos
0:37. Fail?