Universidad Galileo Talento Digital: Pro HTML5

Mostrando las entradas con la etiqueta Pro HTML5. Mostrar todas las entradas

Mostrando las entradas con la etiqueta Pro HTML5. Mostrar todas las entradas

lunes, 13 de noviembre de 2017

No Habrán Clases: Viernes 17/Noviembre/2017

El día Viernes 17/Noviembre/2017, no habrán clases del curso de Talento Digital en el horario nocturno.

Se continúa normalmente el día Lunes 20/Noviembre/2017.

lunes, 23 de octubre de 2017

Pro HTML5, CSS3 y JavaScript: Resumen

Presentaciones

Módulo 1: Introducción a HTML
http://galileotalentodigital.blogspot.com/2016/09/programacion-en-html5-css3-y-javascript.html

Módulo 2: HTML5
http://galileotalentodigital.blogspot.com/2016/09/programacion-en-html5-css3-y-javascript_13.html

Módulo 3: JavaScript
http://galileotalentodigital.blogspot.com/2016/09/programacion-en-html5-css3-y-javascript_21.html

Módulo 4: Formularios
http://galileotalentodigital.blogspot.com/2016/09/programacion-en-html5-css3-y-javascript_14.html

Módulo 5: jQuery
http://galileotalentodigital.blogspot.com/2016/09/programacion-en-html5-css3-y-javascript_19.html

Demo ASPX - jQuery
https://drive.google.com/open?id=0B7Ct7K_LTJvSUEtzOEEzeEtlM1k

Módulo 6: Comunicación Remota (AJAX)
https://drive.google.com/open?id=0B7Ct7K_LTJvSZmxZX0hPUkxYRVE

Módulo 7: Bootstrap
https://drive.google.com/open?id=1KEvNMR6Iss3H8DEqsEwudY_XVZpmeZkV

Código demostración
https://drive.google.com/open?id=0B7Ct7K_LTJvSMmRJY2Q2Uk52aFk

Módulo 8: Objetos en JavaScript
https://drive.google.com/open?id=0B7Ct7K_LTJvSTGlQMlRwcjEyVnM

Módulo 9: Acceso a Datos Locales y Modo Fuera de Línea
https://drive.google.com/open?id=0B7Ct7K_LTJvSTktQVWlTUE1ianc

Módulo 10: Páginas Interactivas
https://drive.google.com/open?id=0B7Ct7K_LTJvSZ3VxVmlEV19yQlU

Módulo 11: Angular 2
https://drive.google.com/open?id=0B7Ct7K_LTJvSRlg1UXFvb1FMMWs

Laboratorios

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

Referencias

JavaScript Types
From https://github.com/google/closure-compiler/wiki/Types-in-the-Closure-Type-System

Google JavaScript Style Guide
From https://google.github.io/styleguide/jsguide.html

JavaScript Style Guide and Coding Conventions
https://www.w3schools.com/js/js_conventions.asp

jQuery
http://jquery.com/

jQuery API
http://api.jquery.com/

jQuery.ajax()
http://api.jquery.com/jquery.ajax/

Google Hosted Libraries
https://developers.google.com/speed/libraries/#jquery

Bootstrap

https://bootswatch.com/

https://www.bootstrapcdn.com/

http://getbootstrap.com/getting-started/

http://www.oneskyapp.com/es/docs/bootstrap/css

http://www.w3schools.com/bootstrap/default.asp

http://www.tutorialspoint.com/bootstrap/bootstrap_grid_system.htm

Angular

Introducción (Video)
https://channel9.msdn.com/Shows/webdevshow/2

miércoles, 3 de mayo de 2017

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.

La aplicación debe utilizar Empty y activar la casilla de Web Forms Reference.
Agregar al proyecto los paquetes NuGet de jQuery y Bootstrap.
Descargar el archivo y añadir a la carpeta Content. https://drive.google.com/open?id=0B7Ct7K_LTJvSTUw0amFadmJYdVU
Descargar el archivo y añadir a la carpeta Content. https://drive.google.com/open?id=0B7Ct7K_LTJvSVlpaZjdVMzlOd3M
Agregar a la Carpeta Script, un archivo JavaScript de nombre DemoVideo.js
Agregar a la Carpeta Script, un archivo JavaScript de nombre DemoGeolocation.js
Descargar el archivo DemoGeoLocation.html, desempacar y agregar al proyecto. https://drive.google.com/open?id=0B7Ct7K_LTJvSSmFHbG1FMWdjN3M
Configurar la página de inicio (Set As Start Page).
Agregar el código fuente a DemoVideo.js, para que cambie el atributo source del elemento <video> dependiendo de la selección.
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

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

lunes, 12 de septiembre de 2016

Programación en HTML5, CSS3 y JavaScript: Módulo 01

Presentación

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

Videos

Parte 1: Introducción
https://www.youtube.com/watch?v=9gTw2EDkaDQ

Parte 2: Texto
https://www.youtube.com/watch?v=YcApt9RgiT0

Parte 3:
https://www.youtube.com/watch?v=CGSdK7FI9MY

Referencias

HTML syntax
https://www.w3.org/TR/html-markup/syntax.html#syntax

HTML elements
https://www.w3.org/TR/2010/WD-html-markup-20101019/elements.html

https://www.w3.org/TR/2010/WD-html-markup-20101019/elements-by-function.html

Editor de Iconos
http://www.xiconeditor.com/

Tutoriales

HTML5 Tutorial
http://www.w3schools.com/html/default.asp

Manual de HTML
http://www.desarrolloweb.com/html/

HTML5 Tutorial
http://www.tutorialspoint.com/html5/

Suscribirse a: Entradas (Atom)