La guía de la programación HTML5, CSS y JavaScript con Visual Studio

Transcripción

1 Tabla de contenidos INTRODUCCIÓN... 5 AGRADECIMIENTOS...6 TABLA DE CONTENIDOS... 7 CAPÍTULO 01 HTML 5: LAS TECNOLOGÍAS Y SU IMPLICACIÓN EN EL DESARROLLO...17 EL ESTADO ACTUAL DEL ESTÁNDAR ESPECIFICACIONES Y PRUEBAS DE LABORATORIO EL PROBLEMA DE LOS FORMATOS HTTP 2.0: UN NUEVO PROTOCOLO DE TRANSPORTE EL GRADO DE MADUREZ Y FINALIZACIÓN DEL ESTÁNDAR NIVEL DE COMPLECIÓN DE HTML NIVEL DE COMPLECIÓN DE CSS NIVEL DE COMPLECIÓN EN JAVASCRIPT Las API de JavaScript... 30

2 La Experiencia de Usuario LAS HERRAMIENTAS Visual Studio 2013 y el estándar HTML LAS HERRAMIENTAS DE LOS NAVEGADORES FireBug La herramienta de desarrollo de Google Chrome Opera DraglonFly Otras herramientas: Fiddler CONCLUSIÓN REFERENCIAS CAPÍTULO 02 LA SINTAXIS HTML EL MARCO DE TRABAJO Y LOS OBJETIVOS COMPATIBILIDAD HACIA ATRÁS LA SINTAXIS GENERAL DE HTML El tipo de documento: DOCTYPE HTML5: ELEMENTOS NUEVOS Y MODIFICADOS Nuevas Etiquetas Etiquetas modificadas Etiquetas obsoletas Cambios genéricos para todos los elementos: Atributos globales CATEGORÍAS DE ETIQUETAS Etiquetas estructurales o semánticas <section> <section> y la noción de esquema de un documento <article> <aside> <header> <footer>

3 Tabla de contenidos 9 <nav> <figure> Elementos Multimedia: <video>, <audio>, <source> y <track> <video>, <audio> y etiquetas complementarias <source> <track> El API Media Elements FallBacks <audio> <embed> <mark> <progress> <meter> <time> <rt> y <rp> <bdi> <wbr> <command> <keygen> <output> <details> y <summary> <datalist> GRÁFICOS: MAPAS DE BITS (<CANVAS>) Y VECTORIALES (<SVG>) <canvas> SOPORTE EN VISUAL STUDIO 2012/ Programación general de un objeto canvas Accediendo a canvas para dibujar

4 Dibujando otras figuras básicas Transformaciones Contenido dinámico: Animaciones en canvas Efectos de animación sobre imágenes EL ELEMENTO <SVG> SVG y los filtros EL MODELO DE CONTENIDO CONCLUSIÓN REFERENCIAS CAPÍTULO 03 LOS ATRIBUTOS EN HTML NUEVOS ATRIBUTOS NUEVOS ATRIBUTOS Y SEMÁNTICA DEL ELEMENTO IMG Estados de img Significado según la presencia de atributos DESCARGA DIFERIDA DE RECURSOS LOS ATRIBUTOS DE <INPUT> <input> y los formatos de entrada ATRIBUTOS COMPLEMENTARIOS DE CONTROL Y VISUALES El atributo placeholder El atributo pattern El atributo autofocus El atributo autocomplete El atributo list de <input> y el elemento <datalist> VALIDACIONES El atributo required Los atributos novalidate y formnovalidate Personalización de los mensajes de error y las API de validación La API de Validación

5 Tabla de contenidos 11 El conjunto de atributos form* NUEVOS ATRIBUTOS DE CARÁCTER GLOBAL Atributos que ahora tienen carácter global Los atributos WAI ARIA El atributo contenteditable El atributo hidden El atributo spellcheck Los atributos draggable y dropzone Los atributos data * El atributo data y las aplicaciones HTML5 para Windows Los atributos vinculados a eventos ATRIBUTOS MODIFICADOS Atributos no recomendados (y sus alternativas) Atributos obsoletos REFERENCIAS CAPÍTULO 04 LOS ESTÁNDARES DE CSS DEFINICIÓN Y OBJETIVOS ESTANDARIZACIÓN SOPORTE DEL ESTÁNDAR CSS 3 EN VISUAL STUDIO 2012/ Depuración visual con Page Inspector Las ventajas de CSS Ubicación de los estilos y ámbito de influencia EL CONCEPTO DE SELECTOR Los navegadores y las Extensiones CSS Selectores combinados (o dependientes) El selector universal (nuevo en CSS3) Agrupación de selectores

6 OTROS MECANISMOS DE SELECCIÓN Una nota sobre las pseudo clases Selección por las relaciones entre los elementos SELECCIÓN POR EL VALOR DE SUS ATRIBUTOS Nuevos selectores de atributos en CSS SELECCIÓN POR LA INTERACCIÓN CON EL USUARIO LOS PSEUDO ELEMENTOS Los pseudo elementos ::before y ::after EL MODELO DE CAJA La propiedad display y el modelo de caja El nuevo modelo de cajas propuesto por CSS LAS NUEVAS DEFINICIONES EN CSS Modificaciones estructurales NOVEDADES QUE AFECTAN A LA CAJA DE LOS ELEMENTOS Fondos (Propiedad Background) Bordes Bordes definidos mediante imágenes EFECTOS DE SOMBREADO MANIPULACIÓN DE TEXTO Tipos de letra Indicación del texto seleccionable Fuentes y formatos Unidades de medida de las fuentes Características especiales para las fuentes OpenType El problema del ajuste del tamaño de las fuentes Texto con sombra MODIFICACIONES QUE AFECTAN A LA ESTRUCTURA DEL DOCUMENTO Columnas

7 Tabla de contenidos 13 Exclusiones El diseño de caja flexible (Flexbox) El diseño de cuadrícula Regiones MEDIA QUERIES: ADAPTACIÓN A DISPOSITIVOS Carga condicional Directivas CSS como extensiones de un navegador ELEMENTOS DINÁMICOS TRANSFORMACIONES Propiedad transform TRANSICIONES Y ANIMACIONES Transiciones Animaciones ALTERNATIVAS PARA NAVEGADORES ANTIGUOS Consideraciones de rendimiento CONCLUSIÓN REFERENCIAS CAPÍTULO 05 EL LENGUAJE JAVASCRIPT JAVASCRIPT Y ECMASCRIPT JavaScript: los puntos fuertes Algunas peculiaridades del lenguaje Otros aspectos propios del lenguaje La palabra reservada this Funciones y el operador new LO NUEVO EN JAVASCRIPT El nuevo modo (y la palabra reservada) Strict JavaScript 5 y Reflection

8 Novedades en IE Objetos contenedores TypeScript REFERENCIAS CAPÍTULO 06 LAS API DE JAVASCRIPT Las API calificadas como Standards Las API calificadas como Group Notes Las API en estado borrador (Working Drafts) Selección de las API y situación actual LAS API VINCULADAS A LOS DISPOSITIVOS Y NAVEGADORES API FullScreen (Pantalla completa) API Pointer Events (Eventos de dispositivo apuntador) API Drag & Drop (Arrastrar y soltar) API History (Historial de Navegación) API Geolocation (Geo Localización) LAS API DE ALMACENAMIENTO API de almacenamiento local y de sesión (localstorage sessionstorage) API de Almacenamiento local (LocalStorage) API de caché de aplicaciones (AppCache) IndexedDB: emulación de una base de datos en el cliente File API: API para acceso a ficheros locales LAS API PARA LA MEJORA DEL RENDIMIENTO DE LAS APLICACIONES AJAX: Llamadas asíncronas a un servicio mediante AJAX y JSON API Web Workers: Tareas asíncronas en el cliente LA API WEB SOCKETS La arquitectura de comunicación El soporte adicional de Microsoft WEBGL: UNA API FUERA DEL ESTÁNDAR

9 Tabla de contenidos 15 Alcance de WebGL y otras alternativas REFERENCIAS ÍNDICE SITIOS WEB RELACIONADOS CURSO DE DESARROLLO WEB CON HTML5 Y VISUAL STUDIO CONSIGUE VISUAL STUDIO 2013 Y UTILIDADES EN LAS MEJORES CONDICIONES