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
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
4 ปีที่แล้ว +4
Sin duda, debes profundizar en esta magnífica librería para tratar de explotar todo lo que nos permite hacer.
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
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
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 :)
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.
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
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
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!
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
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.
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í.
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 !!!!
![[Live] : ONE 169 วันนี้!! "อนาโตลี vs อูมาร์"](http://i.ytimg.com/vi/IK3YZVWuFJg/mqdefault.jpg)
📌 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
Carlos Arturo, como siempre, con excelentes demos, aplicables a las necesidades de todos y sobre todo, claramente explicado.
no se nada de javascript y tecnicamente es bastante intuitivo el uso de la libreria, buen video.
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.
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!
Recursos listos para descargar + buena comunicación + pedagogía = CONTENIDO DE ALTO VALOR. Gracias.
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.
Subes tan buen contenido que me quedo viendo los anuncios sin omitirlos 😂
Es lo mas bonito que jamas me han dicho antes!
haha gracias!
Con este solo video me ayudaste con una app casi entera, excelente hermano
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
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!!
Eres un excelente presentador de contenidos, todo queda muy claro, muchas gracias y felicitaciones.
Está muy bien explicado.. :-) Mil gracias! También estudiaré la segunda parte, que ya se ha publicado, para ver opciones más detalladas.
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.
Sii, seria bueno que explicaras todas funciones de sortable
Excelente video. Muy bien explicado
Tienes que subir otro explicando más a fondo como funciona la librería
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
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
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
Estaría bien un video más en profundidad!
Como anillo al dedo, gracias por el aporte
Eres un capo Man, estoy a la espera de tu próximo video avanzado eh.. una vez más felicitaciones y éxitos.
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.
Muchas gracias bro, tenía tiempo buscando un vídeo que me explicara como se hacen estas cosas.
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
Genial tu video estaba buscando cómo hacer algo como funciona Trello ... Sería genial ampliar más sobre esta librería
Mas Videos de Lenguaje de Programación Por Favor y sus respectivos ejemplos❤
Si por favor háblanos más, seria genial usarlo con un dashboard
Muy bueno. Otro video de este tema pls.
Ó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
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
excelente eres muy didactico sabes lo que haces
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
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.
Esperando a que hagas un video más avanzado sobre drag&drop me interesa mucho
muchas gracias por ese video, la verdad que era exactamente lo que necesitaba !
muy bueno, tus videos son geniales, por favor has mas videos de esa libreria.
muchas gracias, justo lo que necesitaba
Desde colombia saludos exelente video
Excelente video, seria bueno que realices uno con base de datos MYSQL Y PHP, saludos
Realmente me salvaste, has otro de esta librería
Ya lo subí, es mi penúltimo video del canal.
@@FalconMasters tienes nuevo subscriptor :)
Genial! Muy buen video
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
Qué buen tutorial, explicas muy bien ✅
Muy buen video Falcon bastante bien explicado muchas gracias sigue asi!!!
Gracias!
Buen video amigo, gracias por tu aporte
muito obrigado, falo aqui do Brasil!
2da parte uf esta genial
genial! tenés cursos donde te adentras un poco más en el uso de este tipo de librerías? Saludos!
Muy buenos tus videos como siempre. Pagaría por un curso tuyo de Angular.
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.
Excelente video, podrías hacer uno agregando los datos de un input y arrastrarlo a un lugar para borrarlo
Hola, estupendo video 👍
Pero los elementos drag and drop también son responsivos????
Agradecería tu respuesta
me encanto mas de esto ´por favorrr
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!
Que buenisimo video eres muy buen profesor, gracias por la ayuda! ,😊👏
Muchas gracias!
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!
Mike se conserva muy bien
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!
Excelente!
exelnte!! muchas gracias!!!
excelente! hazte uno para React JS manito!
Genial, muy bien explicado!
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
Sería bueno que explicarás más funciones de la librería..
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. Gracias. Suscrito
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
Mike 18 años... Después de haber tenido a su 7mo hijo
muy buen video
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
buen video amigo, Tienes alguna explicacion de como hacer que al cambiar de una tabla a otra se cambie el status en la db?
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.
Me Encanta😍
Una pregunta crack, que teclado usas? Just curiosity.
Ótimo conteúdo!
Puedes hacer un tutorial explicando como usar la librería Filepond (subida de archivos) y guardarlos en el servidor?
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.
otro video de la Drag and Drop
Cómo es q sabes todo eso :o ? Asombroso .... 👍
🔥🔥🔥🔥🔥 coooool
Has otro vídeo de sortablejs =)
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í.
Buenas, que tema de vsCode estás usando?
Haz un tutorial con todo ese contenido por favor sería de mucha ayuda maestro.
¿Que contenido te refieres?
@@FalconMasters es de lo mismo pero más completo como lo mencionaste al momento de explicar de que trata la librería de Js
@@cristianrafaelbernalsuclup1993 ah ya entiendo, yo creo si voy a hacer el video.
@FalconMasters como seria hacer lo mismo, pero en laravel?
otro video de esta lib porfa
un dia algun videito de alguna libreria tipo sweet alert 2, pero estilisada con css para que sea mas bonito jiji
No la conocía, le he dado un vistazo y esta genial. Me la apunto para hacer un video de ella.
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.
*Like si te gusta progamar*
Por cada like pondré "programación"
1.programacion
Como podria implementar esta libreria en un proyecto mvc 4
Mike 18 años, 40 años de experiencia
master una consulta, porque al correr mi pagina al ri cargando elementos se traba un poco? mil gracias por tu ayuda !
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!
gracias viejo, en teoría puedo hacer esto en react verdad ?
Si claro, de hecho Sortable tiene soporte para React.
@@FalconMasters quiero hacer un proyecto y esta funcionalidad era lo que buscaba, gracias