Sveltejs CRUD (Aplicacion Web Frontend)

[@edwinspiredev4930]

Excelente.... Svelte excelente... porque no lo conocí antes, me ha facilitado el trabajo como no tienen idea, en 1 semana he podido aprender desde 0 y migrar una aplicación que tenía en otro framework donde estaba un poco atascado. El video muy muy bueno como todos los que he encontrado en el canal.

[@thelineadventurer]

Vengo de discord y me di cuenta q subiste 2 videos en una noche, Vaya hombre q eres Fazt jajaja, saludos

[@eloyfran]

Gracias a tus cursos he podido realizar este mismo pero con una base de datos, muy chuli. Gracias.

[@saulmedina4473]

ese "detalle" al final de vincular cosas nuevas al crud como noty se me hizo muy buena idea ,continua asi fazt , gracias por tus aportes!

[@adrianmontilla3095]

Muchas gracias fazt por tus contenidos de calidad 👍

[@astertorn]

Gracias, estoy iniciando con Svelte y sin duda esto me ayudará mucho, gracias

[@Alan-gb4fl]

UFF SE PICO EL FAZT, ERA EL VIDEITO QUE ESTABA NECESITANDO SIN SABERLO GRACIAS! ♥

[@hoeangeru2]

No dejo de sorprenderme como saca tanta energía y retención para tantas tecnologías, si eres humano no Fazt?, Excelente aporte, siempre veo tus videos para aprender desde mi casa espero poder trabajar pronto y poder apoyar tu canal.

[@RicardoBermudezZorro]

ESte tutorial me parece muy bueno, la comptencia de REACT; VUE Y Angular, ya he estado haciendo algunas cosas con SVELTE estos dias, y me parece genial el concepto de no tener virtual DOM ademas tiene buenas caracterissticas para empezar con el frontend.. tiene una estructura parecida a VUE pero luego se diferencian demasiado

[@albeprime]

Wow iniciando con Svelte muchas gracias Fazt ❤, deseo que sigas ayudándonos con este framework, agradecido x100pre.

[@Craig-go6ql]

Eres una maquina compañero , saludos desde SJL - Lima - Perú

[@davidsg1378]

Asu que crack, encima pone el código, el mejor canal de desarrollo en español 👌

[@elvis_gastelum]

Una recomendación, como en este ejemplo (por poner algo específico) cuando haces tu función updateProduct, cuando estás creando el objeto nuevo en lugar de vaciar valor por valor estilo: const newProduct = { id: product.id, name: product.name, category: product.category etc: product.etc } Con cada propiedad, recomendaría hacer un simple spread... De esa forma va a vaciar todas las propiedades de un objeto dentro de otro de forma simple Ejemplo: const newProduct = { ...product } Eso vacía todas las propiedades dentro del nuevo objeto. (notese los tres puntos del principio)

[@cristobalandrescontrerasor7894]

const newProduct = { ...product, id: products.length + 1 }

[@davidsg1378]

Genial, si, en otro lado estaba buscando el spread porque lo vi como ejemplo, gracias!

[@davidjacobs7966]

Fatz lleva años en esto de seguro sabia de la sintaxis spread, yo he notado que a manera didactica hace algunas cosas para que nos resulten faciles de aprender a los que vamos empezando, tambien podia usar un bucle for in, el metodo Object.assign() pero para que se note mejor lo que estaba pasando decido hacerlo manualmente. asi que no te hagas el cerebrito, y el que sabe mas piche elvis pendex.

[@elvis_gastelum]

@@davidjacobs7966 y porque te enojas por un simple consejo? xd, no lo tomes personal y menos por algo que en teoría puede “mejorar” tu estilo de código

[@davidjacobs7966]

@@elvis_gastelum Quien te enfada te domina, y yo no estoy enfadado, Como algo tan basico como eso va a mejorar mi codigo? eso es un conocimento basico, que te lo deben dar en una introduccion a Javascript, es como si yo te dijera oye Elvis puedes hacer que una variable no puedo vincularse a otros valores si usa const en lugar le let.

[@esolanovelez]

Wow te habías demorado, ya lo usé en producción, es súper genial, ayuda a dejar los front mucho más livianos y con lo únicamente necesario. Buena esa

[@matonolo]

Mejor que React?

[@MarcoS-bx5uk]

Otro gran crash course. Grande!

[@dev.martin6156]

uuuff precisamente lo que estaba buscando, muchas gracias Jesus

[@jjdevcode9635]

el video que estaba esperando

[@marcotriguerosoto8053]

Insta like y gracias por escuchar la recomendación que te habíamos hecho :D

[@AlexGalo0]

No me interesa el video, pero tal vez así lees mi comentario, que sepas que sos un crack y esta comunidad te aprecia mucho ❤️ si algún día sacas cursos de udemy o alguno en que sea de apoyo financiero, no dudes que te apoyamos, sos un crack

[@ronoroalannister9412]

Gran aporte, se agradece .....

[@ushieru]

Combinado con Sapper es una locura. Es super sencillo de gestionar.

[@shebitasChico]

jajaja madre mia, dos videos en un día XD bajale 2 revoluciones, ok no, me encantan tus videos, aunque me falta aun entender muchas cosas XD

[@asdruball4885]

Hubiera sido genial si le hubieras agregado una API de laravel de backend y MySQL pero ya sería mucho pedir , excelente video mi like y más que agradecido por compartir tu conocimiento.

[@ricardomuzio6622]

El tema rutas en Svelte, sería muy bueno abordar también. Gracias por compartir este y muchos otros, he aprendido mucho.

[@FaztCode]

Buena idea, pronto creare un ejemplo de svelte routing :)

[@eurorondon627]

@@FaztCode maestro !!!! No te olvides !!!

Maestro, una humilde petición para los que estamos en dispositivos móviles: podrías aumentarle el zoom? Por lo demás te quedo agradecido, excelente material!!

[@josbexerr5166]

Excelente graicas fazt, un nuevo juguete :)

[@JoseMorales-yx1ep]

Excelente! 👏👏

[@giancarlovalentin9569]

eres crack brother! 😃😃

[@arnaldogabriel081]

Gracias Jesús Fazt

[@diegodavidp265]

Excelente

[@byronescobar4003]

Este, este pequeño momento de mi vida, se llama FELICIDAD..... GRACIAS FAZT, COMO SIEMPRE UN CRACK...!! Pregunta, entre React y Svelt, cuál elijirian??

[@SquadronYT]

Hay alguna forma de hacer que Svelte se pueda usar con Sass ???

[@krumroar1572]

Caramba ..que gran video \(x3x)/

[@rickyarg5298]

Perdon que se usa para que los datos persistan?

[@MrDiagonalDiagonal]

Muy buen tutorial!!! estaria bueno si pudieras hacer alguno para bloquear el ip o algo en caso el usuario haga muchas peticiones fallidas en el login

[@asbeldev3071]

Grande fazt

[@matitk]

Con que formateas para que te acomode así el código? Intente con ctrl+alt+I teniendo svelte for vs code instalado, pero no hace nada.

[@frandel6812]

Como me recomiendan aprender algun framework o lenguaje? tomar un curso o estudiar la documentacion o que?

[@asbeldev3071]

Gracias

[@yeiserjamberavilamedina5066]

primer comentario buen video bro

[@DanielSantarriaga]

que temas estas usando en tu VC?

[@FaztCode]

El tema de Visual Studio Code se llama Dobri Next

[@garekon]

Impresionante la verdad, mas alla del tutorial que esta muy bueno, me asombra la facilidad con la que te manejas cuando estas haciendo el codigo. Recien me estoy iniciando en este mundo (html, css y Js) y estaba viendo de tirarme para el lado de react pero viende Svelte se me hizo mas facil entender muchas cosas. Saludos! pd: Una consulta, la fluidez de tu codigo es por la experiencia o porque sos un genio?

[@FaztCode]

Es solo practica amigo, tambien lo haras igual eventualmente. no desesperes y aprende a tu ritmo, sin frustarte. por cierto te dejo estos dos videos para poder aprender react, que puedes ver uno despues del otro: kzbin.info/www/bejne/oofUeZyKeK6Fh8k kzbin.info/www/bejne/qH3SiICLabGSp6c

[@larrygonzalez7548]

Hola Fazt, gracias por el tutorial, esta excelente...! Podrías montar uno usando mysql o mongoDB? mil gracias de antemano

[@feli7487]

Y ese windows qué?, el mío no se ve tan genial :(

[@OmarEMC_]

Podrias hacer un poadcast de tu windows? XD o algo, está muy bueno. Recien ando en la mitad del video @-@

[@horimiyarawstyle]

Como "formateas" el codigo?

[@julianisidroortega9512]

Con base de dato como se haria

[@vbullsey]

en svelte también tienes re renders como en react?

[@anyeimarrequena7255]

Hola ! al lanzar el comando npm install me da este error npm ERR! Unexpected end of JSON input while parsing near '...pPGeZI2q66bIQRirrWD8l' intente arreglarlo con npm clean cache --force y me sigue dando el error. uso el sistema operativo linux ligth . Alguien me puede ayudar

[@ProgramadorMediocre]

Yo aún no e llegado a JS menos a usar Framework y librerias, todavía estoy aprendiendo CSS. Dentro de unos 4 meses me pongo a ver Sveltejs si no me gusta o no entiendo Vue.

Hola Fazt! Me gusta la forma en cómo explicas código. Quiero abrir mi canal de KZbin y hacer cosas similares. ¿Algún consejo? ¿Podrías hacer un video de ello? Te lo agradecería mucho. Saludos desde Guayaquil, Ecuador

[@FaztCode]

Lo tenía pendiente. Voy a elaborar uno, creo que aprendido algunas cosas que podría compartir :)

[@rickyarg5298]

cuando pongo esto npx degit sveltsjs/template svelte-crud me sale este error. ! could not fetch remote github.com/sveltsjs/template ! could not find commit hash for HEAD Alguna pista como solucionarlo?

[@javier5048]

maestro fazt , esperamos el curso de docker para windows xd

[@zinedinejeanpierreeriqueto7181]

hola me podrias ayudar con una ruta para comenzar con este mundo ?

[@breimerct]

min 30:55 puedes sustituir todo eso con products.push({ id: Date.now(), ...product }) o... products.concat({ id: Date.now(), ...product }) listo, así tienes un producto nuevo y con un id único, con el .length puede que el id se repita, si eliminar un elemento, y vuelves a agregar otro, el penúltimo elemento con el ultimo tendrán el mismo id

[@ganker2240]

bro que opinón te merece svelte??

[@code_boy1510]

Porfavor haz un video de stripe con laravel

[@JAY-up2ok]

Cómo se llama el tema que usas en Windows 10?

[@gerdamuller5595]

tnx

[@OmarEMC_]

30:25 No estaria mas facil con ...product?

[@wilbertbocanegra]

Me hubiera gustado que hubieras manejado por componentes todo, y hay varias cosas que creo que no eran necesarias que el mismo Svelte ayuda, por lo demás muy bien me gusto

[@hashproweb3356]

Oye fazt... Crees que seria mejor aprender Svelte en lugar de los demás: Angular, Vue, React?

[@SquadronYT]

Definitivamente

[@brayancastro9234]

Gente para llegar a usar Sveltejs, que necesito saber recien comienzo con el HTML5 ,Css3,JS

[@manuelrios8817]

pues eso mismo, mas que nada Javascript

[@FernandoJimenez-cd1ui]

Eso es lo que necesitas, una vez entiendas las 3 cosas, puedes pasar a svelte sin problemas

[@alexhizjimenez260]

Tienes curso de react 2020?

[@beticohernandez8039]

Seria bueno que lo hicieras con php y dede una base de datos.

[@NOCTUMSEMPRA]

21:56 Línea 39: Fijate que estás cerrando el div como si fuera un tag sin cuerpo, y en realidad estás usando el cuerpo del div con el {#each}, por lo que deberías quitar la barra de cierre de tag de la línea 39. Además esos errores pueden confundir a tu audiencia, que tenderá a querer hacer las cosas TAL CUAL en el video, porque es un instructivo. Debe ser por eso que te tiraba error de divs, sin embargo borraste código en la parte inferior... Saludos desde Argentina!

[@kevincueva4419]

como haces para aprender tan rápido?

[@FaztCode]

Hola Kevin, en este caso para frameworks de javascript, si quieres entender a muchos de ellos. Te recomendaría estudiar paradigmas de programación en JavaScript, como el paradigma orientado a objetos, luego estudiar un poco estructura de datos y después un poco de patrones de diseño. Parece mucho pero si empiezas de a poco, no te sorprenderá mucho algún framework nuevo que salga, al ya conocer gran parte de los fundamentos

[@kevincueva4419]

@@FaztCode gracias amigo gran información, para mí que vengo de la ingeniería electrónica esto es de mucha ayuda

[@gerald7887]

aloha

[@AlanDanielx]

Yo no entiendo para que tantos frameworks, JS puro es lo mejor

[@josebarrientos7278]

Q tanta demanda tendrá este framework

[@hollondoom]

Oye fazt! Como estas? Tengo una queja, podrias por favor, aumentar el tamaño de las letras. Por tutankamon! Todo se ve tan pequeño, imaginate ir con tu teléfono casi cerca de tus ojos y la gente a tu alrededor observandote, hahahahahahaha. Nope, nada lindo. Muchas gracias.

[@FaztCode]

Por lo general es mejor verlo desde una laptop. pero si tienes razon, voy a configurarlo mejor para que las letras se aprecien :)

[@hollondoom]

@@FaztCode Muchas gracias, recuerda que tus videos son oro para mi. Tu canal es muy educativo para este joven novato.

[@matonolo]

No veo que le haga competencia a React.

[@Luis333rules]

por??

[@elvis_gastelum]

No veas como competencia si no más bien como otra herramienta disponible, cada uno tiene sus ventajas y desventajas, por ejemplo Svelte es compilado y react no, pero en cambio Svelte no utiliza un virtualdom (porque no lo necesita por la manera en que está diseñado) y React de alguna forma carga más tu App al tener que crear y orquestar de alguna forma ese virtualdom... Eso solo son cosas simples pero al final lo importante es que para ciertas cosas uno va a ser mejor que otro y viceversa

[@derianmarchan3414]

Lo bueno de svelte es que no usa un DOM VIRTUAL para pintar los cambios, a diferencia de ANGULAR o REACT. Es lo que dice en su doc. entre otras cosas, por eso me llamo mucho la atención

[@andrest.7625]

todos los dias hay algo diferente jajaja

[@elproducer6677]

Exelente