thumbnail del video de la presentacion del curso

Pagos encriptados SSL seguros

Tarjetas Visa AceptadasTarajetas Matercard AceptadasTarajetas American Express Aceptadas
Badge del Curso de CSS Grid Layout e Interfaces

Curso de CSS Grid Layout e Interfaces

Pagos encriptados SSL seguros

Tarjetas Visa AceptadasTarajetas Matercard AceptadasTarajetas American Express Aceptadas

Requisitos

Tener bases sólidas de HTML y CSS, cursos recomendados: 

Qué aprenderás

CSS Grid Layout fue creado para organizar componentes e interfaces complejas en el navegador. En este curso aprende a sacarles todo el provecho, desde entender cada propiedad hasta crear más de 10 interfaces diversas a lo largo de las clases. Este curso tambien es el último curso de master en HTML y CSS compuesto por:

Duración

10 horas

Clases

46 lecciones

Toma una clase de prueba

La estructura de una interfaz
thumbnail de una clase gratuita

Medalla del curso

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

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

Estas son todas las clases

Valoraciones

Jose Delgado

Jose Delgado

Excelente curso , se aprende bastante !

Mauricio Laratro

Mauricio Laratro

Como siempre, un excelente curso. Muchas gracias!

Paulina Valero Cruz

Paulina Valero Cruz

Excelente curso para aprender Grid y reforzar flexbox con muchos trucazos

Leonel Moreno

Leonel Moreno

Recomendadísimo, una actualización total de los proyectos y adaptación a esta tecnología, se aprende bastante, muy bueno

Manuel Páez

Manuel Páez

Por fin aprendi a usar css-grid. Muy buen curso!!!!!

Alfonso Villanueva

Alfonso Villanueva

Como todos los cursos, excelente, lleno de aprendizaje, gracias Profe

Jesús Valenzuela

Jesús Valenzuela

Buenísimo curso! Me encanta como el grid no debe reemplazar al flexbox ni viceversa, sino que se complementan entre estos c:

Viva Javascript

Viva Javascript

estuvo muy interesante, sigo aprendiendo

Julian Pinzón

Julian Pinzón

Excelente curso, muchasimas gracias leonidas por ser mi buen profe, estoy con mucha motivación y curiosidad por aprender javascript

Marcelo Lanegra

Marcelo Lanegra

Muy buen curso! La forma de explicar las cosas es muy eficiente y te dan ganas de querer seguir aprendiendo.

Cristian David Barragan Suarez

Cristian David Barragan Suarez

Un curso muy completo, calidad de profesional al momento de explicar

Carlos Pinzón

Carlos Pinzón

UFFF, sin palabras jaja. demasiados trucos, tips, codigo por componente...una joya

Pablo Andrés Valdivia Cuzcano

Pablo Andrés Valdivia Cuzcano

Excelente curso para aprender a manejar CSS Grid y crear layouts de forma rápida y eficiente

Esteban Jehu Pajares Chilcho

Esteban Jehu Pajares Chilcho

Buenísimo el curso, explicación sumamente detallada. 100% Recomendado.

Piero Meza

Piero Meza

Excelente curso, ves CSS GRID de una manera increible, estoy seguro que ningun curso entra al detalle como este. Buenisimo

Daniel Sarmiento Bolimbo

Daniel Sarmiento Bolimbo

Excelente curso se aprende mucho, totalmente recomendado.

José Cedeño

José Cedeño

La manera en que Leonidas transmite su conocimiento es simplemente genial, esta serie de cursos está increíble 🤩

Alberto Herrera

Alberto Herrera

excelente curso, se comprende como desarrollar interfaces con grid, ademas se fortalecen conocimientos del curso de flexbox

Natalia Hilarión Ávila

Natalia Hilarión Ávila

Wow! aprendí muchisimo, no conocía nada de Grid Layout y me encantó, creoq ue toca seguir practicando lo aprendido. #Noterindas!

Sergio González Sánchez

Sergio González Sánchez

Lo terminé en tiempo record, muchas gracias

Juan Cotera Castro

Juan Cotera Castro

Siempre Leonidas, muy dinámico y dando los mejor de sí en cada detalle...

Rub Rivero

Rub Rivero

Excelente curso. Leonidas explica excelente, espero con ansías el de react

Alexandro Mayoral

Alexandro Mayoral

Un GRAN curso!!! aprendí mucho de CSS-Grid, muchas gracias!!!! :)

Alejandro Bignozzi

Alejandro Bignozzi

Leonidas sabe mucho acerca de los temas que enseña y lo hace con pasión. El curso es impecable.

Nicolas Quintero

Nicolas Quintero

Excelente curso, Leonidas es un gran profesor, 100% recomendado

Sara presentando el proyecto a desarrollar durante el curso

Calendario

  • Con este proyecto podrás crear la estructura de un calendario para planificar tus tareas.
  • Domina el uso de CSS Grid Layout mediante buenas prácticas y ejercicios aplicados al proyecto.
  • Lleva tus habilidades al límite implementado un diseño pixel perfect.

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.

Oferta de Black Friday

Más popular

Suscripción anual

Suscripción anual

$29 USD

$12 USD/mes

Suscripción anual

Pagando anualmente 138

La oferta termina en:

09d:
10h:
50m:
31s
  • 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