Duración:31 Encuentros
Tipo:Cursos
Modalidad:Online
Aprende los fundamentos del Desarrollo Web Frontend
¡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.
Este curso parte desde un conocimiento cero de HTML y CSS. Incluye las etiquetas fundamentales de HTML y propiedades de CSS tipográficas, herramientas de layout como Floats o Position, fondos, bordes, esquinas redondeadas, sombras, Web Fonts y herramientas fundamentales de Desarrollo Responsive como las Media Queries.
¿Cuál es el proyecto del curso?
El proyecto final consiste en crear una página web responsive (la web de una cafetería ficticia) en base a un diseño facilitado como síntesis de las diferentes materias que veremos a lo largo del curso.
¿A quién está dirigido?
A todas aquellas personas que deseen adquirir unos conocimientos básicos de HTML y CSS, sean diseñadores o no.
Unidad 1
Introducción
• La web: HTML, CSS y JS
• Editor de código. Crear un proyecto. Entorno de edición
• Inspector y herramientas de desarrollador
Unidad 2
Estructura HTML
• Etiquetas de texto
• Imágenes y enlaces
• Etiquetas de bloque
• Etiquetas de documento
Unidad 3
Empezando con CSS
• Selectores básicos
• Estilos tipográficos
• Especificidad y estructura en las hojas de estilo
• Selectores avanzados: las pseudo-clases
Unidad 4
Estructuras en CSS
• El modelo de caja
• Displays
• Floats
• Position
Unidad 5
Decoración en CSS
• Border, border-radius y box-shadow
• Fondos e imágenes de fondo
• Webfonts
Unidad 6
Técnicas responsive
• Estructura flexible
• Las media queries
• Navegación responsive
Unidad 7
Añadiendo interacción
• Transiciones en CSS
• Vincular un archivo JavaScript
• Navegación con JavaScript añadido
Proyecto Final
Proyecto final
Para este curso no necesitas grandes conocimientos técnicos ni de diseño.
Necesitarás:
- un ordenador
- un editor de código gratuito.