Próximamente 2024

CURSO COMPLETO DE HTML Y CSS

Aprende HTML y CSS Moderno

Construye sitios web responsivos y modernos con HTML5, CSS3. Aprende Flex, Grid y SASS.
COMPRAR AHORA
VER TEMARIO

Descripción del Curso

Este curso es para principiantes que quieren aprender cómo construir sitios web responsivos con el uso de HTML5, CSS3, así como el uso de Flexbox, CSS Grid y el pre-procesador SASS. Este curso es interactivo por lo cuál veremos teoría y también su aplicación con la construcción de varios proyectos de páginas web y un portafolio. Aprende todas las bases de desarrollo web con este curso para que posteriormente puedas construir tus propios proyectos personalizados.

¿Qué Aprenderás?

✓ Construye diferentes sitios web y un portafolio

✓ Alojamiento web (hosting) de sitios web

✓ Variables CSS

✓ Proyectos con Flex y CSS Grid

✓ Proyectos con Flex y CSS Grid

✓ SASS, incluyendo el uso de variables, anidamientos, mixins y mas

¡Regístrate para ser el primero en saber cuándo abre el curso!

Así como estar al pendiente de nuevas actualizaciones y precios especiales de Early Bird

Temario*

Módulo 1: Introducción del Curso
  1. Bienvenido
  2. ¿Cómo funciona una página web?
  3. Qué es HTML y CSS
  4. Prepara tu computadora
Módulo 2: Lo Básico de HTML
  1. Introducción del Módulo
  2. Estructura básica de HTML
  3. Configuración de Live Server
  4. Meta Tags
  5. Cabecera y Párrafos
  6. Enlaces e Imágenes
  7. Listas y Tablas
  8. Formas y Entradas
  9. Block e Inline
  10. Div, Span, Class y ID
  11. Entidades de HTML
  12. Etiquetas Semánticas de HTML5
  13. Reto
Módulo 3: Lo Básico de CSS
  1. Introducción del Módulo
  2. Implementando CSS
  3. Selectores Básicos de CSS
  4. Introducción a Dev Tools de Google Chrome
  5. Fonts en CSS
  6. Color
  7. Background y Borders
  8. Box Model, Margin y Padding
  9. Float y Alignment
  10. Estilo de Enlace y Butón
  11. Estilo de Menú
  12. Display: Inline, Block, Inline-Block
  13. Visibilidad, Orden y Márgenes Negativos
  14. Posicionamiento CSS
  15. Reto
Módulo 4: Proyecto - Sitio Corporativo
  1. Introducción del Proyecto
  2. Estructura del Proyecto
  3. Cabecera: Navegación y Showcase
  4. Inicio y Footer
  5. Página Acerca De
  6. Página de Contacto
Módulo 5: Sitio Responsivo y Uso de Unidades
  1. ¿Qué es Diseño Responsivo?
  2. Media Queries
  3. Unidades em y rem
  4. Unidades vh y vw
  5. Hacer sitio responsivo: Sitio Corporativo Mayo
Módulo 6: Aprendiendo Flex Box
  1. ¿Qué es Flex Box?
  2. Lo Básico de Flex
  3. Propiedades de Flex
  4. Alignment y Justify en Flex
Módulo 7: Proyecto
Módulo 8: Publicación de Sitio Web
  1. Tipos de Alojamiento (Hosting)
  2. Configuración de Alojamiento Compartido
  3. Configuración de Correo
  4. Publicar tu Sitio Web Vía FTP
Módulo 9: Más Conceptos de CSS
  1. Selectores Avanzados
  2. Pseudo Clases: :nth-child
  3. Pseudo Clases: :before y :after
  4. Box Shadows
  5. Variables CSS
  6. Transiciones CSS
  7. Propiedad Transform
Módulo 10: Proyecto
Módulo 11: Aprendiendo CSS Grid
  1. ¿Qué es CSS Grid?
  2. Lo Básico y Columnas en Grid
  3. Filas en Grid
  4. Auto-Fit y Minmax
  5. Grid Template Areas
  6. Media Queries en CSS Grid
Módulo 12: Proyecto
Módulo 13: Publicación de Sitio Web con Netlify
  1. ¿Cómo funciona Netlify?
  2. Git y Push a Github
  3. Publicación de Sitio Web en Netlify y Envío de Formulario
  4. Nombre de Dominio Personalizado
Módulo 14: Aprendiendo SASS
  1. ¿Qué es SASS?
  2. Configuración del Entorno con node-sass
  3. Variables y Partials
  4. Anidamiento (Nesting) y Estructura
  5. Herencia (Inheritance) y Contrast
  6. Funciones, Mixins y Más
Módulo 15: Proyecto Portafolio
Módulo 16: ¿Qué sigue?
  1. Otras Herramientas Útiles
  2. ¿Qué sigue?

*Nota: El curso aún está en progreso, por lo que es posible que haya cambios en la versión final.

COMPRAR AHORA

Proyectos del Curso

Sitio Corporativo Mayo

Sitio web para una empresa. Construiremos el sitio como se hacía antes sin el uso de flex o grid y entender conceptos básicos.

Sitio Promocional Hawaii

Sitio web vacacional promocional, donde aplicaremos los conceptos básicos de flexbox y más. 

Sitio con Hamburger Menu

Constuiremos un menu tipo hamburguer solamente usando CSS. Con superposición para la lista del menu. 

Sitio con Dropdown Menu

Construiremos un menu desplegable solamente usando CSS. Con un estilo glass para el menu. 

Sitio Tech Blog

Proyecto que pondrá en práctica CSS Grid, con la creación de un diseño bidimensional usando diferentes propiedades.

Portafolio

Construiremos este sitio con cuarto diferentes páginas aplicando el uso de HTML y CSS, incluyendo flexbox y SASS.

Aprenderás

HTML5

HTML (HyperText Markup Language) es un lenguaje de maquetación que se utiliza para estructurar y presentar contenido en páginas web o aplicaciones móviles para los navegadores web que las visitan. Actualmente en su quinta versión.

CSS3

CSS (Cascading Style Sheets) es un lenguaje de estilos que se utiliza para especificar la parte visual de una página web como el diseño, colores, tipografía, y más. Actualmente en su tercera versión.

Diseño Responsivo

Es un enfoque de diseño que aborda la variedad de tamaños de dispositivos, permitiendo la adaptación automática a la pantalla, ya sea que el contenido de la página web sea vista en un smartphone, tablet o ipad.

Git

Es un sistema de control de versiones que rastrea los cambios en el código fuente durante el desarrollo de una página web, facilitando la colaboración entre desarrolladores y permitiendo la gestión de código.

Flexbox y Grid

Son modelos de diseño CSS que proporcionan una forma más eficiente de organizar los elementos dentro de un contenedor en la página web. Flex en una dimensión (fila o columna) y Grid en dos dimensiones (fila y columna).

SASS

SASS (Syntactically Awesome Style Sheets) es un pre-procesador de CSS que te permite usar funciones como variables, estilos anidados, mixins, importaciones, herencia, funciones integradas y más.

Invierte en tu Educación*

Adquiera las habilidades que necesita para crear sitios web responsivos del mundo real.
*AÚN SIGO TRABAJANDO EN LA CREACIÓN DE ESTE CURSO.
EL CURSO ESTARÁ DISPONIBLE EN FEBRERO 2024 (DÍA PENDIENTE POR ANUNCIARSE).

Pre-Venta

$800 MXN

$3,850

Próximamente
  • ✓ Ahorra 75% comparado con el precio regular
  • ✓ Acceso al curso de por vida
  • ✓ Descarga de ejercicios y archivos
  • ✓ Acceso el día de lanzamiento (Próximamente)

Early Bird

$1,500 MXN

$3,850

Próximamente
  • ✓ Ahorra 55% comparado con el precio regular
  • ✓ Acceso al curso de por vida
  • ✓ Descarga de ejercicios y archivos
  • ✓ Acceso el día de lanzamiento (Próximamente)

Precio Regular

$3,580 MXN
Próximamente
  • ✓ Acceso al curso de por vida
  • ✓ Descarga de ejercicios y archivos
  • ✓ Acceso el día de lanzamiento (Próximamente)

Preguntas Frecuentes

Si tienes otra pregunta, no dudes en contactarme.

¿Para quién es este curso?

Este curso está dirigido a principiantes que quieren aprender a construir sitios web responsivos con el uso de HTML5, CSS3, así como el uso de Flexbox, CSS Grid y el pre-procesador SASS.

Este curso puede ayudarte si:

  • No tienes conocimientos previos de desarrollo web y quieres aprender lo más básico para hacer páginas web
  • Eres autodidacta pero necesitas una guía puntual para desarrollar tus habilidades básicas de HTML y CSS
  • Conoces CSS pero te cuesta ponerlo en práctica para crear proyectos del mundo real
  • Eres desarrollador back-end y quieres mejorar en el front-end
¿Existe un certificado de finalización?
No por el momento, estoy trabajando en ello.
Si no me gusta el curso ¿puedo obtener un reembolso?
¡Sí! Si no te gusta el curso, puedes obtener un reembolso dentro de los 15 días posteriores a la compra, contáctame llenando este formulario. Si compraste en per-lanzamiento, son 15 días después del lanzamiento del curso.
Aún tengo dudas sobre el curso

Por favor contáctame y te responderé lo antes posible.