Desarrollo de servicios
en la nube
con HTML5, Javascript y node.js
Os dejo aquí el listado ordenado de todas las entradas que he dedicado a este curso:
Trucos sobre manejo de softwarelibre y gnu linux. También a los programas que hago en gambas3, python, java, etc.... Consejos y trucos sobre otros programas: excel, word, internet, instalación de programas, Arduino y demás....
Modulo 0. Introducción al curso, al programa y al Sistema Operativo UNIX
| ||
| Actividades | ||
| Tema 0: Transparencias del módulo | ||
| Tema 1. Introducción al curso y al programa. | ||
| Tema 2. Introducción y entrada al sistema UNIX | ||
| Tema 2. Cuestionario obligatorio | 18 ago 00:59 | |
| Tema 3. El Sistema Operativo Unix. El sistema de archivos I | ||
| Tema 3. Cuestionario opcional | ||
| Tema 4. El Sistema Operativo Unix. El sistema de archivos II | ||
| Tema 4. Cuestionario opcional | ||
| Tema 5. El Sistema Operativo Unix. El sistema de archivos III | ||
| Tema 5. Cuestionario opcional | ||
| Tema 6. Sesión práctica sobre el sistema de archivos Unix | ||
| Tema 7. El Sistema Operativo Unix. La interfaz de usuario I | ||
| Tema 7. Cuestionario opcional | ||
| Tema 8. El Sistema Operativo Unix. La interfaz de usuario II | ||
| Tema 8. Cuestionario opcional | ||
| Tema 9. El Sistema Operativo Unix. La interfaz de usuario III | ||
| Tema 9. Cuestionario opcional | ||
| Tema 10. Sesión práctica sobre la interfaz de usuario I | ||
| Tema 11. Sesión práctica sobre la interfaz de usuario II | ||
Modulo 1. Introducción a JavaScript de servidor y a node.js. Sentencias, Variables, Booleanos, Números, Strings y Funciones
| ||
| Actividades | ||
| Tema 0: Transparencias del módulo | ||
| Tema 1. Introducción a Javascript. Tipos y valores | ||
| Tema 1. Cuestionario opcional | ||
| Tema 2. Programa, sentencia, variable y comentario | ||
| Tema 2. Cuestionario opcional | ||
| Tema 3. Expresiones con variables | ||
| Tema 3. Cuestionario opcional | ||
| Tema 4. Introducción node.js | ||
| Tema 5. Booleano, igualdad y otros operadores lógicos | ||
| Tema 5. Cuestionario opcional | ||
| Tema 6. Sentencia IF/ELSE | ||
| Tema 7. Números | ||
| Tema 7. Cuestionario obligatorio | 18 ago 00:59 | |
| Tema 8. Strings e internacionalización (I18N) | ||
| Tema 8. Cuestionario opcional | ||
| Tema 9. Funciones | ||
| Tema 9. Cuestionario obligatorio | 18 ago 00:59 | |
| Tema 10. Funciones como objetos y cierres | ||
| Tema 10. Cuestionario obligatorio | 18 ago 00:59 | |
| Ejercicio P2P Opcional | ||
Modulo
2. Introducción a JavaScript de servidor y a node.js. Bucles, Clases
predefinidas, Objetos, Propiedades y Métodos; Prototipos y Clases;
Arrays; JSON; Funciones como Objetos y Cierres (Closures)
| ||
| Actividades | ||
| Tema 0: Transparencias del módulo | ||
| Tema 1. Bucles: sentencias while, for y do/while | ||
| Tema 2. Objetos, propiedades y métodos | ||
| Tema 2. Cuestionario obligatorio | 18 ago 00:59 | |
| Tema 3. Sentencia for/in de JavaScript | ||
| Tema 4. Objetos: propiedades dinámicas y anidadas | ||
| Tema 4. Cuestionario obligatorio | 18 ago 00:59 | |
| Tema 5. Referencias a objetos | ||
| Tema 5. Cuestionario obligatorio | 18 ago 00:59 | |
| Tema 6. La Clase Array | ||
| Tema 6. Cuestionario opcional | ||
| Tema 7. JSON (JavaScript Object Notation) | ||
| Tema 7. Cuestionario opcional | ||
| Tema 8. Prototipos y clases JavaScript | ||
| Tema 8. Cuestionario obligatorio | 18 ago 00:59 | |
| Tema 9. Espacios de nombres y cierres (closures) | ||
| Tema 10. Objetos como diccionarios: cierres o clases | ||
| Ejercicio P2P obligatorio | 16 jun 00:59 | 18 ago 00:59 |
Modulo 3. Modulos node.js; Expresiones Regulares; Eventos, Entorno de Ejecución y Concurrencia en node.js; Ficheros y Flujos
| ||
| Actividades | ||
| Tema 0: Transparencias del módulo | ||
| Tema 1. Módulos node.js | ||
| Tema 2. Expresiones regulares I. Búsqueda de patrones | ||
| Tema 3. Expresiones regulares II. Repetición y alternativa | ||
| Tema 4. Expresiones regulares III. Subpatrones y sustituciones | ||
| Tema 4. Cuestionario obligatorio | 18 ago 00:59 | |
| Tema 5. Eventos node.js | ||
| Tema 6. Entorno de ejecución de node.js | ||
| Tema 6. Cuestionario obligatorio | 18 ago 00:59 | |
| Tema 7. Gestión de la concurrencia en node.js | ||
| Tema 8. Acceso a ficheros | ||
| Tema 9. Flujos (streams) | ||
| Ejercicio P2P opcional | ||
Modulo
4. Introducción a HTTP y a los Servidores Web; Introducción a express y
al Middleware Static; Introducción a REST; Aplicaciones express.js y
Composición de Middlewares; Formularios GET y POST; Parámetros Ocultos
| ||
| Tema 0: Transparencias del módulo | ||
| Tema 1. introducción a HTTP | ||
| Tema 1. Cuestionario obligatorio | 18 ago 00:59 | |
| Tema 2. Servidor Web | ||
| Tema 2. Cuestionario obligatorio | 18 ago 00:59 | |
| Tema 3. Introducción a express.js y al middelware static | ||
| Tema 3. Cuestionario obligatorio | 18 ago 00:59 | |
| Tema 4. Introducción a REST | ||
| Tema 4. Cuestionario obligatorio | 18 ago 00:59 | |
| Tema 5. Aplicaciones REST con express.js | ||
| Tema 5. Cuestionario obligatorio | 18 ago 00:59 | |
| Tema 6. Acceso a campos de la ruta | ||
| Tema 6. Cuestionario obligatorio | 18 ago 00:59 | |
| Tema 7. Composición y ejecución de middlewares | ||
| Tema 8. Formulario GET | ||
| Tema 9. URL encode | ||
| Tema 10. Formulario POST | ||
| Tema 11. Parámetro oculto y method override | ||
| Ejercicio P2P Obligatorio | 30 jun 00:59 | 18 ago 00:59 |
Modulo
5. Gestión de versiones de proyectos con git y GITHUB; Proyecto,
Espacio de Trabajo y Versiones (Commit); Arboles y Ramas de un proyecto;
Repositorios Remoto y colaboración a través de GITHUB
| ||
| Actividades | ||
| Tema 0: Transparencias del módulo | ||
| Tema 1. GIT. Proyecto, directorio y versión | ||
| Tema 2. GIT. Proyecto Quiz 2015 en GITHUB | ||
| Tema 3. GIT. GITHUB | ||
| Tema 4. GIT. Crear proyecto random con GITHUB | ||
| Tema 5. GIT. Crear proyecto random con comandos | ||
| Tema 6. GIT. Análisis y gestión del área de trabajo | ||
| Tema 7. GIT. Ramas | ||
| Tema 8. GIT. Unir ramas: Merge | ||
| Tema 9. GIT. Repositorios remotos | ||
| Ejercicio P2P Obligatorio | 11 ago 00:59 | 18 ago 00:59 |
Modulo
6. Proyecto Quiz I: Patrón Modelo-Vista-Controlador (MVC); generación
del proyecto con express-generator; Primera Página y Primera Pregunta;
Despliegue en la nube (Heroku)
| ||
| Actividades | ||
| Tema 0: Transparencias del módulo | ||
| Tema 1. El proyecto Quiz y MVC | ||
| Tema 2. Esqueleto del proyecto con express-generator | ||
| Tema 3. Esqueleto del proyecto | ||
| Tema 4. Primera página y favicon | ||
| Tema 5. Primera pregunta | ||
| Tema 6. Marco de la aplicación | ||
| Tema 7. CSS adaptable a móviles | ||
| Tema 8. Despliegue en Heroku | ||
| Ejercicio P2P Obligatorio | 14 jul 00:59 | 18 ago 00:59 |
Modulo
7. Proyecto Quiz II: La Base de Datos (DB), Tablas, sequelize.js y
SQLite; Despliegue en Heroku utilizando Postgres; Presentación de
Listas de Quizes y Autoload
| ||
| Actividades | Fecha máxima de entrega de la actividad | Fecha máxima validar compañeros |
| Tema 0: Transparencias del módulo | ||
| Tema 1. La base de datos | ||
| Tema 2. Sequelize.js y SQLite | ||
| Tema 3. Despliegue DB en Heroku | ||
| Tema 4. Lista de preguntas | ||
| Tema 5. Autoload | ||
| Ejercicio P2P Obligatorio | 11 ago 00:59 | 18 ago 00:59 |
Modulo 8. Proyecto Quiz III: Gestión de Listas de Quizes, Creación, Edición y Borrado
| ||
| Actividades | ||
| Tema 0: Transparencias del módulo | ||
| Tema 1. Crear Preguntas | ||
| Tema 2. Validación de entradas | ||
| Tema 3. Editar preguntas | ||
| Tema 4. Borrar preguntas | ||
| Ejercicio P2P Obligatorio | 28 jul 00:59 | 18 ago 00:59 |
Modulo
9. Proyecto Quiz IV: Creación y Moderación de Comentarios a Quizes;
Relaciones entre Tablas de la Base de Datos; Sesiones, Autenticación y
Autorización; HTTP Seguro (HTTPS)
| ||
| Tema 0: Transparencias del módulo | ||
| Tema 1. Crear comentario | ||
| Tema 2. Autenticación y sesión | ||
| Tema 3. Autorización | ||
| Tema 4. Moderación de comentarios | ||
| Tema 5. HTTPS - HTTP Seguro | ||
| Ejercicio P2P Obligatorio | 11 ago 00:59 | 18 ago 00:59 |
| Reacciones: |
Este curso capacita para un primer nivel de desarrollo de aplicaciones móviles en HTML5, CSS y JavaScript accesibles desde PC, móvil, tableta, SmartTv u otros dispositivos que soporten HTML5. El curso es para principiantes en HTML5 e ilustra los conceptos con ejemplos sencillos y multidisciplinares, tanto de programación, como de diseño gráfico o de diseño de la interacción. Los participantes aprenderán a diseñar interfaces con HTML y CSS, así como a programar en JavaScript nuevas funcionalidades y aplicaciones. Se enseñará a crear aplicaciones Web genéricas independientes de dispositivo, así como a empaquetarlas para FirefoxOS. Empaquetarlas para Android o iPhone es sencillo, pero no se cubre en este curso.
Firefox OS es el nuevo sistema operativo libre para teléfonos móviles y tabletas de la Fundación Mozilla, que utiliza software libre y se programa en HTML5, utilizando HTML, CSS y Javascript, igual que las aplicaciones Web de los grandes portales de Internet, Google, Twitter, Facebook, Amazon. etc. Su calidad y carácter abierto ha conseguido el apoyo de Telefónica, Qualcomm, LG, Huawei Foxconn, etc.
Este curso es el primero del programa "Diseño de servicios en la nube para acceso móvil y multi-dispositivo con HTML5" impulsado y patrocinado por Red.es, Universia, CENATIC, Telefónica Digital y TLS. El programa consta de 5 cursos, que se irán incorporando progresivamente en MiríadaX.
Módulo 0. Introducción al curso y al programa “Diseño de servicios en la nube para acceso movil con HTML5”
| ||
| Módulos de curso | Fecha máxima de entrega de la actividad | Fecha máxima validar compañeros |
| Transparencias del Modulo 0 | ||
| Tema 0.1: Introducción al curso. | ||
| Tema 0.1 - Cuestionario | 08 may 00:59 | |
| Tema 0.2: Firefox y sus herramientas de desarrollo Web | ||
| Tema 0.2: Cuestionario | 08 may 00:59 | |
Modulo 1: Introducción a Internet, la nube, la arquitectura de la Web, HTML5 y CSS
| ||
| Módulos de curso | Fecha máxima de entrega de la actividad | Fecha máxima validar compañeros |
| Transparencias y ejemplos del modulo | ||
| Tema 1.1: Introducción a Internet y a la Web | ||
| Tema 1.1 - Cuestionario | 08 may 00:59 | |
| Tema 1.2: HTML y CSS: Mi primera página | ||
| Ejercicio Opcional - Tema 1.2 - Mi primera página web | ||
| Tema 1.2 - Cuestionario | 08 may 00:59 | |
| Tema 1.3: Edición de ficheros de texto con Sublime text | ||
| Tema 1.3 - Cuestionario | 08 may 00:59 | |
| Tema 1.4: Editar y visualizar - Dreamweaver | ||
| Tema 1.5: Inspector HTML de Firefox | ||
| Tema 1.5 - Cuestionario | 08 may 00:59 | |
| Tema 1.6: HTML y CSS: Marcas básicas | ||
| Tema 1.6 - Cuestionario | 08 may 00:59 | |
| Ejercicio Opcional - Cambiar Estilo Web | ||
| Tema 1.7: URLs e hiperenlaces | ||
| Tema 1.7 - Cuestionario | 08 may 00:59 | |
Modulo 2: Introducción a JavaScript y a las aplicaciones Web en HTML5, así como la publicación en la nube
| ||
| Módulos de curso | Fecha máxima de entrega de la actividad | Fecha máxima validar compañeros |
| Transparencias y ejemplos del modulo | ||
| Tema 2.1: Tipos y valores de JavaScript | ||
| Tema 2.1 - Cuestionario | 08 may 00:59 | |
| Tema 2.2: Sentencias, variables y comentarios | ||
| Tema 2.2 - Cuestionario | 08 may 00:59 | |
| Tema 2.3: Objetos, Propiedades y Métodos | ||
| Tema 2.3: Cuestionario | 08 may 00:59 | |
| Tema 2.4: La consola JavaScript de Firefox | ||
| Tema 2.4 - Cuestionario | 08 may 00:59 | |
| Tema 2.5: Scripts JavaScript | ||
| Tema 2.6: Publicación en la nube | ||
| Tema 2.7: Entrega semanal en MiriadaX | ||
| Ejercicio Opcional: Scripts en Javascript | ||
| Tema 2.8: Publicación de una página en Internet | ||
| Primer Ejercicio Obligatorio | 18 mar 00:59 | 08 may 00:59 |
Modulo
3. Estructuración y visualización de páginas Web en HTML y CSS
adaptadas a un entorno multipantalla con PCs, móviles y tabletas
| ||
| Módulos de curso | Fecha máxima de entrega de la actividad | Fecha máxima validar compañeros |
| Transparencias y ejemplos del modulo. | ||
| Tema 3.1: Estructura HTML, prioridad y herencia CSS | ||
| Ejercicio Opcional - Tema 3.1 - Esquema de documento | ||
| Tema 3.1 - Cuestionario | 08 may 00:59 | |
| Tema 3.2: Menus y navegación. | ||
| Tema 3.2 - Cuestionario | 08 may 00:59 | |
| Ejercicio Opcional - Tema 3.2 - Menús CSS | ||
| Tema 3.3: Textos en HTML y CSS | ||
| Tema 3.3 - Cuestionario | 08 may 00:59 | |
| Ejercicio Opcional - Tema 3.3 - Textos en HTML y CSS | ||
| Tema 3.4: Presentación y estructura CSS | ||
| Tema 3.4 - Cuestionario | 08 may 00:59 | |
| Ejercicio Opcional - Tema 3.4 | ||
| Tema 3.5: Diseño adaptado a PC, Móvil y Tableta | ||
| Tema 3.6: Aplicar estilos con Dreamweaver | ||
| Tema 3.7: Editor de Estilos de Firefox | ||
| Tema 3.7 - Cuestionario | 08 may 00:59 | |
Módulo
4: Tipos string y boolean de JavaScript, sentencias if/else y for/in, y
caracteristicas avanzadas de objetos, incluyendo acceso al navegador
mediante el arbol DOM
| ||
| Módulos de curso | Fecha máxima de entrega de la actividad | Fecha máxima validar compañeros |
| Transparencias y ejemplos del modulo | ||
| Tema 4.1: Strings JavaScript | ||
| Cuestionario Tema 4.1 | 08 may 00:59 | |
| Tema 4.2: Boolean, igualdad y otros operadores lógicos | ||
| Cuestionario Tema 4.2 | 08 may 00:59 | |
| Tema 4.3: Sentencia if/else de JavaScript | ||
| Ejercicio Opcional: if/else | ||
| Tema 4.4: Características avanzadas de los objetos de JavaScript | ||
| Cuestionario Tema 4.4 | 08 may 00:59 | |
| Tema 4.5: Objetos DOM de JavaScript | ||
| Tema 4.5: Cuestionario | 08 may 00:59 | |
| Tema 4.6: Sentencia for/in de JavaScript | ||
| Ejercicio Opcional - Sentencia for/in de Javscript | ||
| Segundo Ejercicio Obligatorio | 01 abr 00:59 | 08 may 00:59 |
Módulo 5: Interacción con el usuario, funciones, eventos, manejadores de eventos, formularios, jQuery y Zepto
| ||
| Módulos de curso | Fecha máxima de entrega de la actividad | Fecha máxima validar compañeros |
| Transparencias y ejemplos del modulo | ||
| Tema 5.1: Funciones JavaScript | ||
| Cuestionario Tema 5.1 | 08 may 00:59 | |
| Tema 5.2 - Bucles: sentencias while, for y do/while de Javascript | ||
| Ejercicio Opcional - Bucles | ||
| Tema 5.3: Funciones Javascript como Objetos | ||
| Cuestionario tema 5.3 | 08 may 00:59 | |
| Tema 5.4: Eventos JavaScript | ||
| Ejercicio Opcional: Eventos | ||
| Tema 5.5: Botones y Formularios en JavaScript | ||
| Tema 5.5: Cuestionario | 08 may 00:59 | |
| Ejercicio Opcional - Botones y formularios en Javascript | ||
| Tema 5.6: Librerías JavaScript jQuery y Zepto | ||
| Tema 5.6: Cuestionario | 08 may 00:59 | |
| Tema 5.7: Eventos con jQuery y Zepto | ||
| Tema 5.7: Cuestionario | 08 may 00:59 | |
| Ejercicio Opcional: Eventos con Jquery y Zepto | ||
Módulo 6: Ejemplo de un cronómetro, eventos tactiles y localStorage, así como su utilización en aplicaciones Web
| ||
| Módulos de curso | Fecha máxima de entrega de la actividad | Fecha máxima validar compañeros |
| Transparencias y ejemplos del modulo | ||
| Tema 6.1: Herramientas autónomas de Firefox | ||
| Cuestionario Tema 6.1 | 08 may 00:59 | |
| Tema 6.2: Ejemplo JavaScript: Cronómetro | ||
| Ejercicio Opcional - Ejemplo Javascript Cronómetro | ||
| Tema 6.3: Eventos tactiles en JavaScript | ||
| Ejercicio Opcional - Eventos táctiles en Javascript | ||
| Tema 6.4: Memoria local en HTML5 | ||
| Tercer Ejercicio Obligatorio | 15 abr 00:59 | 08 may 00:59 |
Modulo 7. Gráficos, multimedia y animación en HTML5: SVG, CANVAS y elementos video y audio
| ||
| Módulos de curso | Fecha máxima de entrega de la actividad | Fecha máxima validar compañeros |
| Transparencias y ejemplos del modulo | ||
| Tema 7.1: Tipo Number de JavaScript | ||
| Cuestionario Tema 7.1 | 08 may 00:59 | |
| Tema 7.2: La Clase Array de JavaScript | ||
| Cuestionario Tema 7.2 | 08 may 00:59 | |
| Tema 7.3: JSON - JavaScript Object Notation | ||
| Tema 7.3: Cuestionario | 08 may 00:59 | |
| Tema 7.4: HTML5 SVG - Scalable Vector Graphics | ||
| Ejercicio Opcional: HTML5 - SVG - Scalable Vector Graphics | ||
| Tema 7.5: HTML5 CANVAS | ||
| Ejercicio opcional - HTML5 CANVAS | ||
| Tema 7.6: Audio, video y iFrames en HTML5 y JavaScript | ||
| Ejercicio opcional - Audio, vídeo y iFrames en HTML5 y Javascript | ||
Modulo 8. Arrays, JSON, geolocalización y Mash-ups con otros servicios y aplicaciones, tales como Google Maps
| ||
| Módulos de curso | Fecha máxima de entrega de la actividad | Fecha máxima validar compañeros |
| Transparencias y ejemplos del modulo | ||
| Tema 8.1: Aplicaciones FirefoxOS | ||
| Tema 8.2: Depuración de WebApps con simulador FirefoxOS | ||
| Tema 8.2: Cuestionario | 08 may 00:59 | |
| Tema 8.3: Reloj SVG como App FirefoxOS | ||
| Tema 8.4: Publicación WebApps y Apps FirefoxOS | ||
| Ejercicio Opcional - Apps FirefoxOS | ||
| Tema 8.5: Geolocalización en HTML5 | ||
| Tema 8.6: Aplicación geolocalizada con Google Maps | ||
| Cuarto Ejercicio Obligatorio | 02 may 00:59 | 08 may 00:59 |