El curso capacita en un primer nivel de desarrollo de aplicaciones para dispositivos fijos y móviles  como son: PC, teléfono móvil, tableta, etcétera,  en HTML5, CSS3 y JavaScript5. Es un curso para principiantes, que describe con profundidad los elementos necesarios, ilustrándolos con ejemplos  sencillos, pero realistas.
Si sigues los vídeos del curso que pondré a continuación aprenderás a diseñar apps adaptadas para PC, móviles y tablets, a programar nuevas apps en JavaScript, a ejecutarlas y depurarlas en el navegador Web (Chrome o Firefox) o a empaquetarlas para enviarlas a las tiendas de aplicaciones de Android, iOS (Apple) o FirefoxOS.
Aunque puedes seguir el curso módulo a módulo, yo lo que te voy a dejar aquí son los vídeos del curso gratuito de html5 ordenados por módulos que son los siguientes:

Módulo 0: Introducción al desarrollo en HTML5, CSS y JavaScript de Apps WebTema 0

Pdf: Transparencias del módulo

Vídeo 1. Introducción al curso y al programa

Vídeo 2. Introducción a Internet y al Web

MÓDULO 1: INTRODUCCIÓN A LOS ELEMENTOS BÁSICOS DE HTML, CSS

Archivo zip.  Transparencias y ejemplos del módulo
Vídeo 1.  HTML/CSS – Mi primera página Web
Vídeo 2.  Mi primera página con ViSHub.org
Vídeo 3.  Cómo utilizar el editor Sublime Text
Vídeo 4.  Mi primera página con navegador y Sublime Text
Vídeo 5.  HTML/CSS – Estructura HTML
Tema 6.  Tema 6. HTML/CSS – Herencia CSS

MÓDULO 2: ESTRUCTURA HTML5/CSS3 PARA MULTIPANTALLA Y OBJETOS MULTIMEDIA

PDF. Transparencias y ejemplos del módulo
Vídeo 1.  Mi primera página con DreamWeaver
Vídeo 2.  HTML/CSS: Estructura CSS
Vídeo 3.  HTML/CSS: vídeo, audo e imagen
Vídeo 4.  Integración de objetos y de multimedia en HTML5
Vídeo 5.  Publicación y entrega en Neocities

MODULO 3: JAVASCRIPT: SENTENCIA, EXPRESIÓN, VARIABLE, FUNCIÓN, OBJETO Y DOM

PDF.       Transparencias y ejemplos del módulo
Vídeo 1.  JavaScript. Expresiones
Vídeo 2.  La consola JavaScript del navegador.
Vídeo 3.  Programas, sentencias y variables
Vídeo 4.  Expresiones con variables
Vídeo 5.  Funciones.
Vídeo 6.  Objetos, propiedades, métodos y DOM
Vídeo 7.  Modificación y depuración de un ejercicio en el navegador

MÓDULO 4: BOOLEANO, IF/ELSE, STRING, NÚMERO, DOM, EVENTOS E INTERACCIÓN

PDF.       Transparencias y ejemplos del módulo
Vídeo 1.  Booleanos y sentencia If/ELSE
Vídeo 2.  El Tipo String
Vídeo 3.  El Tipo Number
Vídeo 4.  Booleanos
Vídeo 5.  DOM, eventos e interacción con el usuario

MÓDULO 5: BUCLES. ARRAYS. FUNCIONES COMO OBJETOS. ÁMBITOS. CIERRES. JQUERY

PDF.        Transparencias y ejemplos del módulo
Vídeo 1.  Bucles
Vídeo 2.  Arrays
Vídeo 3.  Cómo depurar un ejercicio
Vídeo 4.  Funciones como objetos
Vídeo 5.  Ámbitos de visibilidad y cierres (closures)
Vídeo 6.  Introducción a la librería JQuery
Vídeo 7. Eventos DOM y JQuery

MÓDULO 6: JQUERY UI. INTERACCIÓN CON USUARIO. BOOTSTRAP. DISEÑO ADAPTATIVO

PDF.       Transparencias y ejemplos del módulo  pdf1 | pdf2
Vídeo 1.  Notación array, propiedades dinámicas, For/In y DOM
Vídeo 2.  JQuery UI
Vídeo 3.  Documentación API jQuery UI
Vídeo 4.  Eventos táctiles
Vídeo 5.  Ejemplo: Tangram
Vídeo 6.  Bootstrap: Diseño Responsive
Vídeo 7.  Carrusel con Bootstrap

MODULO 7: PROFUNDIZACIÓN EN ARRAYS, OBJETOS, PROPIEDADES, MÉTODOS, TIPOS

PDF.       Transparencias y ejemplos del módulo
Vídeo 1.  Tipos, objetos y clases
Vídeo 2.  Referencias a objetos
Vídeo 3.  Algunos métodos de Arrays
Vídeo 4.  Objetos y Arrays. Ejemplo citas
Vídeo 5.  Carrusel con citas
Vídeo 6.  Editar carrusel de citas

MÓDULO 8: LOCALSTORAGE, IFRAMES, ORIGIN POLICY Y JSON

PDF.       Transparencias y ejemplos del módulo
Vídeo 1.  Ejemplo de un cronómetro
Vídeo 2.  Memoria local en HTML5
Vídeo 3.  iFrames y Política de origen (Origin Policy)
Vídeo 4.  JSON (JavaScript Object Notation)

MÓDULO 9: INTRODUCCIÓN A GRÁFICOS Y ANIMACIONES SVG. GEOLOCALIZACIÓN

PDF.       Transparencias y ejemplos del módulo
Vídeo 1.  Geolocalización en HTML5
Vídeo 2:  Aplicación geolocalizada con Google Maps
Vídeo 3:  HTML5 SVG – Scalable Vector Graphics

MÓDULO 10: EMPAQUETAR APLICACIONES WEB PARA ANDROID, IOS O FIREFOXOS

PDF:      Transparencias y ejemplos del módulo  pdf1 | pdf2 | pdf3 | pdf4
Vídeo 1.  PhoneGap Desktop
Vídeo 2.  PhoneGap Build
Vídeo 3.  Certificados de Apple para PhoneGap Build
Vídeo 4.  Aplicaciones Firefox OS
Vídeo 5.  Reloj SVG como App Firefox OS

Fin del curso gratis de HTML5. Todos los vídeos, así como los pdf aquí expuestos, son propiedad de la página web miriadax.net

Compartir

Dejar respuesta

Please enter your comment!
Please enter your name here