fcbk

Con este curso podrás:

Crear sitios con  HTML5

Crear sitios con HTML5

Aplicar estilos con CSS3

Aplicar estilos con CSS3

Crear layouts increíbles con Flexbox

Crear layouts increíbles con Flexbox

Usar tipografía en web

Usar tipografía en web

Publicar con Github Pages

Publicar con Github Pages

Temario del curso

Materiales

Descarga el código del proyecto
1:00

Introducción y conceptos básicos

Bienvenidos al curso de desarrollo web online
Introducción al desarrollo web
¿Qué herramientas necesito para desarrollar?
2:00
HTML y su estructura
3:00
Etiquetas, atributos y valores
4:00

HTML

Definiendo la estructura de nuestro sitio web
32:00
Agregando imagénes al sitio
Agregando navegación interna
5:00
Agregando estilos a nuestro HTML
5:00

CSS

Selectores de CSS
12:00
Agregando clases a nuestros elementos HTML
2:00
Backgrounds, colores y tamaños de fuente
12:00
Google Fonts
13:00
Display block e inline-block
9:00
Entendiendo el modelo de caja
9:00
Aplicando el modelo de caja a nuestro proyecto
15:00
Múltiples clases para una misma etiqueta
4:00
Flotando nuestros elementos
13:00
Positions
10:00
Bordes redondeados
5:00

Navegación, formularios, tablas y Flexbox

Agregando un footer a nuestro sitio
11:00
Hacer un formulario de contacto
20:00
Usar Flexbox en CSS
26:00
Enlazar a páginas internas
4:00
Crear tablas en nuestro sitio
8:00
Pseudoelementos y entidades
5:00
Puliendo Detalles
33:00
Deploy a Github Pages
9:00

Conclusiones

Cierre del curso
1:00
Desafio 1: Pasar Imagenes a HTML y CSS
3:00
Desafio 2: Logra fijar el footer en la parte de abajo
1:00
Desafio 3: Hacer transiciones de hover
2:00
Desafio 4: Centrar un elemento horizontal y verticalmente

Complementos del curso

Transiciones y transformaciones con CSS
19:00
Animaciones avanzadas con Hover
8:00

Sesiones en Vivo

Stream 1: Resolviendo el primer desafío y dudas
65:00
Stream 2: Resolviendo el primer desafío (Parte 2)
53:00
Stream 3: Resolviendo el segundo reto
61:00
Stream 5: Resolviendo el último desafio
58:00
Stream 4: Resolviendo el tercer desafio
57:00
Crea tu propio parallax
58:00
Diploma del Curso de Desarrollo Web Online

¡Obtén reconocimiento por tu trabajo!

Comparte tus logros con tu familia, amigos, empleadores y la comunidad.

Apenas termines el curso tendrás acceso al diploma digital y cuando finalices la carrera te enviaremos el diploma en papel a tu casa.

Los Profesores

Leonidas Esteban

Leonidas Esteban

@LeonidasEsteban

Frontend en Platzi

Crearás tu primer sitio web en este curso

Escribirás el código en HTML5 y CSS3 para lanzar una empresa ficticia llamada "Invie". En el proceso, vas a usar Semántica web, Flexbox y estilos con CSS. Publicarás el proyecto en el mundo real, con GitHub Pages.

Nuestros Planes

  • Este y todos los 150 cursos y 10 carreras
  • Clases en vivo con los profesores
  • Estudias cuando quieras desde web y tu móvil
  • Exámenen al final de cada curso
  • Diploma impreso por cada carrera
  • Acceso exclusivo al taller de creación de startups
  • Entrada preferencial a nuestros eventos
  • Actualizaciones al contenido
  • Pago con tarjetas de crédito o débito
  • Pago en depósito, Paypal y otros métodos
  • Este y todos los 150 cursos y 10 carreras
  • Clases en vivo con los profesores
  • Estudias cuando quieras desde web y tu móvil
  • Exámenes al final de cada curso
  • Diploma impreso por cada carrera
  • Acceso exclusivo al taller de creación de startups
  • Entrada preferencial a nuestros eventos
  • Actualizaciones al contenido
  • Pago con tarjetas de crédito o débito
  • Pago en depósito, Paypal y otros métodos

Elige un plan

Qué obtienes
  • Accedes a todos los 150 cursos y 10 carreras

  • Clases en vivo con los profesores

  • Estudias cuando quieras desde web y tu móvil

  • Exámenes al final de cada curso

  • Diploma impreso por cada carrera

  • Acceso exclusivo al taller de creación de startups

  • Entrada preferencial a nuestros eventos

  • Actualizaciones al contenido

  • Pago con tarjetas de crédito o débito

    Visa
    Mastercard
    American Express
  • Pago en depósito, PayPal y otros métodos

    Paypal
    Depósito
Plan Anual

Recomendado

$25

Bandera de tu país dólares al mes

Un solo pago de $299

¿Necesitas capacitación para tu empresa? Tenemos planes especiales. Escríbenos a empresas@platzi.com

6 razones para estudiar con Platzi

Proyección profesional

Proyección profesional

El 80% de nuestros estudiantes obtienen un mejor empleo

Proyección profesional

Enfoque

Cumple tus objetivos con nuestra metodología de aprendizaje

Proyección profesional

Diploma de certificación

Tendrás un diploma de certificación al aprobar un curso o una carrera

Proyección profesional

App y contenido offline

No interrumpas tu aprendizaje, sigue aprendiendo mientras te mueves

Proyección profesional

Mentoría permanente

Acompañamos tu proceso de aprendizaje respondiendo todas tus dudas

Proyección profesional

Material exclusivo

Refuerza lo aprendido con lecturas, ejercicios y retos reales

Alexis Farfán Pérez
Alexis Farfán Pérez

Me gusto la forma en que Leonidas explicaba cada elemento de CSS, Fue muy directo y muy fácil de entender. Estoy muy agradecido.

David  Moya Garcia
David Moya Garcia

Lo que mas me ha gustado ha sido la estructura del curso.

Ezequiel  Piñero Pérez
Ezequiel Piñero Pérez

Me ayudó a actualizarme con HTML5 y CSS3 de una manera muy práctica. Un diez para Platzi (L)

Preguntas frecuentes de los cursos de Platzi

La suscripción hace cobros automáticos a tu tarjeta cada año a menos que suspendas tu cuenta. Esto lo puedes hacer desde mi suscripción, donde también encontrarás tu historial de pagos y podrás descargar tu facturas.
Al finalizar las clases publicamos un examen de certificación. Los alumnos aprueban con 90% de calificación o más. El certificado demuestra que has aprendido y comprendido exitosamente los temas vistos. Si pierdes el examen puedes reintentarlo cada 12 horas
Los cursos son online y todo está disponible 24/7 en la plataforma, además tenemos una aplicación móvil donde puedes descargar los contenidos para verlos offline. Más que materiales para descargar, la experiencia Platzi está construida para que la disfrutes al iniciar tu sesión. Te esperamos.
Este curso forma parte de:
Arquitecto Frontend
Carrera de Arquitecto Frontend