YoVDO

Introducción al Desarrollo Web Responsive con HTML y CSS

Offered By: Domestika

Tags

HTML & CSS Courses Computer Science Courses Web Design Courses Typography Courses HTML Courses Responsive Web Design Courses Box Model Courses CSS Selectors Courses

Course Description

Overview

Aprende los fundamentos del Desarrollo Web Frontend
  • Introducción
  • Estructura HTML
  • Empezando con CSS
  • Estructuras en CSS
  • Decoración en CSS
  • Técnicas responsive
  • Añadiendo interacción
  • Proyecto final
¡Lleva tu diseño al navegador! En este curso, Javier Usobiaga te enseñará a crear páginas web con las herramientas más fundamentales: HTML y CSS. Aprenderás a escribir tu propio código y cambiarás tu forma de ver (y de diseñar) la web, entendiendo cómo funciona por dentro y cómo diseñar una web responsive para que sea más efectiva. Y si el diseño no es lo tuyo, este curso puede suponer una buena base para comenzar en el mundo del Desarrollo Web Front-end.

Syllabus

  • Presentación del curso y del proyecto
  • La web: HTML, CSS y JS
  • Editor de código. Crear un proyecto. Entorno de edición
  • Inspector y herramientas de desarrollador
  • Las etiquetas HTML y los atributos
  • Etiquetas de texto
  • Imágenes y enlaces
  • Etiquetas de bloque
  • Etiquetas de documento
  • Vincular un archivo CSS y sintaxis de la CSS
  • Selectores básicos
  • Estilos tipográficos
  • Especificidad y estructura en las hojas de estilo
  • Selectores avanzados: las pseudo-clases
  • Estilos del navegador y Reset CSS
  • El modelo de caja
  • Displays
  • Floats
  • Position
  • Estilos para listas
  • Border, border-radius y box-shadow
  • Fondos e imágenes de fondo
  • Webfonts
  • El diseño responsive y Mobile First
  • Estructura flexible
  • Las media queries
  • Navegación responsive
  • Enlace de email
  • Transiciones en CSS
  • Vincular un archivo JavaScript
  • Navegación con JavaScript añadido
  • Desarrollo web respondive con HTML y CSS

Taught by

Javier Usobiaga Ferrer

Related Courses

Build Responsive CSS3 Flexbox Holy Grail Layout
Coursera Project Network via Coursera
Build Responsive Image Gallery UI using CSS3 Flexbox
Coursera Project Network via Coursera
Build Responsive Service Page UI using CSS3 Flexbox
Coursera Project Network via Coursera
Create a no-code responsive website with Webflow
Coursera Project Network via Coursera
Adobe Muse: Advanced Techniques
CreativeLive