Empezar aquí
  • Introducción
  • Como seguir este curso y sacar el maximo provecho
Adobe XD - Diseñando nuestra primera página web
  • Introducción
  • Entendiendo Adobe XD y su Interfaz
  • Iniciando nuestro portafolio
  • Creando el Encabezado
  • Creando la sección de acerca de
  • Creando la sección de trabajos
  • Creando la sección de contacto
  • Creando el pie de página
HTML
  • Herramientas que utilizaremos
  • Hola Mundo y estructura basica de un sitio web
  • Encabezados H
  • Parrafos de Texto
  • Etiquetas de Texto
  • Enlaces
  • Listas
  • Imagenes
  • Tablas
  • Formularios
  • Tipos de Input
  • Etiquetas para Citas de Texto
  • Etiquetas Meta
  • Atributos Class & ID
  • Audio
  • Video
  • Imagenes SVG
  • Etiquetas de Maquetado
  • Diferencias entre Div, Article y Section
  • Etiqueta iframe y span
  • Etiqueta script y noscript
  • Inscrustando Videos de Vimeo y Youtube en nuestro sitio web
  • Agregando un Icono a nuestra pagina (favicon)
  • [PRACTICA] Creando un Layout en HTML Sencillo 1.- Header y Contenido Principal
  • [PRACTICA] Creando un Layout en HTML Sencillo 2.- Sidebar y Footer
CSS
  • Introducción
  • Nuestros primeros estilos CSS
  • Selectores (Parte 1)
  • Selectores (Parte 2)
  • Selectores Avanzados
  • Fondos
  • Gradientes
  • Enlaces
  • Texto y Tipografía
  • Unidades de Medida
  • Unidades de Color
  • Modelo de Caja
  • Tipos de Elementos
  • [PRACTICA] Diseñando unos botones con CSS
  • Posicionamiento de Cajas
  • Posicionamiento Flotante
  • Visualizacion
  • [PRACTICA] Galería de Imágenes
  • Sombras
  • Bordes y Bordes Redondeados
  • Pseudo-clases
  • Pseudo-elementos
  • Listas
  • [PRACTICA] Diseñando un menú de navegación horizontal
  • Tablas
  • [PRACTICA] Diseñando un formulario de Contacto
  • Propiedad Transform
  • Transiciones
  • Animaciones
  • Como utilizar fuentes personalizadas
  • [PRACTICA] Diseñando una Plantilla con Float
  • [PRACTICA] Dándole estilos CSS a nuestro Layout 1.- Inicio y Header
  • [PRACTICA] Dándole estilos CSS a nuestro Layout 2.- Main, Aside y Footer
Responsive Web Design
  • Que es el diseño adaptable y que vamos aprender en esta sección
  • El Meta Viewport
  • Adaptando nuestro contenido automáticamente
  • Mediaqueries
CSS Diseñando sitios web con Flexbox
  • Introducción a Flexbox y Propiedades para Elementos Padre
  • Propiedades para los Elementos Hijo
  • [PRACTICA] Diseñando una pagina con flexbox 1.- Estructura HTML
  • [PRACTICA] Diseñando una pagina con flexbox 2.- Estilos CSS del Header
  • [PRACTICA] Diseñando una pagina con flexbox 3.- Estilos del Main y Aside
  • [PRACTICA] Diseñando una pagina con flexbox 4.- Estilos del Footer
  • [PRACTICA] Diseñando una pagina con flexbox 5.- Responsive Design
  • CSS Grid
[PRACTICA] Diseñando un Portafolio de Trabajos Profesional
  • Presentando lo que vamos a hacer en esta practica
  • Actualización de Curso - Fontawesome 5
  • Descargando los recursos que vamos a utilizar
  • Estructura del Header del Portafolio
  • Estructura de Acerca de y Trabajos
  • Estructura del Formulario de Contacto y Redes Sociales
  • Dandole Estilos CSS al Header
  • Dandole Estilos CSS al Acerca de
  • Dandole Estilos CSS a los Trabajos
  • Dandole Estilos CSS al Formulario de Contacto
  • Estilos del los iconos de redes sociales del Footer
  • Haciendo nuestro portafolio Adaptable a Dispositivos Móviles
SASS