thumbnail del video de la presentacion del curso

Pagos encriptados SSL seguros

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

Curso de Flexbox Layout y Componentes

Pagos encriptados SSL seguros

Tarjetas Visa AceptadasTarajetas Matercard AceptadasTarajetas American Express 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

Misael Antonio Flores Sanchez

Misael Antonio Flores Sanchez

El flexbox es genial y Leonidas lo explica de modo que al menos yo lo entiendo bien. Muchas gracias.

Diego Gutiérrez

Diego Gutiérrez

El curso es un poco pesado, completo pero pesado, se aprende muchas cosas sobre todo la parte de los componentes. Buen curso.

Jose Delgado

Jose Delgado

Excelente curso , muy bien explicado

Leonel Moreno

Leonel Moreno

Completísimo, y muy bueno, Leonidas es perfeccionista y se fija en los detalles mas mínimos, gran aprendizaje, muchas gracias

Lucas Vera

Lucas Vera

Muy buen curso, aprendi cosas que antes no sabia

Jesús Antonio Valenzuela Rodríguez

Jesús Antonio Valenzuela Rodríguez

Excelente curso, te hace comprender todo acerca de Flexbox

Manuel Páez

Manuel Páez

Excelente! Por fin pude entender todo flexbox.

Mabel Velazco

Mabel Velazco

¡Muy interesante cada clase vista!

Johan Ibarra

Johan Ibarra

recomendado 100% soy desarrollador y hay muchas cosas nuevas que aprendí muy bueno.

Dante Ceballos

Dante Ceballos

Excelente explicación paso a paso, hasta consolidar el proyecto

Paulina Valero Cruz

Paulina Valero Cruz

Igual que los otros cursos siempre hay algo nuevo que aprender y que me sorprende con trucazos, lo super recomiendo

Edwin Hernández

Edwin Hernández

separar por componentes es genial, super recomendado.

Julian Pinzón

Julian Pinzón

Estuvo genial el curso leonidas, es genial que profundices tanto el front end, ahora es momento de poner el practica lo aprendido, Graciaass

Juan Marval

Juan Marval

Es Increíble!.. No solo es flexbox y componentes es muchísimo más. Te prepara para el ámbito laboral aplicando buenas practicas como un pro.

Anahí Baca

Anahí Baca

Gran curso. Me ayudo muchisimo a entender conceptos incluso cuando ya he tenido práctica con CSS y HTML :D

Felipe Serna

Felipe Serna

Excelente curso, va ampliando las perspectivas de este hermoso oficio.

Carlos Pinzón

Carlos Pinzón

Recomendadísimo, BRUTAL!!!!!!!

Cristian David Barragan Suarez

Cristian David Barragan Suarez

Un gran curso y muy bien explicado. gracias por tu dedicación a estos proyectos

Christopher Sands

Christopher Sands

un buen curso, lo recomiendo mucho

Marcelo Lanegra

Marcelo Lanegra

Buenísimo! Hubieron varias clases que marqué como favoritas porque fueron A1

Miguel Enrique Mejia Felix

Miguel Enrique Mejia Felix

Gracias, por el curso estuvo genial, sigo entusiasmado por seguir aprendiendo con tigo Leo!

lezmit Galarza  Sinche

lezmit Galarza Sinche

Todo el curso fue de mucho aprendizaje, el tema de accesibilidad es algo que no se enseña mucho o no tanto al detalle como aquí. TOP 1!

Omar Catillo Ortiz

Omar Catillo Ortiz

Leónidas es un excelente Profesor la verdad estoy contento de a ver pagado por la suscripción tiene diferenciadores que lo hace único .

Agustin Eliel Ibañez

Agustin Eliel Ibañez

10 de 10 el curso, un genio leonidas

Viva Javascript

Viva Javascript

Excelentes trucazos! Al fin entiendo el Flex

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

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!!

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.

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 🙂

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

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.

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.

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.

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.

Más popular

Suscripción anual

Suscripción anual

$29 USD

$17 USD/mes

Suscripción anual

Pagando anualmente 199

  • Paga a 3, 4, 5 y 6 meses sin tarjeta de credito

  • Conserva el acceso a los cursos que completes

  • Acceso a todos los cursos y talleres

  • Acceso a mas de 100 proyectos para tu portafolio

  • Acceso a la comunidad de Discord

Suscribirme

Solo Proyectos

Subscripcion anual

$48 USD

Subscripcion anual

  • Acceso a todos los proyectos

  • Acceso de por vida a los cursos que completen

  • Acceso a todos los cursos y talleres

Proyectos

Curso Individual

Pago por un curso

$50 USD

Pago por un curso

  • Acceso de por vida a este curso

  • Solo un proyecto incluido

  • Acceso a la comunidad de Discord

No hay ningun curso seleccionado

Suscripción mensual

Suscripción mensual

$35 USD

Suscripción mensual

  • Acceso de por vida a los cursos que completes

  • Acceso a todos los cursos y talleres

  • Crea tu portafolio con nuestros proyectos

  • Acceso a la comunidad de Discord

Suscribirme
Satisfaccion 100% garantizada por nuestro diamante

Si no aprendes algo nuevo, te devolvemos tu dinero

Satisfaccion 100% garantizada por nuestro diamante

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í, una vez completes el curso y que tu proyecto del curso sea aprobado, lo recibiras y podras compartirlo en Linkedin y tus redes sociales, puedes ver tus certificados aquí.

  • ¿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 Anual que incluye también cursos y talleres donde se desarrollan los mismos.

  • ¿Puedo pagar la suscripción a mensualidades?

    Si estas en México tu tarjeta de credito automáticamente va a diferir el pago a 6 meses sin intereses.

    Puedes pagar a 3, 4, 5, 6 meses la suscripción anual con cualquier tarjeta de debito y de credito desde cualquier parte del mundo con nuestros planes de financiamiento.

    Consulta Terminos y Condiciones de los planes de financiamiento para que no pierdas el acceso a tu suscripción anual.

  • ¿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