thumbnail del video de la presentacion del curso

Accede a todo el contenido por un único pago anual

$7000 MXN

Suscribirme

Pagos encriptados SSL seguros

Tarjetas Visa AceptadasTarajetas Matercard Aceptadas
Badge del Curso de Flexbox Layout y Componentes

Curso de Flexbox Layout y Componentes

Accede a todo el contenido por un único pago anual

$7000 MXN

Suscribirme

Pagos encriptados SSL seguros

Tarjetas Visa AceptadasTarajetas Matercard Aceptadas

Requisitos

Las bases en HTML y CSS que se obtienen de forma autodidacta o en el curso esencial de HTML y CSS 

Qué aprenderás

  • Flex Layout Box: desde su teoría, estructura casos de uso y puesta en práctica real.
  • Arquitectura: establecemos convenciones para estructurar el código y proyecto.
  • a11y: Todo el código generado el 100% accesible.
  • Figma para Frontends.
  • Modelo lógico: el proyecto es 100% realizado con las técnicas de maquetación modernas.
  • Unidades relativas: el proyecto completo se adaptará solo cambiando un tamaño de fuente.
  • Flujo diseñador / programador: evaluamos las circunstancias de intercambio de ideas en tu equipo.
  • Diseño a código: el proyecto cuenta con diseño en Figma que podrás descargar y modificar.
  • Proyecto: Spotifu es un clon exacto de la interfaz web de Spotify.

Duración

9 horas

Clases

47 lecciones

Toma una clase de prueba

Problemas en nuestro código actual
thumbnail de una clase gratuita

Medalla del curso

Mira todas las clases del curso y completa el proyecto para obtener la medalla de: Futuro.

Sara exponiendo las medallas desplegadas
futuro-layer-1
futuro-layer-2
futuro-layer-3
futuro-layer-4
futuro-layer-5
futuro-layer-6

Estas son todas las clases

Valoraciones

walter torres

walter torres

Es un curso único, le da un toque especial que te engancha

Fran Web Designer

Fran Web Designer

Sin duda alguna es un curso increíble. Lo que más me ha gustado es aprender cómo trabaja Leonidas, su metodología es la de un PRO !!

Fran Alarza

Fran Alarza

Curso muy recomendable, la estrategia de hacer el curso a la vez que el proyecto es la manera en la que mas aprendo. Gracias Leo!

Fabiola Acarapi Alvarez

Fabiola Acarapi Alvarez

La clase sobre flexibilidad es mi favorita y lo pude reforzar aplicandolo en el proyecto. Conocer mejor sobre accesibilidad aporta mucho :D

Oscar Aguilar

Oscar Aguilar

Este curso es buenisimo, me encanto la dinamica de tener teoria y practica. 100 de 100 a este curso y a Leonidas! :D

Hernán Arica

Hernán Arica

La verdad valió mucho la pena comprarlo, si bien ya sabía flexbox me nutrió en temas de accesibilidad, hacer iconos con icomoon.

Octavio Olan

Octavio Olan

Lo que me gustó del curso fue como pequeñas partecitas construyen grandes cosas.

Pablo Andrés Valdivia Cuzcano

Pablo Andrés Valdivia Cuzcano

Excelente curso y profesor, Leonidas sabe como explicar cada característica de Flexblox para que puedas explotarlas al máximo. 🥳

Gerson Enriquez

Gerson Enriquez

Curso muy bueno, totalmente recomendado!

David Mario Licla Carpio

David Mario Licla Carpio

Wow este curso es genial he aprendido muchos temas que me permitirán desarrollar una excelente interfaz web siguiendo muy buenas practicas.

Felipe Merchan

Felipe Merchan

Me quedo sin palabras para describir el increíble nivel de la formación de Leonidas. ¡Aprendí más de lo que me imaginaba!

Lennys R

Lennys R

Buen curso. Se aprende mucho sobre Componentes y Accesibilidad. Sin duda Recomendadisimo Leonidas a mejorado al 1000000%, Toma este curso ya

Ivan Bustos

Ivan Bustos

El curso me pareció muy bueno para aprender las bases de Flexbox layout y componentes. El profesor tiene muy buen feeling para enseñar.

Cristian Palacios

Cristian Palacios

Excelente curso van aprender muy buenas practicas. Me encanto.

Sara presentando el proyecto a desarrollar durante el curso

Spotifu

  • Con este proyecto podrás crear la estructura de una de las apps más famosas de la industria musical.
  • Aprenderás a manejar los distintos estados de componentes y como interpretarlos desde el diseño hasta el código.
  • Dominarás el uso de múltiples buenas prácticas y aplícalas en todos tus proyectos.

Metodología
Progressive Learning

Funciona como una escalera de componentes al estilo LEGO.

Bloques dispersos
Linea de bloques opaca

Por medio de piezas pequeñas, comienzas a construir tu escalera de conocimiento continuo.

Cada peldaño es importante para el siguiente.

grupo de bloques opacosgrupo de bloques opacos

Metodología
Progressive Learning

Funciona como una escalera de componentes al estilo LEGO.

Bloques dispersos
Linea de bloques opaca

Por medio de piezas pequeñas, comienzas a construir tu escalera de conocimiento continuo.

Cada peldaño es importante para el siguiente.

grupo de bloques opacosgrupo de bloques opacos

Preguntas frecuentes

  • ¿Qué necesito para tomar los cursos?

    Un computador con cualquier especificación de hardware o sistema operativo donde puedas tener un navegador como Google Chrome y un editor de código como Visual Studio Code.

  • ¿Entregan certificados al finalizar el curso?

    Sí, tenemos 2 clases de certificados:

    • Por culminación de un curso, donde solo necesitar ver el 100% de las clases y dejar una reseña del mismo.
    • Al mérito, donde debes completar y aprobar el proyecto del curso y solo están disponibles en los cursos de la columna vertebral de aprendizaje que son el primer nivel de nuestro plan de estudios.
  • ¿Qué precio tiene cada proyecto, existe alguna suscripción o pago mensual/anual?

    Puedes comprar el acceso a todos los proyectos por 48usd al mes aquí, pero te recomendamos la suscripción total anual que incluye también cursos y talleres donde se desarrollan los mismos.

  • ¿Puedo pagar la suscripción a mensualidades?

    Claro, tu tarjeta de crédito va a diferir a cuotas automáticamente el cobro y solo para México el sistema de meses sin intereses en planes anuales.

  • ¿La suscripción se renueva automáticamente?

    Sí, cada ciclo mensual o anual según hayas elegido.

  • ¿Cómo envió, edito o elimino mi proyecto?

    Este es el tutorial de como funciona el sistema de /Proyectos.

  • ¿Cómo pausar temporalmente mi suscripción?

    ¿Cómo pausar temporalmente mi suscripción?

  • ¿No encontró respuesta a su pregunta?

    El último recurso es escribirme a voy a intentar ser lo más honesto para ayudarte, pero estoy seguro de que el sistema de comentarios y discord son más veloces y muy bien capacitados para ayudarte.

  • ¿Qué hace esta plataforma y como puedes ayudarme?

    Somos una alternativa de educación enfocada en hacerte un Frontend excelente, nuestra guía de estudio es profunda, ordenada y cuenta con una serie de proyectos para que no quede en duda tu aprendizaje. Te enseñamos cómo y por qué escribes el código que escribes.

  • ¿Cómo evalúan mi aprendizaje?

    Cada curso o taller lleva anexo un proyecto de aquí donde desarrollamos cierto porcentaje del mismo y te dejamos unos cuantos módulos para que tú practiques y sumado el sistema de evaluación 1 a 1 vemos tu código para darte feedback o celebrar tus logros.

  • ¿Cuentan con cursos gratuitos?

    Claro, experimenta nuestro sistema de enseñanza ya mismo y hasta becas para quienes gozan de aprender

  • ¿Qué métodos de pago aceptan?

    Tarjetas de crédito/debito Visa y Mastercard a nivel mundial, Paypal como 2do recurso y transferencia bancaria solo en México, Colombia y Perú.

  • Ya he pagado, ¿Qué hago ahora?

    Elige tu curso o Proyecto a iniciar. No Te Rindas.

  • ¿Dónde puedo obtener ayuda estoy atorado en mi proyecto?

    Tenemos un servidor de Discord donde hacemos live coding, respondemos preguntas y charlamos en general. Desde tu perfil puedes vincular y unirte al server.

  • ¿Los proyectos son de libre uso o debo hacer alguna mención al autor?

    Agradecemos cualquier mención a leonidasesteban.com, pero no es obligatoria.

  • ¿Cómo puedo borrar mi cuenta?

    Escríbeme a

Opiniones de profesionales en la industria

Marian Villa

Marian Villa

UI/UX | Founder | CEO | Director 👩‍💼 @pionerasdev

Leo no solo es un gran profesional, es un gran ser humano. Admiro su profesionalismo y atención al detalle. Siempre sé que vienen cosas grandes de él y este curso no es la excepción, sé que todo Latam aprenderemos montones aquí. 💪

Karime Jalil

Karime Jalil

Entrepreneur. People&Culture. HR. Startups . LATAM

Su pasión por enseñar pero sobre todo por aprender la contagia en todo lo que hace, Leonidas es una gran persona que siempre nos recuerda que no hay que rendirnos nunca!!

Jorge Cano

Jorge Cano

Google Developer Expert & Principal Architect en Hero Devs

Siento que hay poca gente que puede tener la pasión por la educacion como Leonidas, y lo demuestra en cada contenido que hace... Es del poco contenido que consumo en español!

Vanessa Marely

Vanessa Marely

GDE Angular & Web Technologies

Leonidas es un gran profesional, increíble persona y un docente apasionado; en todos sus cursos siempre aprendemos de él y encontramos contenido de muy buena calidad, y este curso no es la excepción, en él aprenderás mucho sobre lo que la industria nos está pidiendo.

Guillermo Rodas

Guillermo Rodas

Google Developer Expert

Hace años que sigo el trabajo de Leonidas y siempre me ha sorprendido la disponibilidad y facilidad que tiene para explicar conceptos básicos y avanzados de programación. Su pasión por la comunidad y ganas de cambiarle la vida a las personas mediante la educación hacen que sus clases conecten con los estudiantes entregando contenido de alta calidad.

Fazt

Fazt

Fundador de FaztTech y FaztCode

Leonidas es un excelente profesional, altamente enfocado en su trabajo y siempre buscando la mejora continua en lo que respecta a educación.

Laura Morinigo

Laura Morinigo

Developer Advocate en Samsung

Leonidas es un referente de las tecnologías web dejando bien en alto a la comunidad hispana. Su pasión por enseñar siempre ha sido de gran inspiración y un lugar de referencia para convertirte en experto!

Anahí Salgado

Anahí Salgado

Android Dev, Flutter, Geek and Teacher

Tener a Leonidas como profe es una de las experiencias más divertidas y llenas de confianza que puedas tener. Leo siempre está preocupado por entregar el contenido de la manera más estructurada, profesional y coherente posible de tal forma que siempre te lleves una experiencia en tu aprendizaje. Desde que lo conozco para mí es sinónimo de calidad y motivación. Es genial ser alumno de Leonidas.

Gustavo Delgado

Gustavo Delgado

VP of Engineering

Trabajamos juntos por dos años y durante ese tiempo siempre demostró una gran empatía a todos los retos que tuvimos que superar y ayudó mucho en fomentar la cultura que teníamos en el equipo. A nivel técnico también se encargo de crear una estructura escalable para todos nuestro desarrollos front end y tener las mejores prácticas para asegurar un buen servicio final a nuestro usuarios. Tanto a nivel personal como profesional considero a Leo una excelente persona y espero tener la oportunidad de coincidir nuevamente con él en algún proyecto en el futuro 🙂

Pato

Pato

Google Developer Expert

Yo he aprendido mucho de Leonidas desde como enseña, su amor por ayudar y algunos trucazos por ahí también. Leonidas no solo te hará crecer tus conocimientos técnicos, pero también como crecer como persona y profesional.

Pablo Villanueva

Pablo Villanueva

Customer Engineer en Google

Con Leo te divertirás, serás parte de una gran comunidad y llevarás tus habilidades de desarrollo al siguiente nivel. No importa en donde te encuentres en tu viaje profesional, estoy convencido que encontrarás gran valor en los cursos y contenidos de Leo, que sus explicaciones serán claras, concisas y de alta calidad, y que seguro sales con un trucazo nuevo en cada interacción!

Sergio Xalambrí

Sergio Xalambrí

Frontend Lead en Able

Leonidas es de los mejores Frontend Dev y profesores que conozco, siempre que veo contenido suyo se que va a ser de una calidad increíble.

Josue Gutierrez

Josue Gutierrez

Google Developer expert

Si quieres aprender sobre Web, Leo es el mejor maestro! Hacía falta contenido de esta calidad en el continente! Recomendado 100% sin importar el nivel que tengas. 👍

Antonio Guzmán

Antonio Guzmán

Google Customer Engineer

Leo representa muchos de los mejores valores que identifico en las personas que te pueden ayudar a alcanzar nuevos niveles profesionales porque es alegre, honesto, empático y siempre está decidido a hacer más sólidos sus conocimientos porque sabe que tiene un compromiso con su comunidad.

Joel Humberto Gómez Paredes

Joel Humberto Gómez Paredes

GDE Web Technologies && Google Maps Platform

Leonidas es una persona muy apasionada en sus proyectos y en todo lo que hace, siempre con una gran actitud. Siempre busca como mejorar y hacer mejor su trabajo, como profesional y como ser humano es una excelente persona

Suscríbete ahora y comienza tu historia en la industria de la tecnología

    Suscripción mensual

    $700 MXN

    Pago mensual

    Comienza a aprender y ve contenido nuevo cada mes.

    • Acceso a todos los cursos

    • Acceso a todos los talleres

    • Acceso a todos los proyectos

    • Acceso a Discord

    Subcribirme mensualmente

    Suscripción anual

    $583 MXN

    Por mes pagado anualmente

    Asegura tu futuro y aprende todo lo necesario durante un año.

    • Acceso a todos los cursos

    • Acceso a todos los talleres

    • Acceso a todos los proyectos

    • Acceso a la comunidad de Discord

    Suscríbirme anualmente

    Curso individual

    $50 MXN

    Pago por un curso

    Toma este curso de manera individual.

    • Acceso de por vida a este curso

    • Acceso al proyecto Spotifu

    • Acceso a la comunidad de Discord

    • Acceso a todos los proyectos

    Comprar este curso

Descuentos adicionales para estudiantes. Inicia sesión

Satisfaccion 100% garantizada por nuestro diamante

Si no aprendes algo nuevo, te devolvemos tu dinero

Satisfaccion 100% garantizada por nuestro diamante