CUARTA SEMANA

 

Video #31

Utilizar en el código HTML5 las etiquetas audio y video para visualizar los respectivos reproductores de una forma sencilla. Usamos el código JSP para que diferencie cuando es un audio y cuando un video.

Tiempo de Video: 13 min 07 seg

Video #32

Cambiar el video .ogg que no se visualiza por un video .mp4 que si lo visualiza. Realizamos los cambios respectivos en la Base de Datos MySQL para que lea el cambio dinámicamente. Pegarle a la carpeta el nuevo archivo de video para incluirlo al proyecto.

Tiempo de Video: 09 min 03 seg

Video #33

Usar el atributo autoplay para que pueda reproducir automáticamente o el video o el audio. Dejamos las funciones Javascript listas para usar otro atributo del HTML5 que es el almacenamiento local o en nuestro caso localStorage.

Tiempo de Video: 10 min 43 seg

Video #34

Programamos nuestras funciones Javascript leer() y grabar() para que pueda al final leer y almacenar, usando almacenamiento local los datos que coloquemos en la caja de texto del reproductor de video o el de audio.

Tiempo de Video: 13 min 36 seg

Video #35

Verificamos que la opción localStorage funcione bien en el código JavaScript. Luego de varias pruebas, reacomodamos el código HTML de una forma dinámica, para que al final almacene en las cajas de texto los datos que coloquemos

Tiempo de Video: 19 min 18 seg

Video #36

Creamos un archivo JSP perteneciente a entrenamiento, de nombre grafico.jsp donde vamos a usar otra de las novedades de HTML5, la de dibujar usando Canvas.

Tiempo de Video: 10 min 47 seg

Video #37

Usamos el Canvas para dibujar un cuadro gris y varios cuadritos blancos para realizar especie de una aula virtual, para ello es necesario crear la función dibujar() en Javascript.

Tiempo de Video: 12 min 05 seg

Video #38

Ajustamos el código JSP para recoger los datos pasados por URL en la función dibujar() en Javascript para que ella muestre los cuadros necesarios. Se le hace el ajuste al ciclo, para que ponga el límite de cuadros horizontales a dibujar.

Tiempo de Video: 10 min 59 seg

Video #39

Ajustamos las coordenadas, para que se pueda mostrar en el cuadro superior el nombre del curso que se pasa por URL y en los cuadros inferiores los alumnos inscritos en el entrenamiento con el respectivo número que lo tomamos del ciclo.

Tiempo de Video: 15 min 07 seg

Video #40

Luego de haber usado canvas de HTML5 en el proyecto, finalizamos nuestro curso haciendo uso de una función Javascript dentro del archivo JSP que trae las informaciones dinámicamente. FIN DEL CURSO JAVA EE INTERMEDIO I. Continuaremos con el curso Intermedio II usando JSTL.

Tiempo de Video: 15 min 33 seg


Al final de esta semana habrás cubierto los primeros 10 videos con un total de 130 Minutos 18 Segundos, o el equivalente a mas de 2 horas de videos.


Tu colega y amigo:


Javier J. Martínez F.
contacto@javiermartinez.net