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.

Duración300 h
Unidades34
Campos2
FormatoSCORM 1.2

Sobre este contenido

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. Con Javascript se pueden realizar tareas como la validación de los datos enviados por el usuario en un formulario, crear páginas Web dinámicas, en las que el usuario acceda a información personalizada, convirtiéndolas en páginas interactivas. Con este scorm, aprenderás a mejorar las páginas Web de modo sencillo, sin ser necesaria una experiencia previa en programación, además de aprender el diseño web para teléfonos móviles con HTML5, CSS3 y JavaScript.

A quién va dirigido

Estudiantes y profesionales de los sectores relacionados con el mundo de la informática, Internet y programación orientada a la web.

Temario

34 unidades didácticas · 300 horas

Campo 1Javascript8 unidades

SCORM 1

Introducción a las páginas web

Introducción
Programación del lado del cliente
Programación del lado del servidor
¿Qué utilizaremos?
¿Qué necesita saber?

SCORM 2

Introducción a javascript

La etiqueta SCRIPT
Contenido alternativo
Variables
Tipos de datos
Operadores
Cuadros de diálogo

SCORM 3

Conceptos básicos de programación

Introducción
Estructuras de decisión
Estructuras lógicas
Estructuras de repetición
Definir funciones
Llamadas a funciones
Ámbito de las variables

SCORM 4

Objetos en javascript

Introducción
La jerarquía de objetos
Propiedades y eventos
Métodos

SCORM 5

Los objetos location e history

¿Qué es una URL?
El objeto Location
Redirigir a otra página
El objeto History

SCORM 6

El objeto document

Introducción
La propiedad Title
Los colores de la página
El método write
El conjunto images

SCORM 7

El objeto form

Formularios HTML
El conjunto forms
La propiedad elements
Validar la información
¿Cuándo realizar la validación?
Tipos de validación

SCORM 8

Los objetos frame, navigator y screen

El conjunto frames
El objeto navigator
El objeto screen

Campo 2Diseño web avanzado con HTML5 + CSS326 unidades

SCORM 1

Herramientas necesarias

Introducción
Editor de texto
Navegadores

SCORM 2

Introducción HTML

Introducción HTML
¿Cómo creamos documento HTML?
Características básicas

SCORM 3

Texto, enlaces, listas, imágenes y objetos

Textos en HTML
Enlaces
Listas en HTML
Imágenes y objetos

SCORM 4

Tablas, formularios y estructuras

Tablas
Formularios
Estructuras y layout

SCORM 5

Otras etiquetas importantes

Otras etiquetas importantes

SCORM 6

Metainformación, accesibilidad y validación

¿Qué es la Metainformación?
Accesibilidad
Validación

SCORM 7

Introducción CSS

Introducción CSS
Soporte de CSS en navegadores
Especificación oficial
Funcionamiento básico de CSS
¿Cómo incluir CSS en la Web?
Estilo básico
Medios CSS
Comentarios
Sintaxis de la definición

SCORM 8

Selectores, unidades de medida y colores

Selectores CSS
Unidades de medida
Colores

SCORM 9

Modelos de cajas, posicionamiento y visualización

Modelo de cajas
Propiedades de las cajas
Margen, relleno, bordes y modelo de cajas
Posicionamiento y visualización
Posicionamiento
Visualización

SCORM 10

Estructurar una página layout

Introducción a layout
¿Cómo centrar una página horizontalmente?
¿Cómo centrar una página verticalmente?
Estructura y layout
Altura/anchuras máximas y mínimas
Estilos avanzados

SCORM 11

Texto, enlaces, imágenes y listas

Textos en CSS
Enlaces
Imágenes
Listas

SCORM 12

Tablas, formularios y shorthand

Tablas
Formulario

SCORM 13

Otras utilidades de CSS

Versión para imprimir
Personalizar el cursor
Hacks y filtros
Prioridad en las declaraciones
Validar CSS
Recomendaciones Generales
Recursos útiles

SCORM 14

Firebug

¿Qué es Firebug?
¿Como se instala?
¿Como usamos Firebug?

SCORM 15

Introducción HTML5

¿Qué es HTML5?
¿Cuáles son las mejoras?
Etiquetas Obsoletas
Etiquetas modificadas
Lista de etiquetas HTML5
Atributos eliminados
Otros cambios
Estructura HTML5
Nueva estructuración del body
Otros elementos nuevos de estructuración

SCORM 16

Nuevos atributos, eventos y pseudo-clases

Introducción a atributos globales
Nuevos atributos
Introducción a los nuevos eventos.

SCORM 17

Nuevos elementos semánticos

Elemento bdi
Elemento command
Elemento data
Elementos details
Elemento mark
Elemento meter
Elemento progress
Elemento ruby
Elemento time
Elemento wbr

SCORM 18

Mejoras en los formularios

Nuevos elementos para los Formularios
Cambios en el atributo type (input)
Nuevos atributos para form
Nuevos atributos para fieldset
Nuevos atributos para input
Nuevos atributos para textarea

SCORM 19

Otras mejoras de HTML5

Introducción a los elementos multimedia
Etiqueta source
Etiqueta track
Elemento video
Elemento audio
Elemento embed
Elemento canvas
Introducción a MathML
Introducción a SVG
Introducción a Drag and Drop
Validador HTML5

SCORM 20

Introducción a CSS3

Introducción
Unidades, colores y fuentes
Nuevos Selectores y pseudo-clases

SCORM 21

Animaciones, fondos y bordes

Propiedades para la animación
Nuevas propiedades para los fondos
Nuevas propiedades para Bordes

SCORM 22

Cajas, cajas flexibles, colores y fuentes

Propiedades de las cajas
Propiedades de las cajas flexibles
Propiedades del color
Propiedades para las Fuentes

SCORM 23

Enlaces y multi-columnas

Propiedades para los hiperenlaces
Propiedades de las multi-columnas

SCORM 24

Texto y 2D/3D transformaciones

Propiedades para texto
Propiedad 2D/3D Transform

SCORM 25

Transiciones e interfaz de usuario

Propiedades para las transiciones
Propiedades para la interfaz de usuario
Validación CSS3

SCORM 26

Móviles

Introducción
Diseño web para teléfonos móviles con HTML5, CSS3 y Jquery mobile
Media Queries
Local Storage
Frameworks para la programación de aplicaciones móviles basadas en HTML
Publicar una aplicación en Google Play
Actividad Práctica

Palabras clave

Javascript
Programación
Web
Lenguaje
Cliente
Diseño
Script
Document
Write
Frames
Navigator
Screen
Internet
Objetos Location

Más contenidos de Programación y Desarrollo

Ver los 500 →