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.

  • Construye diferentes proyectos, que consisten en sitios web, blog, mini proyectos y un portafolio.

  • Aprende cómo publicar tu sitio web en un hosting ligado con un dominio, y también la publicación en servidores gratuitos.

  • Utiliza variables CSS, aplica el uso de flexbox y grid, y sumérgete en el uso de SASS para tu sitio.

Precio de Early Bird ($90 Dlls)

Aprovecha un 55% de descuento, hasta el 31 de Diciembre 2024

Comprar Curso
  • 00 Días
  • 00 Horas
  • 00 Minutos
  • 00 Segundos

Temario

    1. Bienvenid@

      PRUEBA GRATIS

    2. ¿Cómo Funciona Una Página Web?

    3. Qué es HTML y CSS

    4. Prepara tu Computadora

    1. Introducción del Módulo

    2. Crear un Archivo HTML

    3. Estructura Básica de HTML

    4. Configuración de Live Server

    5. Meta Tags

    6. Cabeceras y Párrafos

    7. Enlaces e Imágenes

    8. Listas y Tablas

    9. Formas y Entradas

    10. Block e Inline

    11. Div, Span, Class y ID

    12. Entidades HTML

    13. Etiquetas Semánticas de HTML 5 y Reto

    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. Tipografías (Fonts) en CSS

    6. Color

    7. Background y Borders

    8. Box Model, Margin y Padding

    9. Float y Aligment

    10. Estilo de Enlace y Butón

    11. Estilo de Menu

    12. Display: Inline, Block e Inline-Block

    13. Regla Important

    14. Posicionamiento CSS

    15. Ejercicio CSS

    1. Introducción del Proyecto

    2. Maquetación del Sitio

    3. Inicio y Footer

    4. Página Acerca De

    5. Página de Contacto

    1. ¿Qué es Diseño Responsivo?

    2. Media Queries

    3. Unidades em y rem

    4. Unidades vh y vw

    5. Hacer Sitio Responsivo - Mayo

    1. ¿Qué es Flex Box?

    2. Lo Básico de Flex

    3. Propiedades de Flex

    4. Alignment y Justify en Flex

About this course

  • 115 lecciones
  • 19.5 horas de contenido en video
  • $90 Dlls Pre-Venta
  • $215 Dlls Precio Regular

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.
 

Proyecto Hamburguer Menu

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

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

¡Tu futuro en desarrollo web comienza aquí!

Aprovecha un 55% de descuento, hasta el 31 de Diciembre 2024

Comprar Curso

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.

  • $90 Dlls
    $215 Dlls

    EARLY BIRD

    • Hasta 31 de Diciembre 2024
    • Ahorra 55% comparado con el precio regular
    • Acceso al curso de por vida
    • Descarga de ejercicios y archivos

  • $215 Dlls
     

    PRECIO REGULAR

    • A partir del 1 de Enero 2025
    • Acceso al curso de por vida
    • Descarga de ejercicios y archivos

Domina HTML y CSS ¡Empieza Ahora!

Aprovecha un 55% de descuento, hasta el 31 de Diciembre 2024

Comprar Curso

Preguntas Frecuentes

Si tienes otra pregunta, no dudes en contactarme.

  • ¿Para quién es este curso?

    Address common questions ahead of time to save yourself an email. 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.