Presentación del curso El desarrollo web para dispositivos móviles es un área de la programación web con una demanda en permanente crecimiento. Este curso está orientado a todas aquellas personas que deseen incorporarse al creciente mercado laboral de contenido web mobile, y para todos aquellos profesionales que precisen actualizar sus conocimientos a las tecnologías web actuales y futuras. Los estándares que se encuentran cada vez más consolidados en el desarrollo web para pantallas grandes pueden adaptarse a las necesidades de los dispositivos más pequeños y con distintas formas de interacción con el usuario. El conocimiento existente de los desarrolladores web, a través del uso de lenguajes como HTML y CSS ( y actualmente el desarrollo en HTML5 y CSS3), permite ampliar su campo de acción profesional, permitiendo crear sitios web adaptados a las necesidades de los dispositivos móviles. Temario a desarrollar Clase 1: Web Mobile Web 2.0 Qué es Web Mobile? El mercado de web mobile Ejemplos de web 2.0 e interacción con redes sociales Registro de dominios m. (móvil) Ejemplos de sitios específicos Diferencias entre sitios web y sitios web mobile 1
Clase 2: Arquitectura y usabilidad Arquitectura móvil Estándares de la web mobile Buenas prácticas para la creación de una web para dispositivos móviles Usabilidad para web mobile Ejemplos de sitios específicos Clase 3: Tecnología Web Mobile Evolución de tecnologías web mobile Sistemas operativos: Android, Blackberry, Iphone Browsers disponibles Resoluciones de pantalla para dispositivos móviles Ejemplos de distintos browsers Clase 4: HTML y Web Mobile Qué es HTML? Por qué diseñar en HTML? 2
Scripts para detectar el tipo de dispositivo Versiones de HTML HTML aplicado a la web mobile DOCTYPE para móviles Content-Type XHTML para móviles Ejemplos específicos de web mobile en HTML Clase 5: Maquetación para Web mobile (I) Maquetación en HTML y CSS Etiquetas básicas de html <html> <head> <body> Atributos Etiquetas para texto <p> <h1> <strong> <em> Atributos Enlaces <a> Atributos Imágenes <img> Atributos Ejercicios de aplicación para Web Mobile. Clase 6: Maquetación para Web mobile (II) Qué es CSS? Por qué trabajar con CSS? 3
Versiones de CSS Atributos para dispositivos móviles CSS3, atributos para web mobile Recomendaciones de Cache al hacer sitios móviles Ejercicios de maquetación para Web Mobile Clase 7: Maquetación para Web mobile con CSS (I) Atributos básicos de CSS Tipos de selectores Etiqueta Clase ID Compuesto Atributos para enlaces Cómo utilizar selectores compuestos? Ejercicios de maquetación para Web Mobile. Clase 8: Maquetación para Web mobile con CSS (II) Box model 4
CSS para la etiqueta div Tipos de Posicionamiento Estático Relativo Absoluto Fijo Ejercicios de maquetación para Web Mobile Clase 9: Maquetación para Web mobile con CSS (III) HTML5 y CSS3 Nuevas etiquetas semánticas <header> <nav> <section> <footer> <article> Nuevos atributos de CSS3 Sombras Bordes redondeados Transparencias Ejercicios de maquetación en HTML5 y CSS3 para Web Mobile Clase 10: Introducción a la programación Qué es un lenguaje de programación? 5
Tipos de programación Algoritmos Metodologías de la programación Principales lenguajes de programación web Servidores y plataformas Ejercicios prácticos de programación Clase 11: Introducción a PHP para Web Mobile (I) Qué es PHP? Estructura cliente-servidor Variables, vectores, matrices Estructuras condicionales y selectivas Formularios (método get y post) Ejercicios de aplicación con PHP Clase 12: Introducción a PHP para Web Mobile (II) Qué es una sesión? Manejo de sesiones Creación de funciones propias del usuario Registro de usuarios Ejercicios de aplicación con PHP 6
Clase 13: Introducción a Bases de datos MySql (I) Arquitectura y sistemas de las bases de datos Tipos de bases de datos Modelos de bases de datos PhpMyAdmin Ejercicios de aplicación con MySql Clase 14: Introducción a Bases de datos MySql (II) Bases de datos relacionales Sentencias Creación de campos, registros y valores. PHP y MySql Ejercicios de aplicación con PHP y MySql Clase 15: Aplicaciones con Javascript Qué es Javascript? Cómo se relaciona con HTML? 7
Librerías Plugins Webservices Ejemplos e implementación en un sitio web mobile Clase 16: Tutoria online (I) Corrección online del trabajo final Clase 17: Posicionamiento y SEO para web mobile Qué es el posicionamiento web? Tipos de posicionamiento Google mobile Alta en buscadores Robots.txt SEO para web mobile Ejemplos e implementación. Clase 18 y 19: Tutoria online (II y III) Corrección online del trabajo final Clase 20: Entrega trabajo final Exposición, debate y corrección de los trabajos finales. 8