Curso de Frontend Developer

Curso de Frontend Developer

Domina las bases de HTML y CSS. Define la arquitectura de tu código y construye un sitio web usando componentes estáticos. Maqueta las pantallas principales de tu página web. Agrega diseño responsivo y usa preprocesadores para optimizar tu código CSS. ¡Conviertete en Frontend Developer con Platzi!

Regístrate en Platzi

Estados unidos

Con este curso podrás:

Construir componentes estáticos

Construir componentes estáticos

Dominar la anatomía de un elemento HTML

Dominar la anatomía de un elemento HTML

Maquetar una página web

Maquetar una página web

Crear diseños responsivos

Crear diseños responsivos

Usar  preprocesadores

Usar preprocesadores

Crear un menú desplegable

Crear un menú desplegable

Temario del curso

Introducción al curso

Presentación y bienvenida al curso de HTML y CSS
HTML y CSS: definición y usos
¿Qué son y para qué nos sirven HTML y CSS?
DOM, CSSOM, Render Tree y el proceso de renderizado de la Web
5 tips para aprender CSS

Conceptos iniciales de HTML

Anatomía de un Elemento HTML: Atributos, Anidamiento y Elementos vacíos
Anatomía de un Documento HTML: DOCTYPE, html, head y body
Funciones de las etiquetas HTML más importantes
La importancia del código semántico
Tipos de errores en HTML, debugging y servicio de validación de etiquetas
Reto 1: Organiza el siguiente bloque de código de forma semántica

Conceptos iniciales de CSS

Anatomía de una declaración CSS: Selectores, Propiedades y Valores
Tipos de selectores, pseudo-clases y pseudo-elementos
Modelo de caja
Valores relativos y absolutos
Displays en CSS
Funciones de las propiedades CSS más usadas
Posicionamiento en CSS

Arquitectura CSS

¿Qué son y para qué nos sirven las arquitecturas CSS?
OOCSS, BEM, SMACSS, ITCSS y Atomic Design
Reto 2: Identifica el error de arquitectura del siguiente bloque de código

Construcción de componentes

¿Qué es un componente? Analicemos nuestros diseños
Estructura con HTML y BEM de un menú desplegable
Estilizando nuestro menú desplegable con CSS
Creación de un buscador
Creación de un carousel de imágenes con CSS: Estructura principal
Creación de un carousel de imágenes con CSS: Detalle de cada item

Maquetación y diseño responsivo

Flexbox
Nuestro nuevo sistema de layout: CSS Grid
Maquetación de la pantalla de login: Estructura HTML
Maquetación de la pantalla de login: Estilización con CSS
Estilización de inputs y footer en la pantalla de login
Media queries
Maquetación de la pantalla principal
Reto 3: Maquetación de la pantalla de Not Found

Preprocesadores

¿Qué es un preprocesador, cuáles existen y cuáles son sus diferencias?
Instalación de SASS y configuración inicial
Hablemos de variables, herencia, anidamiento, operadores y más

Accesibilidad

La accesibilidad y nuestra responsabilidad como desarrolladores
Mejorando la accesibilidad de nuestra página de inicio

Conclusión

Conclusión del curso y paso siguiente

Bonus

Visualización de un botón usando storybook para HTML
Flexbox
Diploma del Curso de Frontend Developer

¡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

Estefany Aguilar

Estefany Aguilar

@teffcode

Desarrolladora Frontend en La Haus

Desarrollo visual de Platzi Video

Usando HTML Y CSS programarás y darás estilos al front de Platzi Video, una aplicación para ver videos en línea. Diseña el home, la pantalla de registro, el login y la pantalla de error de esta aplicación web.

Basic
Expert
Expert+

$25

dólares

al mes

Un pago anual de$299

Ahorras $49 al año vs. Basic

  • Feature
    Acceso a la Escuela de Negocios
  • Feature
    Expert para 2 personas
  • Feature
    Acceso a la Escuela de Inglés y Taller de Creación de Startups
  • Feature
    Mentorías semanales en grupo y en vivo
  • Feature
    Descarga tus clases con la App para estudiar sin conexión
  • Feature
    Acceso VIP a PlatziConf, online y presencial
  • Feature
    Envío de diploma de certificación físico de las Escuelas aprobadas
  • Feature
    Participa en Platzi Demo Day con tu Startup
  • Feature
    Acceso a los nuevos cursos 48 horas antes de su lanzamiento (pronto)
  • Feature
    Desafíos y retos verificados por escuela (pronto)
  • Feature
    Clases en Full HD para toda conexión (pronto)
  • Feature
    App para iOS y Android con funciones exclusivas, cursos en audio y más
  • Feature
    Acceso a 600 cursos, 50 Escuelas y sus actualizaciones
  • Feature
    El precio del plan nunca subirá mientras mantengas tu suscripción activa
  • Feature
    Diploma de certificación digital de las Escuelas y cursos aprobados
  • Feature
    Acceso a la comunidad más grande de profesionales y emprendedores en tecnología de la región

Bandera de tu paísPrecios en dólares

Secure paymentsCompra segura, protegemos tus datos

Múltiples medios de pago

Payment Methods
Elige un plan y empieza a estudiar

Bandera de tu paísPrecios en dólares

Secure paymentsCompra segura, protegemos tus datos

Múltiples medios de pago

Payment Methods
  • Acceso a la Escuela de Negocios
  • Expert para 2 personas
  • Acceso a la Escuela de Inglés y Taller de Creación de Startups
  • Mentorías semanales en grupo y en vivo
  • Descarga tus clases con la App para estudiar sin conexión
  • Acceso VIP a PlatziConf, online y presencial
  • Envío de diploma de certificación físico de las Escuelas aprobadas
  • Participa en Platzi Demo Day con tu Startup
  • Acceso a los nuevos cursos 48 horas antes de su lanzamiento (pronto)
  • Desafíos y retos verificados por escuela (pronto)
  • Clases en Full HD para toda conexión (pronto)
  • App para iOS y Android con funciones exclusivas, cursos en audio y más
  • Acceso a 600 cursos, 50 Escuelas y sus actualizaciones
  • El precio del plan nunca subirá mientras mantengas tu suscripción activa
  • Diploma de certificación digital de las Escuelas y cursos aprobados
  • Acceso a la comunidad más grande de profesionales y emprendedores en tecnología de la región
Basic

$29

Bandera de tu país

al mes

Pagas mes a mes

  • Estudia a tu ritmo
  • App para iOS y Android con contenido exclusivo
  • Diploma de certificación digital
  • Acceso a más de 600 cursos y 50 Escuelas
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Expert

$17

Bandera de tu país

al mes

Un pago anual de$199

Ahorras $149 al año vs. Basic

  • Todos los beneficios de Basic
  • Acceso exclusivo a la Escuela de Inglés
  • Descarga clases con la App y estudia sin conexión
  • Diploma de certificación físico de las Escuelas aprobadas
  • El mejor precio / beneficio
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Expert+

$25

Bandera de tu país

al mes

Un pago anual de$299

Ahorras $49 al año vs. Basic

  • Todos los beneficios de Expert
  • Agrega a una persona a tu plan como beneficiario
  • Acceso exclusivo a la Escuela de Negocios
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Solo este curso

$49Bandera de tu país

1 solo curso, 1 solo pago

Comprar curso

Platzi para empresas

¿Necesitas capacitación para tu empresa?
Tenemos planes especiales. Conócelos en:

platzi.com/empresas

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

Yhonny Gil
Yhonny Gil

Excelente materila, buenos tips dado por la instructora.

Carlos Eduardo Ortiz Mora
Carlos Eduardo Ortiz Mora

Excelente material para a introducciòn del mundo frontned

Leonardo Ortiz Lopez
Leonardo Ortiz Lopez

Muy buen resumen de todo lo necesario de arquitectura Frontend,

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 6 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.