De los mejores tutoriales que he visto. Gracias maestro por contenido de tan alta calidad. Aprendiz de Falcon Master desde 2016. Saludos desde El Salvador.
No llevo mucho siguiéndote, sin embargo he aprendido mucho, me encanta tu manera de explicar! Muchísimas gracias! Deberías subir todas las funciones de la librería
Falcon, creo que estoy loco porque ya estoy soñando contigo (no es broma). Soñe que eres algo asi como mi hermano y junto haciamos una pagina web. Solo te quiero decir gracias por todos tus cursos de desarrollo web porque gracias a ti se hacer lo que hago mejor. Gracias :)
Excelente video. De verdad es de los pococs canales en youtube que tengo siempre al pendiente a ver si hay video nuevo porque graciasa tus videos conoci y me introduje en este mundo. SI bro, profundiza con la libreria sortableJs
Muchas gracias Luis, que gusto que mis videos te hayan servido para entrar en este mundo, y a seguir aprendiendo! Voy a tener en cuenta el comentario para el video de la librería mas avanzado.
@@FalconMasters Gracias, bro. Te queria hacer una pregunta. Es posible dectectar con JS si el usuario tiene activado el dark mode que se ha incluido no hace nada a los navegadores? Lo pregunto porque seria enteresante tenerlo en cuenta para que dependiendo si el dark mode esta activo o no, nuestro sitio tenga ciertos estilos y colores. Ya que algunos textos no se podrian leer y asi.
@@luisenriqueortizcastillo2941 Si se puede, hay una propiedad que puedes usar, ahora mismo se me va el nombre pero la voy a buscar y si la encuentro te la paso.
@@luisenriqueortizcastillo2941 Es con CSS, ya encontré el enlace, te lo paso para que lo veas: developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme
muy buen video, yo te sigo desde hace 7 años, mi primer app la hice con el menu desplegable que cambiaba de forma si era una patalla mobil o de escritorio y ahora veo que sigues haciendo contenido de calidad (Y) muchas gracias por el aporte. sin embargo MIKE DEFINITIVAMENTE NO TIENE 18 AÑOS, saludos
Muy buenas, me encantaría que hicieras otro video explicando toda la librería x favor. Me parece una herramienta muy útil. Muchísimas gracias x tus videotutoriales. Nos ayudas muchisimo
Me encanto tu video, me interesa muchisimo agregar este efecto a mis proyectos y me gustaría aprender todas las funcionalidad con el video que ibas a sacar, si ya existe espero pueda verlo y darle like.
Como siempre excelente vídeo Carlos, y por supuesto que nos gustaría ver mas de la librería, particularmente me gustaría saber como guardar los valores del orden en una base mysql para que no solo en la computadora local del usuario se guarde el orden, nuevamente gracias por el vídeo
En mi caso, me gustaría hacer un sistema drag&drop como se muestra en la pràctica, però bastante más complejo de lo que he visto. Mi idea es la llegada, entrada y salida de vehículos, con una ID que los identifique con una fecha. Es decir: - que la ID fuese auto numérica (del 0 hasta infinito), que al darle a un botón (+) pudiera crear la estructura idèntica para insertar nuevos datos. - en cada estructura, que haya tres departamentos (llegada, entrada y salida, más la ID) que al dar click imprima la hora, minutos y segundos actuales del sistema. - el drag&drop viene a raíz de que, si un vehículo entra y sale antes de hora, que pueda ordenarla según la ID que saque. Habría muchísimas más cosas a tener en cuenta, pero como estructura principal, tendré estás en mente
Muchas gracias por darnos a conocer esta herramienta útil para simplificar el trabajo operativo de los diferentes sistemas y app, ya que de eso se tratan los sistemas informáticos de facilitar los procesos repetitivos diarios y ahorrar el hacer y deshacer por algo tan sencillo como cambiar el orden de una lista o tabla. Ahora mi pregunta es ¿si luego de reordenar algunos elementos de una lista aparte de guárdalo localmente, podría reflejar dichos cambios a una base de datos con esta librería?
Si claro, puedes guardarlo en una base de datos, porque los datos que se guardan son solamente una cadena de texto. Así que puedes guardarlo donde quieras.
Exelente video falcón como siempre 🙂 Carlos me gustaría saber cómo se llama la herramienta de dispositivos móviles que tienes en Firefox y como poner la barra de inspección de elementos abajo y al lado derecho por favor
Hola Genial tus videos. Gracias. Como puedo hacer que al hacer click sobre uno de esos items, este vuelva a su sitio? como puedo hacer con handle que coja un item y lo ponga en otra caja? Por ejemplo si quiero ordenar una oración de cinco palabras y ponerlas en orden correcto? Gracias
Hola, Falcon muy buenos todos los videos que subes la verdad que si!👍 estoy aprendiendo a programar y me encontre con un reto de crear un stand con un carrito de compra, en el cual tengo que aplicar el drag y drop a cada artículo del stand pero estoy un poco perdido de como aplicar el drag y drop a mi código JS. Gracias de antemano!
Hola, Falcon quisiera saber si es posible lograr eso mismo en WordPress y que los elementos que el usuario pueda arrastrar y sobre poner una encima de la otra ? Excelente contenido, gracias!
Oye Falcon, realmente hay un tipo de drag and drop, con efecto como el que hace Google Keep en sus notas, el cual desde que drageamos la nota se jala con todo y nota, no se queda estatico, aparte lo que note es que Google Keep al hacer esto agrega una sombra atras, se puede hacer este efecto con SortableJS? , te invito a revisar el efecto de Google Keep.
Hola Carlos, un saludo. Estoy muy animado con tus videos y cursos, estoy haciendo el curso de Desarrollo web Profesional en Udemy y acabo de terminar la seccion de CSS. Y me surgio una pregunta, es posible con CSS hacer una esfera con un efecto de rotacion por arrastre? por asi decirlo un globo terraqueo?
Hola Angelo, me alegra mucho que te gusten y espero que sirvan mis videos y cursos. No estoy seguro de que puedas hacer eso solamente con CSS, lo mas seguro es que necesites javascript, sobre todo para el efecto de arrastrar.
@@FalconMasters eso mismo pensé, ya que estaría necesitando hacer el efecto de arrastrado y zoom dentro de países, estados y demás... Seguiré estudiando y aprendiendo y de seguro consigo cómo hacerlo, gracias por tus videos
Hola que tal, quisiera hacer lo mismo pero con base de datos, como puede obtener los valores y mandarlos por post por ejemplo. Saludos excelentes videos
Buenas noches a todos , estoy actualmente decidiendome por estudiar front-end o back-end, se que es una cuestión de perspectiva personal pero alguno podría decirme cuál eligió y porque ? Veo que Falcon se basa mucho en front-end y me encanta , muchas gracias!
Hola Kevin, no podemos decidir por ti, es una opción personal porque depende mucho de que sea lo que mas te guste hacer. Si eres como yo que te gusta mucho la parte visual, crear interfaces de usuario y programarlas entonces el frontend es para ti. Pero si eres una persona que le gusta mas trabajar con la lógica de un proyecto como la base de datos, el manejo de archivos, información y otras cosas similares entonces el backend es para ti. Por otra parte a lo mejor te gustan los 2, entonces puedes aprender fullstack, es complicado por la gran cantidad de cosas que tienes que aprender pero se puede.
@@FalconMasters muchísimas gracias por la información en serio , me encantan sus videos y he estado en cursos y universidades , ustedes explican mejor que todo lo antes mencionado , voy a pensarlo aunque creo que lo visual es más lo mío. Espero que haya buena oferta laboral para los front end tambien :) , gracias !!!!
Hola carlos como estas? puedes hacer parecido pero haciendo drag and drop pero con una pagina web real , algo parecido con el editor de paginas de mailchimp?
Muy bueno, pero estaría mucho más interesante aplicado de alguna manera, que una vez que ordenes algo lo puedas usar de alguna manera. Como enviando algo que hayas comprado a una supuesta lista de la compra o por ejemplo una lista de películas preferidas, ordenarlas y después enviarlas por email o algo así.
📌 Como siempre si te gusto el video dale manita arriba 👍 y compártelo con mas personas que estén aprendiendo diseño web!
@FalconMaster la página de sortablejs está caída habrán cambiado de dominio?
Amigo haces sistemas personalizados?
Gracias por todo
Subes tan buen contenido que me quedo viendo los anuncios sin omitirlos 😂
Es lo mas bonito que jamas me han dicho antes!
haha gracias!
Carlos Arturo, como siempre, con excelentes demos, aplicables a las necesidades de todos y sobre todo, claramente explicado.
De los mejores tutoriales que he visto. Gracias maestro por contenido de tan alta calidad. Aprendiz de Falcon Master desde 2016. Saludos desde El Salvador.
Muchas gracias Bryan!
No llevo mucho siguiéndote, sin embargo he aprendido mucho, me encanta tu manera de explicar!
Muchísimas gracias!
Deberías subir todas las funciones de la librería
Waw es lo que siempre me pregunte cómo se hace y ahora lo veo en uno de tus tutoriales. Gracias FalconMasters
Me da mucho gusto que ahora con este video ya puedas saber una de las formas de hacerlo.
Falcon, creo que estoy loco porque ya estoy soñando contigo (no es broma). Soñe que eres algo asi como mi hermano y junto haciamos una pagina web. Solo te quiero decir gracias por todos tus cursos de desarrollo web porque gracias a ti se hacer lo que hago mejor. Gracias :)
haha muchas gracias a ti por ver mis videos.
Espero que la pagina que hiciéramos en tu sueño fuera genial!
yara xd
@@FalconMasters no lo dudes xd
Excelente video. De verdad es de los pococs canales en youtube que tengo siempre al pendiente a ver si hay video nuevo porque graciasa tus videos conoci y me introduje en este mundo. SI bro, profundiza con la libreria sortableJs
Muchas gracias Luis, que gusto que mis videos te hayan servido para entrar en este mundo, y a seguir aprendiendo!
Voy a tener en cuenta el comentario para el video de la librería mas avanzado.
@@FalconMasters Gracias, bro. Te queria hacer una pregunta. Es posible dectectar con JS si el usuario tiene activado el dark mode que se ha incluido no hace nada a los navegadores? Lo pregunto porque seria enteresante tenerlo en cuenta para que dependiendo si el dark mode esta activo o no, nuestro sitio tenga ciertos estilos y colores. Ya que algunos textos no se podrian leer y asi.
@@luisenriqueortizcastillo2941 Si se puede, hay una propiedad que puedes usar, ahora mismo se me va el nombre pero la voy a buscar y si la encuentro te la paso.
@@FalconMasters gracias de ante mano. Pero si es con JS Como suponia, no?
@@luisenriqueortizcastillo2941 Es con CSS, ya encontré el enlace, te lo paso para que lo veas:
developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme
no se nada de javascript y tecnicamente es bastante intuitivo el uso de la libreria, buen video.
muy buen video, yo te sigo desde hace 7 años, mi primer app la hice con el menu desplegable que cambiaba de forma si era una patalla mobil o de escritorio y ahora veo que sigues haciendo contenido de calidad (Y) muchas gracias por el aporte. sin embargo MIKE DEFINITIVAMENTE NO TIENE 18 AÑOS, saludos
Me encantaría ver un segundo video de este tema. Este tipo de tutoriales son los que generan fidelidad por el canal. Excelente todo. Muchas Gracias.
Con este solo video me ayudaste con una app casi entera, excelente hermano
Eres un excelente presentador de contenidos, todo queda muy claro, muchas gracias y felicitaciones.
Recursos listos para descargar + buena comunicación + pedagogía = CONTENIDO DE ALTO VALOR. Gracias.
Está muy bien explicado.. :-) Mil gracias! También estudiaré la segunda parte, que ya se ha publicado, para ver opciones más detalladas.
Eres un capo Man, estoy a la espera de tu próximo video avanzado eh.. una vez más felicitaciones y éxitos.
Sin duda, debes profundizar en esta magnífica librería para tratar de explotar todo lo que nos permite hacer.
Si, queremos contenido más avanzados de la librería, saludos!!
Como anillo al dedo, gracias por el aporte
Muy buenas, me encantaría que hicieras otro video explicando toda la librería x favor. Me parece una herramienta muy útil. Muchísimas gracias x tus videotutoriales. Nos ayudas muchisimo
Muchas gracias, muchas personas me han comentado que si les gustaría otro video mas a fondo de esta librería así que yo creo que lo haré pronto.
Excelente, muy didáctico. Te felicito.
Por favor Falcon el siguiente video tiene que ser de esta librería a fondo . haha me encanta que estes con fire con el canal
Excelente video. Muy bien explicado
Tienes que subir otro explicando más a fondo como funciona la librería
Amigos les recomiendo que tomen el curso de diseño web de falcon, la verdad es fantástico, obtendrán mucha experiencia n.n
Donde lo busco?
@@matiasaguirre356 En Udemy amigo, saludos
Muchas gracias bro, tenía tiempo buscando un vídeo que me explicara como se hacen estas cosas.
Sii, seria bueno que explicaras todas funciones de sortable
Me encanto tu video, me interesa muchisimo agregar este efecto a mis proyectos y me gustaría aprender todas las funcionalidad con el video que ibas a sacar, si ya existe espero pueda verlo y darle like.
Desde colombia saludos exelente video
muchas gracias por ese video, la verdad que era exactamente lo que necesitaba !
Muy buen video Falcon bastante bien explicado muchas gracias sigue asi!!!
Gracias!
Genial! Muy buen video
excelente eres muy didactico sabes lo que haces
Buen video amigo, gracias por tu aporte
Ótimo vídeo parabéns pelo seus conteúdos poucos fazem isso que você faz principalmente a qui no Brasil 👏👏👏 .
Muito obrigado por assistir meus vídeos, mesmo quando eles estão em um idioma diferente do seu.
tradução feita com o google translate: P
Genial tu video estaba buscando cómo hacer algo como funciona Trello ... Sería genial ampliar más sobre esta librería
muy bueno, tus videos son geniales, por favor has mas videos de esa libreria.
muchas gracias, justo lo que necesitaba
Muy bueno. Otro video de este tema pls.
Como siempre excelente vídeo Carlos, y por supuesto que nos gustaría ver mas de la librería, particularmente me gustaría saber como guardar los valores del orden en una base mysql para que no solo en la computadora local del usuario se guarde el orden, nuevamente gracias por el vídeo
Mas Videos de Lenguaje de Programación Por Favor y sus respectivos ejemplos❤
Qué buen tutorial, explicas muy bien ✅
Estaría bien un video más en profundidad!
2da parte uf esta genial
Realmente me salvaste, has otro de esta librería
Ya lo subí, es mi penúltimo video del canal.
@@FalconMasters tienes nuevo subscriptor :)
En mi caso, me gustaría hacer un sistema drag&drop como se muestra en la pràctica, però bastante más complejo de lo que he visto.
Mi idea es la llegada, entrada y salida de vehículos, con una ID que los identifique con una fecha.
Es decir:
- que la ID fuese auto numérica (del 0 hasta infinito), que al darle a un botón (+) pudiera crear la estructura idèntica para insertar nuevos datos.
- en cada estructura, que haya tres departamentos (llegada, entrada y salida, más la ID) que al dar click imprima la hora, minutos y segundos actuales del sistema.
- el drag&drop viene a raíz de que, si un vehículo entra y sale antes de hora, que pueda ordenarla según la ID que saque.
Habría muchísimas más cosas a tener en cuenta, pero como estructura principal, tendré estás en mente
Muchas gracias por darnos a conocer esta herramienta útil para simplificar el trabajo operativo de los diferentes sistemas y app, ya que de eso se tratan los sistemas informáticos de facilitar los procesos repetitivos diarios y ahorrar el hacer y deshacer por algo tan sencillo como cambiar el orden de una lista o tabla. Ahora mi pregunta es ¿si luego de reordenar algunos elementos de una lista aparte de guárdalo localmente, podría reflejar dichos cambios a una base de datos con esta librería?
Si claro, puedes guardarlo en una base de datos, porque los datos que se guardan son solamente una cadena de texto. Así que puedes guardarlo donde quieras.
Excelente video, seria bueno que realices uno con base de datos MYSQL Y PHP, saludos
Genial, muy bien explicado!
Que buenisimo video eres muy buen profesor, gracias por la ayuda! ,😊👏
Muchas gracias!
me encanto mas de esto ´por favorrr
muito obrigado, falo aqui do Brasil!
Muy buenos tus videos como siempre. Pagaría por un curso tuyo de Angular.
Esperando a que hagas un video más avanzado sobre drag&drop me interesa mucho
Exelente video falcón como siempre 🙂 Carlos me gustaría saber cómo se llama la herramienta de dispositivos móviles que tienes en Firefox y como poner la barra de inspección de elementos abajo y al lado derecho por favor
Si por favor háblanos más, seria genial usarlo con un dashboard
Espero y subas un curso de SortableJS
No seria un curso, seria mas bien una guía completa, ya que seria un solo video, aunque largo.
exelnte!! muchas gracias!!!
excelente! hazte uno para React JS manito!
Pues yo ya te voy pidiendo que añadas algun otro video con un trabajo adicional con la librería. Un saludo.
Muchas gracias, ya veo que muchas personas lo quieren así que seguramente lo haga. Saludos!
master una consulta, porque al correr mi pagina al ri cargando elementos se traba un poco? mil gracias por tu ayuda !
Excelente video, podrías hacer uno agregando los datos de un input y arrastrarlo a un lugar para borrarlo
genial! tenés cursos donde te adentras un poco más en el uso de este tipo de librerías? Saludos!
Hola Genial tus videos. Gracias. Como puedo hacer que al hacer click sobre uno de esos items, este vuelva a su sitio? como puedo hacer con handle que coja un item y lo ponga en otra caja? Por ejemplo si quiero ordenar una oración de cinco palabras y ponerlas en orden correcto? Gracias
excelente. Gracias. Suscrito
Hola, Falcon muy buenos todos los videos que subes la verdad que si!👍 estoy aprendiendo a programar y me encontre con un reto de crear un stand con un carrito de compra, en el cual tengo que aplicar el drag y drop a cada artículo del stand pero estoy un poco perdido de como aplicar el drag y drop a mi código JS. Gracias de antemano!
seria genial que realices un video usando todo sobre MEAN
Yo no se Angular
Veo todos tus videos. Y todas son increíbles y cada vez aprendo más.. Gran aporte de tu parte amigo Carlos Arturo. 👍👍👍
Excelente video como siempre, como se haría en el caso de que la lista sea dinámica ? me gustaria un video con eso o si es con fetch mejor. Gracias!
Hola, Falcon quisiera saber si es posible lograr eso mismo en WordPress y que los elementos que el usuario pueda arrastrar y sobre poner una encima de la otra ?
Excelente contenido, gracias!
Excelente video. Has echo el video de Sortable avanzado?
Saludos
Si, aquí lo tienes: th-cam.com/video/xJLDtWZjFgE/w-d-xo.html
@@FalconMasters Gracias
Mike se conserva muy bien
Hola, estupendo video 👍
Pero los elementos drag and drop también son responsivos????
Agradecería tu respuesta
Buenas, que tema de vsCode estás usando?
Una pregunta crack, que teclado usas? Just curiosity.
Oye Falcon, realmente hay un tipo de drag and drop, con efecto como el que hace Google Keep en sus notas, el cual desde que drageamos la nota se jala con todo y nota, no se queda estatico, aparte lo que note es que Google Keep al hacer esto agrega una sombra atras, se puede hacer este efecto con SortableJS? , te invito a revisar el efecto de Google Keep.
Mike 18 años... Después de haber tenido a su 7mo hijo
Me Encanta😍
@FalconMasters como seria hacer lo mismo, pero en laravel?
Excelente!
Como podria implementar esta libreria en un proyecto mvc 4
Cómo es q sabes todo eso :o ? Asombroso .... 👍
Hola Carlos, un saludo. Estoy muy animado con tus videos y cursos, estoy haciendo el curso de Desarrollo web Profesional en Udemy y acabo de terminar la seccion de CSS. Y me surgio una pregunta, es posible con CSS hacer una esfera con un efecto de rotacion por arrastre? por asi decirlo un globo terraqueo?
Hola Angelo, me alegra mucho que te gusten y espero que sirvan mis videos y cursos.
No estoy seguro de que puedas hacer eso solamente con CSS, lo mas seguro es que necesites javascript, sobre todo para el efecto de arrastrar.
@@FalconMasters eso mismo pensé, ya que estaría necesitando hacer el efecto de arrastrado y zoom dentro de países, estados y demás... Seguiré estudiando y aprendiendo y de seguro consigo cómo hacerlo, gracias por tus videos
Hola que tal, quisiera hacer lo mismo pero con base de datos, como puede obtener los valores y mandarlos por post por ejemplo. Saludos excelentes videos
Hola el data-id cuando debe ser usado?,y que diferencia hay entre el y el ID convencional...?
El data-id es un atributo personalizado, es diferente al id. En este caso Sortable lo usa para identificar los elementos.
Ótimo conteúdo!
buen video amigo, Tienes alguna explicacion de como hacer que al cambiar de una tabla a otra se cambie el status en la db?
muy buen video
como podría hacer para arrastrar un sidebar para cerrarla?
🔥🔥🔥🔥🔥 coooool
Sería bueno que explicarás más funciones de la librería..
No funciona en el navegador Microsoft Edge. Hay forma de solucionar eso sin cambiar el navegador?
Puedes hacer un tutorial explicando como usar la librería Filepond (subida de archivos) y guardarlos en el servidor?
*Like si te gusta progamar*
Por cada like pondré "programación"
1.programacion
Has otro vídeo de sortablejs =)
Falcon, ¿cómo se llama el tema de tu editor Visual?
Se llama Ayu
otro video de la Drag and Drop
La página de sortablejs está caída :(
Buenas noches a todos , estoy actualmente decidiendome por estudiar front-end o back-end, se que es una cuestión de perspectiva personal pero alguno podría decirme cuál eligió y porque ? Veo que Falcon se basa mucho en front-end y me encanta , muchas gracias!
Hola Kevin, no podemos decidir por ti, es una opción personal porque depende mucho de que sea lo que mas te guste hacer.
Si eres como yo que te gusta mucho la parte visual, crear interfaces de usuario y programarlas entonces el frontend es para ti.
Pero si eres una persona que le gusta mas trabajar con la lógica de un proyecto como la base de datos, el manejo de archivos, información y otras cosas similares entonces el backend es para ti.
Por otra parte a lo mejor te gustan los 2, entonces puedes aprender fullstack, es complicado por la gran cantidad de cosas que tienes que aprender pero se puede.
@@FalconMasters muchísimas gracias por la información en serio , me encantan sus videos y he estado en cursos y universidades , ustedes explican mejor que todo lo antes mencionado , voy a pensarlo aunque creo que lo visual es más lo mío. Espero que haya buena oferta laboral para los front end tambien :) , gracias !!!!
@@kevinpaniagua4385 De nada, me alegra mucho escuchar que aprendas con mis videos.
Saludos!
Est[a bueno el video, como guardo el orden en la base de datos!!!
Para eso necesitas algún lenguaje del lado del servidor como PHP con alguna base de datos.
Hola carlos como estas? puedes hacer parecido pero haciendo drag and drop pero con una pagina web real , algo parecido con el editor de paginas de mailchimp?
Hola Sergio, voy a revisar como es a ver si puedo hacer algo así.
Saludos
Muy bueno, pero estaría mucho más interesante aplicado de alguna manera, que una vez que ordenes algo lo puedas usar de alguna manera. Como enviando algo que hayas comprado a una supuesta lista de la compra o por ejemplo una lista de películas preferidas, ordenarlas y después enviarlas por email o algo así.