Programación en HTML5, CSS3 y JavaScript: Laboratorios

Módulo 01 Laboratorio 01

Introducción a HTML y CSS
https://drive.google.com/open?id=0B7Ct7K_LTJvSXzFUSmd1SHJPVWc

Módulo 01 Laboratorio 02

Tutorial de Tema Simple con Bootstrap del sitio w3schools.com

https://www.w3schools.com/bootstrap/bootstrap_theme_me.asp

En el tutorial deben utilizar sus propias imagenes y textos de información en español.

Módulo 03 Laboratorio 01

Realizar ejercicios del 1 al 3.

https://drive.google.com/open?id=0B7Ct7K_LTJvSWndMQ0UwckFTSDg

Módulo 04 Laboratorio 01

Formularios en HTML
http://galileotalentodigital.blogspot.com/2017/05/programacion-en-html5-css3-y-javascript_17.html

Módulo 05 Laboratorio 01

jQuery DOM
http://galileotalentodigital.blogspot.com/2017/05/programacion-en-html5-css3-y-javascript_18.html

Módulo 05 Laboratorio 02

Realizar ejercicios del 4 al 8.

https://drive.google.com/open?id=0B7Ct7K_LTJvSWndMQ0UwckFTSDg

Módulo 06 Laboratorio 01

jQuery AJAX

• Descargar la solución y desempacar el directorio.
• https://drive.google.com/open?id=0B7Ct7K_LTJvSUUVKdTItT2d1bVE
• Agregar una Página Web DemoClientes.html
• Agregar un Script DemojQuery.js en la Carpeta Script
• Código fuente para los archivos:
• https://drive.google.com/open?id=0B7Ct7K_LTJvSMUdRYW1Sak9MTzg
• Código fuente parte 2, para los archivos:
• https://drive.google.com/open?id=0B7Ct7K_LTJvSNm03RXBIdmFwd1k

Módulo 07 Laboratorio 01

Tutorial de Tema Company con Bootstrap del sitio w3schools.com
https://www.w3schools.com/bootstrap/bootstrap_theme_company.asp

Tutorial de Tema Band con Bootstrap del sitio w3schools.com
https://www.w3schools.com/bootstrap/bootstrap_theme_band.asp


En los tutoriales deben utilizar sus propias imagenes y textos de información en español.

Módulo 07 Laboratorio 02

A partir del Laboratorio 01 del Módulo 06, hacer las modificaciones correspondientes.

https://drive.google.com/open?id=0B7Ct7K_LTJvSRjZRcVJMc0lzZWM

Módulo 08 Laboratorio 01

Objetos en JavaScript

• Descargar la solución y desempacar el directorio, en la carpeta Documentos:
• https://drive.google.com/open?id=0B7Ct7K_LTJvSN3AyZXhjZ04xUTA
• Agregar una página HTML DemoUI.html
• Agregar un archivo de Script DemoUI.js en la Carpeta Scripts
• Código Fuente para la página HTML:
• https://drive.google.com/open?id=0B7Ct7K_LTJvSVk4zT3liTGQxRmc
• Programar el JavaScript, utilizando Objetos y Namespace, para retornar la información del cliente y sus tarjetas que se encuentran Activas.

Solución Completa del Laboratorio

https://drive.google.com/open?id=1cNPP1TIjMGrLh2F3idLMFpybwqSARv_c

Módulo 09 Laboratorio 01

Almacenamiento Local

Instrucciones:
https://drive.google.com/open?id=0B7Ct7K_LTJvSTjJUak9OeHhuX2M

Archivos para trabajar
https://drive.google.com/open?id=0B7Ct7K_LTJvSQWxUcW44aDdDbFk

Módulo 10 Laboratorio 01

Iniciar un nuevo proyecto Categoría Web, template Web Application.

1. La aplicación debe utilizar Empty y activar la casilla de Web Forms Reference.
2. Agregar al proyecto los paquetes NuGet de jQuery y Bootstrap.
3. Descargar el archivo y añadir a la carpeta Content.  https://drive.google.com/open?id=0B7Ct7K_LTJvSTUw0amFadmJYdVU
4. Descargar el archivo y añadir a la carpeta Content. https://drive.google.com/open?id=0B7Ct7K_LTJvSVlpaZjdVMzlOd3M
5. Agregar a la Carpeta Script, un archivo JavaScript de nombre DemoVideo.js
6. Agregar a la Carpeta Script, un archivo JavaScript de nombre DemoGeolocation.js
7. Descargar el archivo DemoGeoLocation.html, desempacar y agregar al proyecto.  https://drive.google.com/open?id=0B7Ct7K_LTJvSSmFHbG1FMWdjN3M
8. Configurar la página de inicio (Set As Start Page).
9. Agregar el código fuente a DemoVideo.js, para que cambie el atributo source del elemento <video> dependiendo de la selección.
10. Agregar el código fuente a DemoGeolocation.js, ejemplo de código fuente: http://galileotalentodigital.blogspot.com/2017/05/programacion-en-html5-css3-y-javascript_12.html
11.  

Módulo 11 Laboratorio 01

Angular 2

Instrucciones Instalación:
https://drive.google.com/open?id=0B7Ct7K_LTJvSc0xpejhzQ1VZbmM

Módulo 11 Laboratorio 02

Angular 2

Instrucciones para la Aplicación
https://drive.google.com/open?id=0B7Ct7K_LTJvSUF9QdGFyRlNNbFU

Módulo 11 Laboratorio 03

Instrucciones:
https://drive.google.com/open?id=0B7Ct7K_LTJvSMXFOMVo5XzB1MDg

Módulo 11 Laboratorio 04

Instrucciones:
https://drive.google.com/open?id=0B7Ct7K_LTJvSamp6QXJ1Q3BkNjQ

Módulo 11 Laboratorio 05

Instrucciones:
https://drive.google.com/open?id=0B7Ct7K_LTJvSNk9UbGVGM29Ld2M