Hermano Chileno que lindos tus vídeos, muy esclarecedor todo. Te agradezco infinitamente que existas tienes una forma de explicarlo todo excelente. Soy de buenos aires, estoy iniciando una tecnicatura en Programación en TECLAB, de forma online. Vimos algunos vídeos tuyos muy buenos. Gracias por compartir la experiencia de trabajar como desarrollador en Auckland, y tus tutoriales luego veré uno por uno.. también veré tus cursos. Un abrazo grande y muchas bendiciones para ti y tu familia.
Que buen video! Actualmente estamos trabajando con Design system y tal como lo indicas comenzamos por los átomos. Soy front y trabajamos en React Native, usamos la base de Native base y claramente creamos componentes nuevos en base al sistema de diseño que claramente tiene que ser muy exacto! En temas de espacios, alturas y todo! Y uff es caleta pega pero 100% escalable
A mi me encanta la combinación TailwindCSS + SCSS aplicando atomic design, si eres una startup puedes usar la configuración por defecto y construir muy rápido, y si eres una empresa grande, puedes meterte de lleno a metodología de Design Systems y hacer tu propia configuración de TailwindCSS. Sin olvidar usar PurgeCSS en el build. Lo único malo es que se queda corto para grids, pues solo tiene lo básico de flex pero no entre con cssgrid, sin embargo css grid es realmente fácil y si se hacen las plantillas directo a SCSS, termina compensándose.
Yo con react suelo usar bulma y styled components, este ultimo solo para determinados componentes, pero creo que lo mejor seria hacer todo con flex y cssgrid, bulma lo uso mas como apoyo
Que buen vídeo!! Te felicito por recopilar tan buen material; como se nota que te gusta tu trabajo. Y que bueno que sea así...con ello podemos verte en mas oportunidades. Un abrazo
Excelente video, es muy interesante el tema planteado. Como opinión de mejora podrías ir mostrando ejemplos visuales en los videos, en la esquina superior derecha, mientras te explicas con un tema, por si alguien no se maneja muy bien en el tema o posee problemas para entender a lo que te refieres, solo es un consejo, en lo personal me encanta tu canal, sigue asi
Excelente, con cada video entiendo mejor las condiciones de ser desarrollador. Es un mundo completamente nuevo, cada vez aparece una nueva especificación para cada cosa... Gracias, en serio, muchas gracias.
Yo uso Bootstrap en asp.net MVC y los componentes visuales los llevo armados desde la BD, una mala práctica creó pero me ahorra bastante trabajo, igual son aplicaciones.super chicas en N de usuarios, asi que no he tenido problemas de rendimiento, pero creo que debo actualizar mis prácticas, gracias por compartir tus conocimientos.
Súper bakan tu video. Nos pilla justo en un vórtice de un proyecto. Tenemos figma y atomic. Unos html feos que a veces no cuadran con figma. Un cliente que luego de 6 meses quiere cambiar todo….. y estamos buscando la alternativa: bootstrap, material y propuse bulma, y si te di los créditos porque mi propuesta se basa en este video. Muchas gracias. Tienes un subscriptor nuevo
Programo como hobby y Bootstrap me ha salvado la vida. Soy negado para el diseño pero ver cómo un simple wtf.quickform(form) te genera un formulario como las páginas pro es hermoso. Así me puedo dedicar más al backend que me defiendo mucho mejor.
Excelente video, me hizo pensar en cosas que antes no pensaba. Al terminar el video se me viene a la cabeza Tailwind css, ya que con sus clases que pueden conformar de a poco grandes componentes y su funcion Purge, cumple muy bien con todo lo mencionado.
Me has hecho plantearme refactorizar una pequeña aplicación con diseño custom que estoy haciendo en Angular, mas que todo por cuestión de nombres. Excelentes aportes, saludos!!
He usado Bulma y es muy buen framework, la documentación tenia muchas discrepancias, pero ha mejorado mucho ultimamente. También he escuchado muchas cosas buenas de Tailwind CSS. Excelente video! Recién encontré tu canal y soy gran fan! Me gustaría un video comparando Vue vs React, saludos desde Arizona, USA.
En bootstrap no necesariamente usas jQuery puedes traer solo los estilos y dejar los scripts para implementar tu propio js con vue, jQuery o javascript puro en las clases de bootstrap, yo e echo eso varias veces porque a veces también generan conflictos entre los scripts o también implementar css grid :) para las columnas
Ya llevo tiempo que te sigo y no había visto este video. Tengo rato que quiero mandar a volar bootstrap, ya que como dices, no uso todos los componentes y tengo que importar todo bootstrap. Estaba pensando en darle una oportunidad a tailwind, pero ahora que vi tu video, le echare un ojo a bulma. A día de hoy seguirías con bulma o me recomiendas ver otro?. Gran video y un saludo desde México hasta Nueva Zelanda.
Lo positivo de Bulma es que es modular, y puedes importar solo lo que necesites: - buttons - forms Y así no ocupar todo el Framework, si no lo que necesitas. Punto para Bulma jeje.
4 ปีที่แล้ว +1
Yo uso Metro UI CSS metroui.org.ua/ por muchas razones descritas en el video, incluso por su fácil integración con React JS, sin embargo creo que Bulma es una excelente alternativa.
@ HolaMundo Tengo una consulta. He estado investigando más al respecto sobre atomic design/design system y como aplicarlo correctamente a react y angular. Pero me surge la pregunta: ¿Los elementos de tipo átomo solo deberían ser clases de css o se deberían ser componentes como tal? Esta pregunta me surge porque si un átomo es , por ejemplo, un input entonces seria raro hacer 1 componente por cada etiqueta de html. Aportaría valor si este átomo tuviera un comportamiento extra y que se necesitara en varias partes. La otra pregunta es: Cuando yo necesito customizar un framework de css normalmente lo tengo que hacer con sass. Para sobre escribir las variables y cuando se compile este ya tenga las variables que nosotros sobreescribimos. ¿No hay ninguna manera de nosotros sobreescribir esas variables solo con css, por ejemplo las variables puras de css?
@@HolaMundoDev Muchas gracias, esque había visto a una gente en internet haciendo componentes de átomos y me pareció innecesario. :) en las últimas versiones de css agregaron variables, solo que no son compatibles con todas las versiones de chromium
Hola, antes que nada muy buen contenido, me surge una duda, como puedo aplicar en bulma la metodologia "Atomic Design", entiendo esto como por ejemplo el motor de plantillas que tiene Laravel llamado "Blade", en el cual puedes crear secciones de la pagina con variables, las cuales se pueden invocar en una vista "pagina" y cambiar los valores por medio de las variables. Saludos desde México.
Que opinas del TailwindCSS ?. he leido muy buenas criticas, dicen que se puede configurar a voluntad. usas clases en lugar de agregar CSS extra. tambien es resonsive. podrias decirnos que opinas porfa. muchas gracias por tus videso estan muy buenos saludos ✌🏻
Hola, HolaMundo. Que podrias recomendar para la siguiente situación: actualmente tengo una base con flexbox y responsiveness en paginas test que he hecho, solo me faltaria CSS Grid para poder tener las bases bien. Una vez que termine con CSS Grid, debería pasar a usar un framework como Bulma o TailwindCSS?
Uso react-semantic porque tiene muchos componentes y puedo combinarlos como si fueran Lego, Ademas puedes implementar temas de todo tipo o crear el tuyo propio.
dedicarle tiempo a un design system habiendo figma, sketch, merece la pena dada la facilidad de uso y luego el código se pica rápido, no hay que volver atrás ni ir probando. Hace el proyecto coherente y facilmente escalable, a la vez que trabajar en equipo es mucho más viable, habiendo varias herramientas disponibles a tiempo real incluso. a mi no me molan los frameworks de css. no conozco atomic, tampoco he indagado mucho sobre ello, pero prefiero poner las cosas yo donde puedo modificar y ver donde puede haber errores. Luego las cosas no encajan o te sale el scroll y no sabés porqué.
por lo que he visto como laravel implemento TailwindCSS se ha vuelto muy popular y solo deja los componentes que se utilizan en la fase de producción el resto los elimina, que podrías decir de esa alternativa? la recomiendas ?
En mi opinión, en esta época ya no es necesario....con la evolución del html y css; incluso llegamos a muchos casos donde podemos prescindir de Javascript. El tiempo que invertimos en aprender Frameworks, lo podemos dedicar a aprender como tal el CSS y tener una mayor fluidez a la hora de desarrollar algo, no veras tu imaginación sesgada!! Lo que podemos hacer es, ser muy organizados, aprender las bases de css y html....y finalmente usarun editor como VSCode con Snippets. No se necesita más...
Cierto, CSS se actualiza y cada vez es mas completo, ya tenemos variables y podemos usar el include, cosas que eran exclusivas de los preprocesadores de CSS
Con PurgeCss eliminas la desventaja de la "modularidad y acople" de los otros frameworks. Personalmente cuando quise buscar otros framework por sobre bootstrap, llegue a bulma, pero al poco tiempo termine en tailwindcss.com/ ya que bulma recién estaba en su versión (0.3.x inferior, 3 años atrás) y la documentación como los componentes/módulos eran prácticamente nulos y se tenían que crear desde cero, por eso preferí un framework utility-first css.
Todos los frameworks te llevan a buen puerto siempre que conzcas cuales son sus ventajas y desventajas y sepas como lidiar con ellas. Cuando el proyecto es muy grande y requiere exclusividad es mejor tener Diseñadores masters en CSS que probablemente no utilicen ningun framework y sean capaces de realizar sus propios componentes, esto generalmente lo realizan las empresas que tienen mucho dinero para invertir y necesitan un producto 100% personalizado. En cambio si el tiempo y recursos que dispone la empresas para lanzar un producto es acotado, es mejor utilizar un framework. Pueden usar cualquier framework siempre y cuando puedas justificar porqué lo usas. No existe el "Mejor framework" ... Todos sirven para hacer desarrollos rápidos cuando los tiempos se acortan. Con tailWindCSS tendrás que desarrollar tus propios componentes en CSS puro, es muy personalizable pero te exige conocimientos de PostCSS y CSS avanzado. Pero es una muy buena opción. También utilizo Bulma CSS, Material-UI cuando desarrollo con React. Y ahora me estoy volviendo a amigar con Boostrap porque desde la Version 5 ya no depende de Jquery.
Hola. Cuando empiezas a hablar, me parece estar oyendo japonés, pero cuando llevo escuchando un rato empiezo a pensar... "ah, está hablando de programación por objetos, pero CONSTRUYENDO los objetos", o "los átomos son conjuntos indefinidos de propiedades y eventos con los que construir controles", o "ah, eso es herencia, o escalabilidad" no se, siempre las confundo. Soy autodidacta en temas de programación (web y de la otra), pero no me asusta, los lenguajes son todos iguales (variables, bucles, condicionales, funciones y procedimientos). Empecé con BASIC cuando era un niño, jugando con un MSX de mi tío (20goto10), luego VB6, luego QBASIC (si, al revés), de ahí salté (por narices) a VB.NET... luego html, php... pero los framework estos nuevos para web, de cabceras dinámicas y bases de datos me dan mucha pereza (bootstrap?), me aburrí tras ver que son variaciones más o menos eficientes del mismo patrón dinámico de Wordpress. Aunque entiendo que son necesarios por cuestiones de ajustes del formulario a su marco en tiempo de ejecución (malditos teléfonos). Hace unos veranos descubrí MIKE OS y aprendí ensamblador (lo justo, jajaja), y ahora ando enredando con linux, que tengo mucha máquina vieja pillando polvo. Además, entremedias he tenido niños, adiós tiempo libre. Quiero ponerme en algún momento a aprender algo mas contundente, pero no se si tirarme para los clásicos (C o algo así) o para los modernos (react, rust o lo que sea). Alguna orientación para eso? Gracias por tu trabajo.
Cuando hablas de configurar el framework, te refieres meterse al código y cambiar algunas cosas ya pre definidas, como colores tamaño fuente?, sorry lo noob :/
En los pasados días estuve custimizando un poco bulma para uno de los proyecto y esto es lo que puedo resumir. 1. Los framework de css nos das 2 tipos de archivos(pueden haber más pero estos son los que nos interesan): Editable (sass o less) y final o compilado (css). 2. Cuando vamos a custimizar nuestro framework lo que hacemos es crear otro sass e importar el sass del framework, para en este archivo nuevo poder sobreescribir las variables de sass. Despues cuando compilemos nuestro proyecto, tambien, hay que compilar todos los archivos sass o less. Lo cual, nos dará como resultado un archivo final (css)
PostCSS soluciona el tema de las clases que no se usan, cuando se incorpora un framework de CSS se puede depurar para que nuestro proyecto no tenga clases que no se usen
pero esta muy pesado el css de button de bulma. ....como lo trabajas puede que este confundido pero reitero el button.css esta mas pesado que todo el bootstrapp minified.
Bueno son parecidos jajajaja, felicidades por el canal como siempre uno de los mejores aportes y mas encima producto nacional..... saludos y sigue ayudándonos...
@@HolaMundoDev jajaja al del canal Unbox Therapy , a todo esto te lo recomiendo es muy bueno, aunque habla de otros temas ro tema relacionado con la tecnología.
Esto es oro puro, podrías hacer un video hablando de los Framework más importantes, ventajas y desventajas.
TailwindCSS, Fundation, etc
Hermano Chileno que lindos tus vídeos, muy esclarecedor todo. Te agradezco infinitamente que existas tienes una forma de explicarlo todo excelente. Soy de buenos aires, estoy iniciando una tecnicatura en Programación en TECLAB, de forma online. Vimos algunos vídeos tuyos muy buenos. Gracias por compartir la experiencia de trabajar como desarrollador en Auckland, y tus tutoriales luego veré uno por uno.. también veré tus cursos. Un abrazo grande y muchas bendiciones para ti y tu familia.
Que buen video! Actualmente estamos trabajando con Design system y tal como lo indicas comenzamos por los átomos. Soy front y trabajamos en React Native, usamos la base de Native base y claramente creamos componentes nuevos en base al sistema de diseño que claramente tiene que ser muy exacto! En temas de espacios, alturas y todo! Y uff es caleta pega pero 100% escalable
Claro! En un comienzo lo es, los frutos se ven después.
A mi me encanta la combinación TailwindCSS + SCSS aplicando atomic design, si eres una startup puedes usar la configuración por defecto y construir muy rápido, y si eres una empresa grande, puedes meterte de lleno a metodología de Design Systems y hacer tu propia configuración de TailwindCSS. Sin olvidar usar PurgeCSS en el build.
Lo único malo es que se queda corto para grids, pues solo tiene lo básico de flex pero no entre con cssgrid, sin embargo css grid es realmente fácil y si se hacen las plantillas directo a SCSS, termina compensándose.
a mi bootstrap no me ha gustado absolutamente nada, recomiendas aprender primero ese que usas tu?
Yo con react suelo usar bulma y styled components, este ultimo solo para determinados componentes, pero creo que lo mejor seria hacer todo con flex y cssgrid, bulma lo uso mas como apoyo
Que buen vídeo!! Te felicito por recopilar tan buen material; como se nota que te gusta tu trabajo. Y que bueno que sea así...con ello podemos verte en mas oportunidades. Un abrazo
Excelente video, es muy interesante el tema planteado. Como opinión de mejora podrías ir mostrando ejemplos visuales en los videos, en la esquina superior derecha, mientras te explicas con un tema, por si alguien no se maneja muy bien en el tema o posee problemas para entender a lo que te refieres, solo es un consejo, en lo personal me encanta tu canal, sigue asi
Excelente, con cada video entiendo mejor las condiciones de ser desarrollador. Es un mundo completamente nuevo, cada vez aparece una nueva especificación para cada cosa... Gracias, en serio, muchas gracias.
Yo uso Bootstrap en asp.net MVC y los componentes visuales los llevo armados desde la BD, una mala práctica creó pero me ahorra bastante trabajo, igual son aplicaciones.super chicas en N de usuarios, asi que no he tenido problemas de rendimiento, pero creo que debo actualizar mis prácticas, gracias por compartir tus conocimientos.
Recién me entero de este sitio, soy junior todavía entonces no tengo mucho conocimiento pero, gracias por compartir el link :)
Para qué sirve bootstrap si ya existe grid, además pesa bastante.
muy buen video , a mi personalmente me gusta meter un solo framework de css y lo de mas darle mi propios estilos , actualmente estoy con material-ui
Súper bakan tu video. Nos pilla justo en un vórtice de un proyecto. Tenemos figma y atomic. Unos html feos que a veces no cuadran con figma. Un cliente que luego de 6 meses quiere cambiar todo….. y estamos buscando la alternativa: bootstrap, material y propuse bulma, y si te di los créditos porque mi propuesta se basa en este video. Muchas gracias. Tienes un subscriptor nuevo
Programo como hobby y Bootstrap me ha salvado la vida. Soy negado para el diseño pero ver cómo un simple wtf.quickform(form) te genera un formulario como las páginas pro es hermoso. Así me puedo dedicar más al backend que me defiendo mucho mejor.
Excelente video, me hizo pensar en cosas que antes no pensaba. Al terminar el video se me viene a la cabeza Tailwind css, ya que con sus clases que pueden conformar de a poco grandes componentes y su funcion Purge, cumple muy bien con todo lo mencionado.
Me has hecho plantearme refactorizar una pequeña aplicación con diseño custom que estoy haciendo en Angular, mas que todo por cuestión de nombres. Excelentes aportes, saludos!!
muchas gracias!! me ha ilustrado mucho la información
Podrías hablar de librerías y framework en general .cuando usarlo y cuando no
Me gusto como trataste el tema
He usado Bulma y es muy buen framework, la documentación tenia muchas discrepancias, pero ha mejorado mucho ultimamente. También he escuchado muchas cosas buenas de Tailwind CSS. Excelente video! Recién encontré tu canal y soy gran fan!
Me gustaría un video comparando Vue vs React, saludos desde Arizona, USA.
En bootstrap no necesariamente usas jQuery puedes traer solo los estilos y dejar los scripts para implementar tu propio js con vue, jQuery o javascript puro en las clases de bootstrap, yo e echo eso varias veces porque a veces también generan conflictos entre los scripts o también implementar css grid :) para las columnas
Ya llevo tiempo que te sigo y no había visto este video. Tengo rato que quiero mandar a volar bootstrap, ya que como dices, no uso todos los componentes y tengo que importar todo bootstrap. Estaba pensando en darle una oportunidad a tailwind, pero ahora que vi tu video, le echare un ojo a bulma.
A día de hoy seguirías con bulma o me recomiendas ver otro?.
Gran video y un saludo desde México hasta Nueva Zelanda.
Lo positivo de Bulma es que es modular, y puedes importar solo lo que necesites:
- buttons
- forms
Y así no ocupar todo el Framework, si no lo que necesitas. Punto para Bulma jeje.
Yo uso Metro UI CSS metroui.org.ua/ por muchas razones descritas en el video, incluso por su fácil integración con React JS, sin embargo creo que Bulma es una excelente alternativa.
el libro de atomic design se puede leer gratis en la web del autor está en ingles pero es excelente tener esa información para trabajar
Muchas gracias por compartir tu experiencia.
Justo que empecé con TailwindCSS
Buena recomendacion, yo tampoco quisiera tener codigo que no uso, pero lo malo es que no hay muchos tutoriales de Bulma
@
HolaMundo
Tengo una consulta.
He estado investigando más al respecto sobre atomic design/design system y como aplicarlo correctamente a react y angular. Pero me surge la pregunta:
¿Los elementos de tipo átomo solo deberían ser clases de css o se deberían ser componentes como tal? Esta pregunta me surge porque si un átomo es , por ejemplo, un input entonces seria raro hacer 1 componente por cada etiqueta de html.
Aportaría valor si este átomo tuviera un comportamiento extra y que se necesitara en varias partes.
La otra pregunta es:
Cuando yo necesito customizar un framework de css normalmente lo tengo que hacer con sass. Para sobre escribir las variables y cuando se compile este ya tenga las variables que nosotros sobreescribimos. ¿No hay ninguna manera de nosotros sobreescribir esas variables solo con css, por ejemplo las variables puras de css?
Hola! si, cada elemento html es un átomo, esto los hace más facil de componer y no debe tener comportamiento extra.
CSS no soporta variables :(
@@HolaMundoDev Muchas gracias, esque había visto a una gente en internet haciendo componentes de átomos y me pareció innecesario.
:) en las últimas versiones de css agregaron variables, solo que no son compatibles con todas las versiones de chromium
Hola, antes que nada muy buen contenido, me surge una duda, como puedo aplicar en bulma la metodologia "Atomic Design", entiendo esto como por ejemplo el motor de plantillas que tiene Laravel llamado "Blade", en el cual puedes crear secciones de la pagina con variables, las cuales se pueden invocar en una vista "pagina" y cambiar los valores por medio de las variables. Saludos desde México.
Muy interesante. Espero más videos como este. Mirare bulma. Saludos.
Que opinas del TailwindCSS ?. he leido muy buenas criticas, dicen que se puede configurar a voluntad. usas clases en lugar de agregar CSS extra. tambien es resonsive. podrias decirnos que opinas porfa. muchas gracias por tus videso estan muy buenos saludos ✌🏻
muchas gracias Nicolás, qué opinas de smacss y de oocss, muchas gracias.
LIKE asegurado ! Excelentes tus videos.... Saludos desde Barcelona, España
Hola, HolaMundo. Que podrias recomendar para la siguiente situación: actualmente tengo una base con flexbox y responsiveness en paginas test que he hecho, solo me faltaria CSS Grid para poder tener las bases bien. Una vez que termine con CSS Grid, debería pasar a usar un framework como Bulma o TailwindCSS?
Uso react-semantic porque tiene muchos componentes y puedo combinarlos como si fueran Lego, Ademas puedes implementar temas de todo tipo o crear el tuyo propio.
Que opinas sobre bootstrap y su v5?
donde dejaran de ser dependientes de jQuery y su face alpha que hace poco lanzaron
Hola, vale la pena utilizar el modulo styled components para react?
¿Que opinas de tailwindcss amigo? Saludos ❤️
Que vendría siendo material-ui en este caso? Para que tipo de aplicaciones es recomendable?
Pero de que manera se llama a los componentes aninados?
Ejemplo: un hover sobre un organismo, debe modificar el fondo de un atomo ¿como hacer eso?
dedicarle tiempo a un design system habiendo figma, sketch, merece la pena dada la facilidad de uso y luego el código se pica rápido, no hay que volver atrás ni ir probando. Hace el proyecto coherente y facilmente escalable, a la vez que trabajar en equipo es mucho más viable, habiendo varias herramientas disponibles a tiempo real incluso.
a mi no me molan los frameworks de css. no conozco atomic, tampoco he indagado mucho sobre ello, pero prefiero poner las cosas yo donde puedo modificar y ver donde puede haber errores. Luego las cosas no encajan o te sale el scroll y no sabés porqué.
por lo que he visto como laravel implemento TailwindCSS se ha vuelto muy popular y solo deja los componentes que se utilizan en la fase de producción el resto los elimina, que podrías decir de esa alternativa? la recomiendas ?
Yo uso Quickly CSS Grid simple y rápido
Hola idea de próx. Video podría ser un versus con tailwind css
Yo por lo general combino Material-UI, fontawesome y Bootstrap para lo que es diseño.
En mi opinión, en esta época ya no es necesario....con la evolución del html y css; incluso llegamos a muchos casos donde podemos prescindir de Javascript. El tiempo que invertimos en aprender Frameworks, lo podemos dedicar a aprender como tal el CSS y tener una mayor fluidez a la hora de desarrollar algo, no veras tu imaginación sesgada!! Lo que podemos hacer es, ser muy organizados, aprender las bases de css y html....y finalmente usarun editor como VSCode con Snippets. No se necesita más...
Cierto, CSS se actualiza y cada vez es mas completo, ya tenemos variables y podemos usar el include, cosas que eran exclusivas de los preprocesadores de CSS
Muchas gracias colega.
Podrías hacer un mini-curso de Bulma :).saludos
no entiendo quien le puede dar dislike a alguien que da info tan valiosa xD
JQuery lovers lol
Con PurgeCss eliminas la desventaja de la "modularidad y acople" de los otros frameworks.
Personalmente cuando quise buscar otros framework por sobre bootstrap, llegue a bulma, pero al poco tiempo termine en tailwindcss.com/ ya que bulma recién estaba en su versión (0.3.x inferior, 3 años atrás) y la documentación como los componentes/módulos eran prácticamente nulos y se tenían que crear desde cero, por eso preferí un framework utility-first css.
idem, y tambien se pueden extraer clases de utilidad repetitivas en componentes de interfaz de usuario tipo BEM
Un tema también interesante es hablar de CSS in JS.
Soy frontend y para mi los frameworks de CSS son solamente para prototipados rápidos, no para aplicaciones finales.
Soy senior engineer y no estoy de acuerdo :)
Creo que en el video lo explica claramente. Para una empresa pequeña usar un framework pera reducir el time to market en beneficioso
@@santiago2950 Empezó el debate señores. Celebrity DeathMatch!
Soy Senior y estoy en desacuerdo contigo.
Gracias Nicolas !!
Todos los frameworks te llevan a buen puerto siempre que conzcas cuales son sus ventajas y desventajas y sepas como lidiar con ellas. Cuando el proyecto es muy grande y requiere exclusividad es mejor tener Diseñadores masters en CSS que probablemente no utilicen ningun framework y sean capaces de realizar sus propios componentes, esto generalmente lo realizan las empresas que tienen mucho dinero para invertir y necesitan un producto 100% personalizado. En cambio si el tiempo y recursos que dispone la empresas para lanzar un producto es acotado, es mejor utilizar un framework. Pueden usar cualquier framework siempre y cuando puedas justificar porqué lo usas. No existe el "Mejor framework" ... Todos sirven para hacer desarrollos rápidos cuando los tiempos se acortan. Con tailWindCSS tendrás que desarrollar tus propios componentes en CSS puro, es muy personalizable pero te exige conocimientos de PostCSS y CSS avanzado. Pero es una muy buena opción. También utilizo Bulma CSS, Material-UI cuando desarrollo con React. Y ahora me estoy volviendo a amigar con Boostrap porque desde la Version 5 ya no depende de Jquery.
Referencia a Visual Politik al inicio?
Hola, excelente pagina, pero tus cursos no estan disponibles mundialmente, no puedo verlos en Costa Rica o es una limitacion de Tercer Mundo? jaja
Hola.
Cuando empiezas a hablar, me parece estar oyendo japonés, pero cuando llevo escuchando un rato empiezo a pensar... "ah, está hablando de programación por objetos, pero CONSTRUYENDO los objetos", o "los átomos son conjuntos indefinidos de propiedades y eventos con los que construir controles", o "ah, eso es herencia, o escalabilidad" no se, siempre las confundo. Soy autodidacta en temas de programación (web y de la otra), pero no me asusta, los lenguajes son todos iguales (variables, bucles, condicionales, funciones y procedimientos).
Empecé con BASIC cuando era un niño, jugando con un MSX de mi tío (20goto10), luego VB6, luego QBASIC (si, al revés), de ahí salté (por narices) a VB.NET... luego html, php... pero los framework estos nuevos para web, de cabceras dinámicas y bases de datos me dan mucha pereza (bootstrap?), me aburrí tras ver que son variaciones más o menos eficientes del mismo patrón dinámico de Wordpress. Aunque entiendo que son necesarios por cuestiones de ajustes del formulario a su marco en tiempo de ejecución (malditos teléfonos). Hace unos veranos descubrí MIKE OS y aprendí ensamblador (lo justo, jajaja), y ahora ando enredando con linux, que tengo mucha máquina vieja pillando polvo. Además, entremedias he tenido niños, adiós tiempo libre.
Quiero ponerme en algún momento a aprender algo mas contundente, pero no se si tirarme para los clásicos (C o algo así) o para los modernos (react, rust o lo que sea). Alguna orientación para eso?
Gracias por tu trabajo.
Que pienzas de TailWind?
Primer video que no dice cómo se fue a nueva zelanda y qué se necesita para ir a nueva zelanda y cómo hacen las cosas en nueva zelanda.
un video de como customizar BULMA
no sabes lo que me ayudó este video! Gracias!
Muy bueno genio total!!!!
Excelente video. Merecido Like
Excelente video!
Cuando hablas de configurar el framework, te refieres meterse al código y cambiar algunas cosas ya pre definidas, como colores tamaño fuente?, sorry lo noob :/
En los pasados días estuve custimizando un poco bulma para uno de los proyecto y esto es lo que puedo resumir.
1. Los framework de css nos das 2 tipos de archivos(pueden haber más pero estos son los que nos interesan): Editable (sass o less) y final o compilado (css).
2. Cuando vamos a custimizar nuestro framework lo que hacemos es crear otro sass e importar el sass del framework, para en este archivo nuevo poder sobreescribir las variables de sass. Despues cuando compilemos nuestro proyecto, tambien, hay que compilar todos los archivos sass o less. Lo cual, nos dará como resultado un archivo final (css)
Te amamos!!!
segun leo en reddit , mejor es tailwind, es similar a bulma , pero mas facil de implementar.
Deberías publicar un curso en TH-cam 🥺
Francisco Grandon tengo uno gratis de vim en udemy :), puedes verlo desde mi sitio
Si lo vi 👍🏻
Alguno utiliza material design for react??
Material es muy bueno, te recomiendo que le des una checada a Ant design que en algunos casos es un poco mas facil de aprender
t t t tailwind? 🥺
Jaja Aguante Issac Asimov
Muy buena!.
6:36 si soy jajaja
PostCSS soluciona el tema de las clases que no se usan, cuando se incorpora un framework de CSS se puede depurar para que nuestro proyecto no tenga clases que no se usen
Genial crack!
Es como la metodologia BEM
un poco tarde pero voy a probar bulma :3 dado que estaba usando bootstrap jajaja
pero esta muy pesado el css de button de bulma. ....como lo trabajas puede que este confundido pero reitero el button.css esta mas pesado que todo el bootstrapp minified.
Y una alternativa a atomic ??
tremendo !
A qué te refieres con configurarlo? 🤔
Estilos
Les dejo 2 para chekar:
*chota(sin base de preprocesador)
*miligram(basado en sass)
Mejor TailwindCSS y ya. Te resetea todo porque incluye normalize.css y es enfocado a utilidades :)
Hola me quiero comprar tus cursos de udemy. Hay posibilidad de que me des algún cupón de descuento??
wena washooooo!!!
frameworks de css, atomic design y disign system
Boostrap ya no depende de jQuery se encuentra en su última documentación.
Sin framework y utilizando procesador de lenguaje como sass.
o
Acá golpeando el maldito "me gusta"
Vuetify
@1:13 Visualpolitik?? A ti te paga la cia? XD
tu chaleco tiene un nepe entre "Los" y el "9" jajajja. Mensaje subliminal.
Creo que este canal es un plagio terrible a otro canal...
A cuál?? 😱😱
Por lo menos el youtuber, he aquí la prueba..
th-cam.com/video/986uL9C-dEA/w-d-xo.html
Bueno son parecidos jajajaja, felicidades por el canal como siempre uno de los mejores aportes y mas encima producto nacional..... saludos y sigue ayudándonos...
Jajajaja jajajajaj primera vez que me dicen que me parezco a él 😂
@@HolaMundoDev jajaja al del canal Unbox Therapy
, a todo esto te lo recomiendo es muy bueno, aunque habla de otros temas ro tema relacionado con la tecnología.