Netmind - loader
Netmind - Programación Web con HTML5, CSS3 y JavaScript

Programación Web con HTML5, CSS3 y JavaScript

Introducción a: Programación Web con HTML5, CSS3 y JavaScript


El objetivo del curso es introducir a los alumnos a los cambios que han tenido lugar en los estándares Web desde el punto de vista del contenido y la presentación visual. El curso aborda aspectos relacionados con la estructura de páginas, la presentación y la programación (JavaScript, etc.).

Objetivos


Al finalizar el curso los alumnos podrán:
- Conocer las novedades y diferencias con respecto a versiones anteriores.
- Poder usar las nuevas etiquetas semánticas correctamente para favorecer la presencia SEO individual o corporativa.
- Incorporar elementos multimedia y gráficos, usando las nuevas opciones del estándar
- Crear formularios web con las nuevas opciones de validación y control de entradas
- Diseñar interfaces Web Responsive utilizando las opciones de CSS3
- Solucionar problemas comunes de presentación e interacción con el usuario
- Conocer y profundizar en el uso de HTML5, CSS3 y sus posibilidades
- Conocer y usar las nuevas características ofrecidas por JavaScript
- Manejar los depuradores integrados en los navegadores
- Conocer y utilizar las nuevas API propuestas por JavaScript 5

Perfil de los alumnos


Ingenieros y desarrolladores web habituados a con otras tecnologías Web y que estén acostumbrados a crear aplicaciones para entornos web.

Requisitos previos


Los alumnos deben conocer las características del desarrollo web.

Documentación


Para poder seguir el curso los alumnos recibirán una documentación desarrollada por netmind. La metodología del curso es aproximadamente un 55% teórica y un 45% práctica.

Contenidos del Programación Web con HTML5, CSS3 y JavaScript


1. HTML 5
1.1. Compatibilidad hacia atrás
1.2. Etiquetas obsoletas
1.3. La sintaxis general de HTML
1.4. Etiquetas modificadas
1.5. Etiquetas obsoletas
1.6. Cambios genéricos
1.7. Etiquetas estructurales y semánticas
1.8. <section>
1.9. Etiquetas de esquema de documento
1.10. Ejemplo “oficial”
1.11. Implementación práctica de una entrada de un blog
1.12. DEMO: Prototipo de un blog
1.13. <figure>
1.14. La oferta multimedia: <video>, <audio>, <source> y <track>
1.15. Utilización de las etiquetas <video> y <audio>
1.16. <source>
1.17. Otros atributos complementarios
1.18. Ejemplo básico de uso
1.19. <audio>
1.20. Etiquetas clásicas
1.21. Ejemplo de uso de <embed>
1.22. <mark>
1.23. <progress>
1.24. <meter>
1.25. <time>
1.26. <wbr>
1.27 <details>
1.29. <datalist>
1.30. <canvas>
1.31. Dibujando sobre el <canvas>
1.32. Trabajando con texto
1.33. Utilizando imágenes en un <canvas>
1.34. Transformaciones
1.35. Animaciones
1.36. Soporte SVG
2. Atributos
2.1. Atributos <input> y la API HTML para formularios
2.2. Marcadores de posición
2.3. Autofoco y Autocompletar
2.4. <datalist> e <input>
2.5. Manejo de entradas numéricas
2.6. Manejo de fecha con formato de entradas
2.7. Validaciones
2.8. Patrones
2.9. API para Validaciones
2.10. WAI-ARIA
2.11. Atributos Data
3. CSS 3
3.1. Nuevos atributos para otros elementos existentes
3.2. Revisión: Estructura de un documento CSS
3.3. Reglas: definición y tipos
3.4. Los dos triángulos esquemáticos: Ubicación y Selección
3.5. Posicionamiento
3.6. La especificación CSS3. Estado actual
3.7. Hojas de estilos de gestión
3.8. Trabajar con fuentes Web
3.9. Texto: nuevas opciones.
3.10. Administración de fondos y colores
3.11. Tipos de valores
3.12. Degradados y paletas de colores
3.13. Efectos visuales
3.14. Cuadros y bordes
3.15. Columnas
3.16. Transiciones
3.17. Animaciones
4. JavaScript
4.1. Los cambios en el lenguaje JavaScript
4.2. Programación de eventos y gestión de la concurrencia
4.3. AJAX Nivel 2.1. Manejo de AJAX con jQuery
4.4. Geolocalización
4.5. Almacenamiento local: LocalStorage y SessionStorage
4.6. Application Cache
4.7. Acceso a archivos
4.8. Arrastrar y Soltar
4.9. Web Sockets
4.10. Web Workers
4.11. API de notificaciones

Cursos relacionados
Knowledge Center
Nuestro sitio utiliza cookies para análisis. Si no estás seguro de ello, echa un vistazo a nuestra política de privacidad. ACEPTAR