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

Edgardo Ponce Paez

Edgardo Ponce Paez

excelente curso, es largo.. pero vale la pena... ahora si a practicar para que no se me vuelen los conocimientos. Gracias.!!

Isaac Cruz Herrera

Isaac Cruz Herrera

ame la parte de accesibilidad, de el orden de los archivos, incluso se vio algo de animaciones. Sin duda Valio la pena totalmente.

Aarón Zúñiga Leal

Aarón Zúñiga Leal

Un curso bastante interesante, en lo personal se me complico un poco pero con constancia espero poder avanzar

santiago arboleda martinez

santiago arboleda martinez

Es una excelente opción para los curiosos que nos gusta aprender de todo!!!!

David Sanchez

David Sanchez

Excelentisimo Leonidas que padre Curso, la verdad lo recomiendo mucho

Esteban Ramirez

Esteban Ramirez

bien recomendado hay que poner atencion y cuidado al mover a los divs las cosas

Jorge Alberto Monsalve Ruiz

Jorge Alberto Monsalve Ruiz

Muy buen contenido y algo muy importante siempre tuve acompañamiento, totalmente recomendado

Irving Robles

Irving Robles

El curso es perfecto para iniciar con el pie derecho en el mundo del css. El énfasis que Leo hace en la accesibilidad, excelente.

José Ricardo Camacho Camacho

José Ricardo Camacho Camacho

Ha sido un curso maravilloso, he aorendido bastande, muchas gracias

Henry Hilario Rojas

Henry Hilario Rojas

Muy buen curso, te ayuda a profundizar más sobre flexbox layout

Kamel Hansam Lozano Lorza

Kamel Hansam Lozano Lorza

Excelente todos los conceptos que se aprendieron

Héctor S. Huamani

Héctor S. Huamani

Leonidas no decepciona, un gran maestro. Este curso me ha sido de gran ayuda, espero seguir mejorar y aprendiendo.

Jean Pool Justiniano Condor

Jean Pool Justiniano Condor

Excelente curso aprendí muchísimo gracias Leonidas !!!

German Guzman

German Guzman

Super curso. Entre queriendo aprender simplemente Flexbox y salí con muchos conceptos nuevos para investigar y aplicarlos a futuro.

JHON EDINSON HENAO PUENAYAN

JHON EDINSON HENAO PUENAYAN

Excelente curso, al comenzar no tenía idea de lo poderoso que podía llegar a ser Flexbox

Iván Almaraz

Iván Almaraz

Aprendí más de lo que me imaginé con este curso, sin duda lo recomiendo, se agradecen el esfuerzo y la dedicación de Leonidas en cada curso.

Celso Ccoropuna Salas

Celso Ccoropuna Salas

Lo mejor fue aprender a crear componentes pequeño y escalar grandes componentes hasta crear un layout.

María de las Nieves Camporro

María de las Nieves Camporro

Muchas gracias leonidas por estos cursos!!

Miguel Angel Gonzales Zuna

Miguel Angel Gonzales Zuna

Una genialidad el curso! El profesor hace que la teoría de flexbox sea amigable y sencilla!

Lucy Villogas Hurtado

Lucy Villogas Hurtado

Excelente curso!!! lo recomiendo...

Ricardo Tornero

Ricardo Tornero

Muy buen curso y proyecto interesante. Esto solo abre los ojos de cuanta práctica debemos realizar para dominar flex.

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

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í, 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

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.

Satisfaccion 100% garantizada por nuestro diamante

Si no aprendes algo nuevo, te devolvemos tu dinero

Satisfaccion 100% garantizada por nuestro diamante