Curso gratis Experto en Diseño Web Para Dispositivos Móviles con HTML5 + CSS3 + JavaScript (Cliente)

Curso Gratis Online para Trabajadores y Empresas

Si eres trabajador en Régimen General, disfruta del curso gratis online a través de la formación bonificada para empresas.

Nuestros cursos gratis están disponibles en modalidad online o a distancia, consúltanos para informarse de la modalidad del curso gratis para trabajadores de su interés.

OBJETIVOS DEL CURSO GRATIS EXPERTO EN DISEÑO WEB PARA DISPOSITIVOS MÓVILES CON HTML5 + CSS3 + JAVASCRIPT (CLIENTE)

Javascript es un lenguaje de programación que se utiliza para realizar acciones dentro del ámbito de una página Web. Se trata de una programación del lado del cliente. Este curso permitirá dotar al alumnado de las competencias profesionales necesarias para controlar errores inesperados a la hora de realizar un programa y saber encauzar estos errores para que la aplicación no tenga una finalización inesperada, realizar desarrollos utilizando colecciones Java, que facilitan el tratamiento, almacenamiento, recuperación, etc. de los objetos creados y facilitan la programación, así como adquirir una base teórica y práctica en el campo de la informática para poder comprender los conceptos prácticos.

CONTENIDO DEL CURSO GRATIS EXPERTO EN DISEÑO WEB PARA DISPOSITIVOS MÓVILES CON HTML5 + CSS3 + JAVASCRIPT (CLIENTE)

MÓDULO 1. JAVASCRIPT

UNIDAD DIDÁCTICA 1. INTRODUCCIÓN A LAS PÁGINAS WEB

1. Qué son las páginas web y su evolución
2. Programación del lado del cliente: qué es y para qué sirve
3. Programación del lado del servidor: conceptos básicos
4. Herramientas y tecnologías que utilizaremos
5. Conocimientos previos necesarios

UNIDAD DIDÁCTICA 2. FUNDAMENTOS DE JAVASCRIPT

1. La etiqueta <script> y su función
2. Contenido alternativo para navegadores sin soporte
3. Variables y cómo usarlas
4. Tipos de datos en JavaScript
5. Operadores y su utilidad
6. Diálogos emergentes: alertas, confirmaciones y prompts

UNIDAD DIDÁCTICA 3. CONCEPTOS BÁSICOS DE PROGRAMACIÓN

1. Introducción a la lógica de programación
2. Estructuras condicionales y decisiones
3. Operaciones lógicas y comparaciones
4. Estructuras de repetición y bucles
5. Definición y creación de funciones
6. Invocación y uso de funciones
7. Ámbito y alcance de las variables

UNIDAD DIDÁCTICA 4. OBJETOS EN JAVASCRIPT

1. Introducción a los objetos y su importancia
2. Jerarquía y estructura de los objetos
3. Propiedades y manejo de eventos
4. Funciones y métodos asociados a objetos

UNIDAD DIDÁCTICA 5. OBJETOS LOCATION Y HISTORY

1. ¿Qué es una URL y cómo funciona?
2. El objeto Location: manipulación y navegación
3. Redirigir a otras páginas mediante JavaScript
4. El objeto History: control del historial del navegador

UNIDAD DIDÁCTICA 6. EL OBJETO DOCUMENT

1. Función y estructura del objeto Document
2. La propiedad <title> y su uso
3. Gestión de colores en la página
4. El método write para insertar contenido
5. Manipulación de la colección de imágenes

UNIDAD DIDÁCTICA 7. EL OBJETO FORMULARIOS

1. Cómo funcionan los formularios HTML
2. El conjunto de formularios en el documento
3. La propiedad elements y su utilidad
4. Validación de datos en formularios
5. Momentos adecuados para validar
6. Tipos de validaciones: cliente y servidor

UNIDAD DIDÁCTICA 8. OBJETOS FRAME, NAVIGATOR Y SCREEN

1. El conjunto de frames y su uso
2. El objeto navigator: información del navegador
3. El objeto screen: datos de la pantalla

MÓDULO 2. DISEÑO WEB AVANZADO CON HTML5 + CSS3

UNIDAD DIDÁCTICA 1. HERRAMIENTAS ESENCIALES

1. Introducción a las herramientas necesarias
2. Elegir y usar un editor de texto adecuado
3. Utilizar diferentes navegadores para pruebas

UNIDAD DIDÁCTICA 2. FUNDAMENTOS DE HTML

1. Conceptos básicos de HTML
2. Creación de un documento HTML paso a paso
3. Características esenciales del lenguaje

UNIDAD DIDÁCTICA 3. TEXTO, ENLACES, LISTAS, IMÁGENES Y OBJETOS

1. Trabajar con textos en HTML
2. Insertar y gestionar enlaces
3. Crear listas ordenadas y no ordenadas
4. Incluir imágenes y objetos multimedia

UNIDAD DIDÁCTICA 4. TABLAS, FORMULARIOS Y ESTRUCTURAS

1. Diseñar y usar tablas
2. Crear formularios funcionales
3. Organizar contenido con estructuras y layouts

UNIDAD DIDÁCTICA 5. ETIQUETAS CLAVE Y SU USO

1. Etiquetas importantes y su función

UNIDAD DIDÁCTICA 6. METAINFORMACIÓN, ACCESIBILIDAD Y VALIDACIÓN

1. ¿Qué es la metainformación y para qué sirve?
2. Principios de accesibilidad web
3. Validar el código para asegurarse de su correcto funcionamiento

UNIDAD DIDÁCTICA 7. INTRODUCCIÓN A CSS

1. Conceptos básicos de CSS
2. Compatibilidad de CSS en diferentes navegadores
3. Normas y especificaciones oficiales
4. Cómo funciona CSS en la práctica
5. Incluir estilos CSS en la web
6. Estilo básico y personalización
7. Medios y tipos de estilos CSS
8. Comentarios en CSS
9. Sintaxis y estructura de las reglas CSS

UNIDAD DIDÁCTICA 8. SELECTORES, UNIDADES Y COLORES

1. Principales selectores CSS y su uso
2. Unidades de medida para estilos
3. Paletas y gestión de colores en CSS

UNIDAD DIDÁCTICA 9. MODELOS DE CAJAS, POSICIONAMIENTO Y VISUALIZACIÓN

1. El modelo de cajas en CSS
2. Propiedades que afectan a las cajas
3. Margen, padding, borde y estructura
4. Posicionamiento de elementos en la página
5. Opciones de visualización y display

UNIDAD DIDÁCTICA 10. ESTRUCTURA Y DISEÑO DE PÁGINAS "LAYOUT"

1. Introducción a los layouts
2. Cómo centrar una página horizontalmente
3. Cómo centrar verticalmente
4. Organización y estructura del layout
5. Configuración de alturas y anchos máximos y mínimos
6. Estrategias de estilos avanzados

UNIDAD DIDÁCTICA 11. TEXTO, ENLACES, IMÁGENES Y LISTAS EN CSS

1. Estilizando textos
2. Decoración de enlaces
3. Gestión de imágenes
4. Estilizando listas

UNIDAD DIDÁCTICA 12. TABLAS, FORMULARIOS Y SHORTHAND

1. Estilizado de tablas
2. Personalización de formularios

UNIDAD DIDÁCTICA 13. UTILIDADES AVANZADAS DE CSS

1. Preparar estilos para impresión
2. Personalizar el cursor del ratón
3. Hacks, filtros y trucos CSS
4. Prioridad y cascada en las declaraciones
5. Validar y depurar CSS
6. Recomendaciones y buenas prácticas
7. Recursos y herramientas útiles

UNIDAD DIDÁCTICA 14. FIREBUG Y OTRAS HERRAMIENTAS

1. ¿Qué es Firebug y para qué sirve?
2. Cómo instalar y configurar Firebug
3. Cómo aprovechar Firebug en el desarrollo

UNIDAD DIDÁCTICA 15. INTRODUCCIÓN A HTML5

1. ¿Qué es HTML5 y por qué es importante?
2. Mejoras y novedades respecto a versiones anteriores
3. Etiquetas obsoletas y nuevas etiquetas
4. Lista de etiquetas HTML5
5. Atributos que han sido eliminados o modificados
6. Otros cambios relevantes
7. Estructura básica en HTML5
8. Innovaciones en la estructuración del body
9. Otros elementos estructurales nuevos

UNIDAD DIDÁCTICA 16. ATRIBUTOS, EVENTOS Y PSEUDO-CLASES EN HTML5

1. Introducción a los atributos globales
2. Nuevos atributos en HTML5
3. Eventos y cómo integrarlos en el código

UNIDAD DIDÁCTICA 17. NUEVOS ELEMENTOS SEMÁNTICOS

1. Elemento <bdi> y su utilidad
2. Elemento <command>
3. Elemento <data>
4. Detalles con <details>
5. Elemento <mark>
6. Elemento <meter>
7. Elemento <progress>
8. Elemento <ruby>
9. Elemento <time>
10. Elemento <wbr>

UNIDAD DIDÁCTICA 18. MEJORAS EN LOS FORMULARIOS HTML5

1. Nuevos elementos para formularios
2. Cambios en el atributo <input type>
3. Nuevos atributos en <form>
4. Nuevos atributos en <fieldset>
5. Nuevos atributos en <input>
6. Nuevos atributos en <textarea>

UNIDAD DIDÁCTICA 19. OTRAS INNOVACIONES DE HTML5

1. Incorporación de elementos multimedia
2. Etiqueta <source> y sus funciones
3. Etiqueta <track> para subtítulos y pistas
4. Elementos <video> y <audio>
5. Elemento <embed> y su uso
6. Canvas y gráficos dinámicos
7. Introducción a MathML y SVG
8. Funcionalidades de Drag and Drop
9. Validación y pruebas de HTML5

UNIDAD DIDÁCTICA 20. INTRODUCCIÓN A CSS3

1. Qué es CSS3 y su importancia
2. Unidades, colores y tipografías en CSS3
3. Nuevos selectores y pseudo-clases

UNIDAD DIDÁCTICA 21. ANIMACIONES, FONDOS Y BORDES

1. Propiedades para animaciones
2. Nuevas propiedades para fondos
3. Nuevas propiedades para bordes

UNIDAD DIDÁCTICA 22. CAJAS, FLEXBOX, COLORES Y FUENTES

1. Propiedades de las cajas y su flexibilidad
2. Gestión de colores y tipografías

UNIDAD DIDÁCTICA 23. ENLACES Y MULTI-COLUMNAS

1. Estilización de enlaces
2. Diseño multi-columna con CSS

UNIDAD DIDÁCTICA 24. TRANSFORMACIONES Y TEXTO 2D/3D

1. Estilizando texto
2. Transformaciones 2D y 3D

UNIDAD DIDÁCTICA 25. TRANSICIONES Y UX

1. Propiedades para transiciones suaves
2. Mejoras en la interfaz de usuario con CSS
3. Validación y compatibilidad con CSS3

UNIDAD DIDÁCTICA 26. DISEÑO RESPONSIVE Y MÓVILES

1. Introducción al diseño adaptable
2. Desarrollo de páginas para móviles con HTML5, CSS3 y jQuery Mobile
3. Media Queries: adaptando estilos a diferentes dispositivos
4. Almacenamiento local en el navegador: Local Storage
5. Frameworks para crear apps móviles con HTML
6. Cómo publicar una app en Google Play
7. Actividad práctica para consolidar conocimientos

MATERIAL INCLUIDO EN LA MODALIDAD A DISTANCIA

• Manual teórico: Diseño Web para Dispositivos Móviles. Vol 1
• Manual teórico: Diseño Web para Dispositivos Móviles. Vol 2
• Manual teórico: Diseño Web para Dispositivos Móviles. Vol 3
• Cuaderno de ejercicios: Diseño Web para Dispositivos Móviles
• CDROM: Diseño Web Avanzado con HTML5 y CSS3
• CDROM: Programación de Páginas Web con JavaScript (Cliente)