Curso de Programación Front-end: HTML5, CSS3 y JavaScript

Contenido del curso Curso de Programación Front-end: HTML5, CSS3 y JavaScript

MÓDULO 1: HTML5 y CSS3. Estándares de la creación de aplicaciones Web​

Tema 1. Introducción al HTML5

• Breve historia del HTML5
• Instalación de Sublime Text como IDE

Tema 2. Estructura de documentos.

• Estructura de etiquetas básicas de HTML5

Tema 3. Contenedores semánticos.

• Tipos de contenedores y sus usos

Tema 4. Contenedores de texto.

• Tipos de contenedores y sus usos.

Tema 5. Formato semántico del texto.

• Estructura básica del HTML5

Tema 6. Enlaces.

• Etiquetas y atributos en HTML5

Tema 7. Tablas.

• Etiquetas y atributos en HTML5

Tema 8. Imágenes.

• Etiquetas y atributos en HTML5

Tema 9. Formularios.

• Etiquetas y atributos en HTML5
• Estructura de un formulario con HTML5

Tema 10. Multimedia.

• Etiquetas de multimedia en HTML5.

Tema 11. Introducción a las hojas de estilo (CSS3).

• Breve historia del CSS3
• Uso de hojas de estilo con Sublime text

Tema 12. Sintaxis de las hojas de estilo.

• Versiones de CSS
• Escribir en CSS

Tema 13.Propiedades CSS para las fuentes y el texto.

• Font-family, Font-style, Font-weight y Font-size.

Tema 14. Propiedades CSS para listas y tablas.

• Viñetas personalizadas
• Menús verticales

Tema 15. Formato y maquetación de las cajas.

• Estructura de cajas en una página web con la etiqueta.

Tema 16. Consulta de medios.

• Media-queries para el diseño responsive

Tema 17. Propiedades de impresión:

• Pautas básicas y ejemplos de estilos para impresión

Tema 18. Modo offline en HTML5.

• API de caché para la aplicación sin conexión

Tema 19. El resto de API JavaScript de HTML5:

• Ejemplos de APIs de HTML5

Tema 20. Buenas prácticas en HTML5 Y CSS3.

• Trucos y convenciones en HTML5 y CSS3.

MÓDULO 2: DESARROLLAR CON JAVASCRIPT

Tema 1. El lenguaje JavaScript.

• breve historia de JavaScript.
• Introducción del lenguaje de JavaScript con Sublime Text.

Tema 2. Desarrollo a partir de algoritmos.

• Definición de algoritmo
• Complejidad de un algoritmo

Tema 3. Conceptos principales.

• Objetos

Tema 4. Condicionales.

• Condicionales y su uso.

Tema 5. Bucles

• Bucles y su uso.

Tema 6. Tablas.

• Trazados de tablas

Tema 7. Procedimientos y funciones.

• Definición
• Ejecución
• Tipos

Tema 8. Programación orientada a “objetos” en JavaScript.

• Introducción.
• Propiedades
• Métodos

Tema 9. Objetos en JavaScript.

• Tipos y métodos.

Tema 10. Formularios de datos.

• Propiedades básicas de formularios y elementos
• Utilidades de los formularios
• Validación de un formulario

Tema 11. Modelo DOM.

• Estructura, entidades y núcleo.

Tema 12. Exploración de flujo XML vía DOM.

• Explicación y sus usos.

Tema 13. Gestión de las cookies en JavaScript. Tema 14. Almacenamiento en cliente de datos con Javascript y HTML5.

• Propiedades de almacenamiento de datos

Tema 15. Conceptos básicos de almacenamiento en servidor: formato XML.

• Lenguaje XML

Tema 16: Almacenamiento en servidor: formato JSON.

• Lenguaje JSON.

Tema 17: Geolocalización en JavaScript.

• La geolocalización con la API de JavaScript

Tema 18: Diseño HTML5: Canvas.

• Explicación y usos de la etiqueta Canvas

Tema 19: Gráficos de gestión con APIs.

• Librerías para hacer gráficos en JavaScript.

Tema 20: Creación de documentos PDF y códigos QR

• Las APIs de Javascript para creación de PDF y códigos QR

Tema 21: Buenas prácticas con JavaScript.

• Trucos y convenciones en JavaScript.

Tema 22: Conceptos básicos de JQuery Tema 23: Conceptos básicos de MongoDB, NodeJS Y AngularJS

• Introducción a la base de datos MongoDB.
• Introducción al framework NodeJS.
• Introducción a AngularJS.

MÓDULO 3: DISEÑO WEB

Tema 1: Diseño con mockups

• Las fases de diseño (Briefing, Investigación y planificación, diseño y desarrollo)

Tema 2:Diseño con plantillas: Bootstrap 4

• Etiquetas y propiedades de la plantilla Bootstrap.

Tema 3: Diseño para móviles: diseño responsive.

• Diseño responsive: trucos y métodos

Tema 4: Diseño con WordPress

• Instalación de WordPress
• Uso de la plantilla DIVI
• Diseño con constructor visual y la plantilla  divi

PROYECTO FINAL

Creación de una aplicación web para una empresa elegida por el alumno, usando la plantilla Bootstrap y todo lo dado en el curso. Se realizarán diseños previos con Balsamiq con las especificaciones dadas por el profesor como si fuera un cliente.

MATERIAL COMPLEMENTARIO

Formación en idiomas