• Introducción
  • Preparando nuestro entorno de trabajo
  • Introducción a HTML
    • Hola Mundo con HTML
    • ¿Qué son las etiquetas HTML?
    • Conociendo las partes más importantes de nuestro documento HTML (Body, head)
    • ¿Qué es el Doctype y por qué se utiliza?
    • Conociendo el inspeccionador de elementos
    • Código Fuente - Introducción
      • Enlace
  • Elementos HTML Parte 1
    • Tipos de elementos HTML
    • Etiquetas para títulos (h1, h2 h3, h4, h5)
    • Etiquetas para párrafos, textos y saltos de línea(p, pre, br, span, strong, small)
    • Etiquetas para listas (ul, ol, li)
    • Etiqueta para enlaces y botones (a, button)
    • Secciones y contenedores 1 (header, section, nav, footer)
    • Secciones y contenedores 2 (div)
    • Imágenes, videos, iframes y embeds
    • Tablas
  • Elementos HTML Parte 2
  • CSS3 Parte 1
    • Formas de agregar CSS a nuestro HTML
    • Tipos de selectores Parte I
    • Tipos de selectores Parte II
    • Medidas y tamaños y fuentes
    • Colores, backgrounds y fuentes
    • Márgenes y paddings
    • Posicionamientos
    • Pseudoelementos y pseudoclases - PARTE I
    • Pseudoelementos y pseudoclases - PARTE II
  • CSS3 Parte 2
    • Tipos de display
    • Display Flex
    • CSS Grid
  • CSS3 Parte 3 - Animaciones
    • Sombras, Transformaciones y animaciones
    • Keyframes
  • CSS3 Parte 4 - Responsive
    • Media queries 1
    • Media queries 2
  • JavaScript (EcmaScript) para Manipular el DOM
    • ¿Qué es EcmaScript y que tiene que ver con JavaScript?
    • ¿Qué es el DOM?
    • Tipos de datos
    • Operadores lógicos, de concatenación y condicionales
    • Ciclos
    • Métodos especiales para manejar colecciones y strings PARTE 1
    • Métodos especiales para manejar colecciones y strings PARTE 2
    • Localizando elementos del DOM (uso de selectores)
    • ¿Qué son los Nodos?
    • Alterando estilos mediante clases y la etiqueta style
    • Creando Elementos HTML desde JS
    • Eventos del DOM Parte I
    • Eventos del DOM Parte II
  • Inicio del Proyecto "Mi Portafolio"
    • Código Fuente - Portafolio
      • Enlace
    • Descripción de lo que construiremos
    • Creación del proyecto y adición de librerías para fuentes e iconos
    • Maquetando el header y navbar
    • Maquetando la portada (cover page)
    • Estilizando el layout de nuestro sitio
    • Creando las variables para el estilo dark y light
    • Estilizando el header y nav
    • Estilizando el cover page
    • Maquetando y estilizando la sección about
    • Maquetando la sección mis habilidades
    • Estilizando la sección mis habilidades
    • Creando y estilizando la sección mis proyectos
    • Creando y estilizando la sección mis enlaces de contacto
    • Creando el switch para los temas dark y light
    • Agregando responsive design PARTE I
    • Agregando responsive design PARTE II
    • Agregando responsive design PARTE III
    • Agregando la funcionalidad de los temas (dark y light) y el menú responsivo
    • ¿Creando nuestro repositorio en github?
    • Subiendo nuestro repositorio a github y habilitando github pages
    • Usando Meta etiquetas para las redes sociales y para optimizar el SEO
    • Despedida del curso
WhatsApp