Curso Gratuito Online de HTML5 impartido por Microsoft

Hola que tal pues les comparto esta informacion espero y nos sirva a muchos un gran saludo.

Microsoft ofrece una serie de lecciones con las cuales podrás aprender a programar en HTML5, el curso se divide en 6 lecciones, en las cuales te enseñan:

Lección 1: Definición de HTML5

  • Beneficios de HTML5
  • Principales características
  • Nuevos elementos de markup y presentación
  • Los elementos <video> , <audio> y <canvas>
  • Formularios Web
  • Elementos revisados que se basan en HTML 4.0
  • Introducción a las APIs de HTML5 y tecnologías de apoyo
  • Geolocation
  • Web Workers
  • Almacenamiento Web
  • CSS3: Animaciones y transiciones
  • CSS3: Fondos, bordes, colores RGBa, gradientes, sombreados y esquinas redondeadas
  • Tipos de letra @font-face para la web
  • HTML5 todavía es un proyecto en fase de desarrollo
  • Compatibilidad de navegadores
  • Dónde se utiliza HTML5 actualmente

Lección 2: Conceptos básicos de HTML, XHTML y CSS

  • Introducción a la sintaxis de HTML
  • Detalles de la sintaxis XHTML
  • La función de DOCTYPE
  • Validación W3C y de página
  • Creación de una página HTML
  • Definición de elementos HTML
  • Inserción de imágenes en HTML
  • Uso de atributos
  • Creación de vínculos
  • El papel de las hojas de estilos CSS (Cascading Style Sheets)
  • Aplicar estilos a una cabecera
  • Clases de estilos y el elemento <span>
  • Tres formas de utilizar los estilos
  • Cuándo utilizar hojas de estilo Internas o externas
  • Creación de una hoja de estilos externa
  • El concepto de “cascada” de CSS

Lección 3: Introducción a la presentación en pantalla con CSS

  • El papel del archivo de reset CSS
  • Añadir un enlace a una hoja de estilos de reset externa
  • Breve historia de las técnicas de disposición en pantalla de las páginas web
  • Introducción a las opciones de presentación de las páginas
  • Creación de una estructura básica de dos columnas de ancho fijo con CSS
  • El elemento DIV
  • Asociación de IDs y clases CSS con elementos DIV
  • La propiedad float de CSS
  • Creación de columnas con la propiedad float
  • Uso de la propiedad clear
  • Creación de una navegación basada en listas con directivas float
  • Uso de márgenes y rellenos para controlar la disposición de los elementos en pantalla
  • Imágenes de fondo con CSS
  • Decoración de un pie de página con una imagen de fondo

Lección 4: Uso de las etiquetas HTML5

  • Revisión del concepto de semántica de las etiquetas HMTL
  • Fundamentos de HTML5
  • Uso de la declaración DOCTYPE de HTML5
  • Diferentes categorías utilizadas para contenidos HTML5
  • Contenidos de Metadatos
  • Contenidos de Flujo
  • Contenidos de Sección
  • Contenidos de Cabecera
  • Contenidos de Frase
  • Contenidos embebidos
  • Contenidos interactivos
  • El nuevo elemento <header> de HTML5
  • Incorporar soporte para elementos HTML5 en los navegadores
  • Incorporación de elementos <nav> de HTML5
  • Esquema de documentos con HTML5
  • Incorporación de otros elementos de sección de HTML5
  • Elemento <section>Elemento <article>
  • Elemento <aside>
  • Elemento <footer>
  • Otros elementos HTML5
  • Elemento <figure>
  • Elemento <figcaption>
  • Elemento <time>
  • Elementos revisados de HTML 4.0
  • La etiqueta <b> frente a <strong>
  • La etiqueta <i> frente a <emphasis>
  • Uso de formularios HTML5
  • Tipos de datos de entrada email y url
  • Atributos required y placeholder
  • Atributos autofocus y autocomplete
  • Uso de los elementos Video y Audio
  • Uso del elemento <video> y sus atributos relacionados
  • Uso del elemento <audio> y sus atributos relacionados
  • Aspectos a tener en cuenta sobre los códecs de vídeo y audio al trabajar con contenidos multimedia

Lección 5: uso del elemento Canvas

  • El papel de JavaScript en las aplicaciones HTML5
  • Conceptos básicos de JavaScript
  • Eventos de JavaScript
  • Ubicación del código JavaScript en un documento externo
  • El DOM (Document Object Model)
  • El elemento Canvas
  • Ventajas del elemento Canvas
  • Diseño gráfico con Canvas
  • Dibujo de trazos
  • Dibujo de rectángulos
  • Dibujo de líneas y círculos
  • Dibujo de curvas
  • Inserción de textos
  • Colores, estilos y gradientes
  • Inserción de imágenes
  • Creación de gráficos en el Canvas
  • Uso de arrays de datos
  • Creación de animaciones con Canvas y Animation
  • Uso de transformaciones
  • Creación de un bucle de dibujo

Lección 6: funciones Drag y Drop de HTML5

  • Diferentes formatos de Drag y Drop en la web
  • Ventajas de las funciones Drag y Drop
  • Compatibilidad de Drag y Drop entre distintos navegadores
  • Uso de la función preventDefault
  • Los eventos dragenter y dragover
  • Convertir un elemento en “arrastrable” ( draggable) en HTML5
  • El atributo ondragstart
  • Creación de la función dragStarted
  • Medidas para la compatibilidad con diferentes navegadores
  • Transferencia de datos con una operación “Drag-and-Drop”
  • Uso del objeto dataTransfer
  • Uso de la función setData
  • La propiedad innerHTML

suerte a todos y a estudiar…..


Artículos relacionados

Deja un comentario