Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Udemy

Todo HTML5 y CSS3, de novato a experto

via Udemy

Overview

HTML5 y CSS3 son las tecnologías más innovadoras en el ámbito del desarrollo web moderno. La revolución apenas inicia!

What you'll learn:
  • Crear páginas basadas en las mejores prácticas con HTML
  • Diseñar páginas web con los estilos en cascada
  • Aplicar las etiquetas estructurales de HTML5 en las páginas web
  • Crear formas de entrada utilizando los nuevos atributos y pseudoclases de HTML5
  • Agregar video y audio a las páginas web
  • Crear animaciones con los APIS Canvas y SVG
  • Convertir sus aplicaciones web en aplicaciones fuera de línea
  • Introducir mapas de Google a las páginas con HTML5
  • Manejar animaciones con los estilos en cascada nivel 3

HTML5 y CSS3 son las tecnologías que han revolucionado la Internet. No sólo podemos hacer animaciones y reproducir video sin necesidad de plug-ins de terceros, sino que podemos hacer páginas que se reproduzcan adecuadamente (o que "respondan") al dispositivo donde se visualizan.

En este curso iniciaremos desde conocer qué es una etiqueta y una regla de estilo, hasta aplicar aspectos más avanzados como la realización de páginas "responsivas" hasta aplicaciones fuera de línea.

Todos los vídeos son descargables y cuentas con apuntes de la mayoría de las secciones en formato pdf, así como los ejercicios resueltos de todas las lecciones.

Es deseable que contengas conocimientos de JavaScript para el desarrollo de aplicaciones con los API's de HTML5.

Revisaremos los APIS de desarrollo como el CANVAS, para hacer dibujos en tiempo de ejecución, y realizaremos un par de juegos con esta tecnología. También revisaremos el SVG para la realización de dibujos vectoriales.

Por medio del API LocalStrorage realizaremos un sencillo sistema de altas, bajas y cambios (ABC) de un catálogo de libros.

Manejaremos los archivos del disco del usuario con el API File,así como agregaremos mapas de Google por medio del API de Geolocalización.

Si ponemos todos estos elementos tendremos un poderoso coctel para nuestros desarrollos Web… y es tan sólo el inicio. ¡Únete a la revolución!

Syllabus

  • ¿De qué está hecha la web?
  • Principios de HTML
  • Las principales etiquetas de HTML
  • Formatos y colores con los estilos en cascada
  • Selectores y unidades de los estilos en cascada
  • El modelo de caja
  • Navegación e impresión con Estilos en cascada
  • Posicionamiento y flujo
  • Formato de páginas con CSS
  • Creación de formularios con HTML
  • La regla de estilo Display
  • Ejemplo de páginas con layout con display: grid:
  • HTML5: Introducción
  • HTML5: Las etiquetas estructurales o semánticas
  • HTML5: Manejo de formularios
  • HTML5: Manejo de video y audio
  • API Canvas HTML5
  • Crear una sencilla aplicación de dibujo con canvas
  • Animación básica con el Canvas
  • CANVAS: crear un juego de memoria
  • CANVAS: Crear un juego de memoria con imágenes
  • CANVAS: Crear un juego de ahorcado
  • Los microdatos, microformatos y RDFa en HTML5
  • El API-File
  • El API localStorage y sessionStorage
  • El API de Geolocalización
  • HTML5: API Drag & Drop
  • HTML5: API Web worker
  • HTML5: API Offline web application
  • HTML5: API SVG
  • Introduccion CSS3
  • Selectores en CSS3
  • CSS3: Trabajo con colores
  • CSS3: Tipografia Web
  • CSS3: Maquetación de páginas con CSS3
  • CSS3: Nuevo modelado de las cajas
  • CSS3: Transiciones y transformaciones
  • Creación de páginas responsivas con los Media Queries
  • Crear una tarjeta de usuario con HTML5 y CSS3
  • Crear una pantalla de entrada o login
  • Crear una pantalla de inicio (landingpage)
  • Crear una página de testimonios con Display:grid
  • Crear una página responsiva con flex-box
  • Ejemplos de desarrollos con HTML y CSS3
  • Bonus: Herramienta de desarrollo web
  • Ejercicios del curso Todo HTML5 y CSS3

Taught by

Francisco Javier Arce Anguiano

Reviews

4.5 rating at Udemy based on 345 ratings

Start your review of Todo HTML5 y CSS3, de novato a experto

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.