thumbnail del video de la presentacion del curso

Accede a todos los cursos y proyectos

$246 MXN

$700 MXN

La oferta termina en:

00d:
00h:
00m:
00s
SuscribirmeVer opciones de pago

Pagos encriptados SSL seguros

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

Curso de CSS Grid Layout e Interfaces

Accede a todos los cursos y proyectos

$246 MXN

$700 MXN

La oferta termina en:

00d:
00h:
00m:
00s
SuscribirmeVer opciones de pago

Pagos encriptados SSL seguros

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

Herwing Eduardo Vázquez Macías

Herwing Eduardo Vázquez Macías

Es un excelente curso super recomendado yo no sabía nada de grid pero ahora lo he entendido muy bien, sigamos por el camino 👾

Gerson Enriquez

Gerson Enriquez

Muy buen curso! un equilibrio entre teoria y practica.

manuel luna

manuel luna

aprendí mucho sobre grid y propiedades de css que no sabia, el ejercicio del calendario me pareció excelente para practicar con grid

Hernán Arica

Hernán Arica

Muy buen curso, siempre tuve esa espina de css-grid y usaba puro flex pero gracias a este curso puedo decir que ya sé css-grid :D

Damian Lopez Fdez

Damian Lopez Fdez

Muy buen curso con gran cantidad de información y muy bien explicado!

E Cituk Caamal

E Cituk Caamal

Curso genial, siento que aprendí muchísimo. Mi recomendación Leo, es que trates de que los videos no sean tan extensos.

Octavio Alvarez Olan

Octavio Alvarez Olan

Me gusto mucho las lecciones, mi desafío más grande es aprender a organizar todo en html.

Oscar Aguilar

Oscar Aguilar

Excelente curso, aunque me hubiera gustado un poco mas de teoria, pero aun asi me gustó mucho :) aprendi muchos trucazos

David Mario Licla Carpio

David Mario Licla Carpio

Genial curso de CSS grid, como siempre aprendí mucho y me encanto Leo 😊.

Rivaldo Esteban

Rivaldo Esteban

Cursote, diseño de cuadricula desbloqueado. Con lo aprendido tendré una mejor toma de decisiones al momento de maquetar. Thanks! #noterindas

Francisco Javier Alarza Sánchez

Francisco Javier Alarza Sánchez

Como digo en cada curso que termino creo que encontré al profe con el que mas puedo aprender debido a la buena manera en la que explica :)

Marco Antonio Flores Torres

Marco Antonio Flores Torres

Curso muy interesante, @Leonidas Esteban es un capo enseñando y no solo aprendo acerca de Grid e Interfaces sino que se entiende las clases.

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

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

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.

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

    Suscripción total 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

    SuscribirmeSuscribirme

    Suscripción total anual

    $247 MXN

    $ 580 MXN

    Por mes pagado anualmente $2960

    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

    Aprovecha el descuento de $ 5440 MXN al año de por vida.

    La oferta termina en:

    00d:
    00h:
    00m:
    00s
    SuscribirmeSuscribirme

    Curso individual

    $50 MXN

    Pago por un curso

    Toma este curso de manera individual.

    • Acceso de por vida a este curso

    • Acceso al proyecto Calendario

    • Acceso a la comunidad de Discord

    • Acceso a todos los proyectos

    Comprar este curso
Satisfaccion 100% garantizada por nuestro diamante

Si no aprendes algo nuevo, te devolvemos tu dinero

Satisfaccion 100% garantizada por nuestro diamante