Código: ITSP-AC-PO-003-

01
Sistema de Gestión Integral
Revisión: 1
Instrumentación Didáctica para la formación y desarrollo
de competencias Página 1 de 8

Instituto Tecnológico Superior P’urhépecha

Subdirección Académica
Prácticas sabatino y el Desarrollo de Competencias Del periodo: Enero—
Junio 2020

Nombre de la asignatura: Programación WEB

Carrera: Ingeniería en Sistemas Computacionales.
Clave de la asignatura: AEB- Horas teóricas Horas prácticas Créditos: 1-4-5
1055

I. Número de unidades: 5

Unidad: 3 Nombre: PROGRAMACIÓN DEL LADO DEL CLIENTE.

Competencias Genéricas a desarrollar en la unidad:

Investigará las palabras reservadas del lenguaje, identificara y utilizara los tipos de datos básicos
del lenguaje, investigara los operadores del lenguaje. Realizara ejercicios de inicialización de
variables, utilizara la estructura global del programa, creara documentos con lenguaje de marcado
que se vinculen con lenguaje del lado del cliente, utilizando un editor de textos sencillo, construirá
elementos básicos de texto, vínculos, listas, tablas, objetos, imágenes, aplicaciones que reaccione
al mouse y teclado y valide los con rutinas del lado del cliente, creara formularios dinámicos, que
dispongan de elementos generados con lenguaje del lado del cliente, utilizara hojas de estilos en
cascada e intercámbielas con programación del lado del cliente.

1
 a) práctica 1: Correspondiente a los subtemas 3.1, desarrollara una práctica donde aplique lo
siguiente: Nota: para hacer este ejercicio tienes que basarte hacer primero los ejercicios de la
diapositiva que esta en el material de apoyo llamada
“ejerc_script parte2”
 Escribir una contraseña, la cual sea un nombre.
 Una vez aceptado le pida el nombre y de las gracias por haber entrado al sitio
 El usuario debe escribir su edad en escala del 20 a 30, como respuesta debe darle lo que
escribió en letra.
 Por último, preguntarle si quiere salir de la página de ser así mandarlo a YouTube.
Basándote en la diapositiva “ejerc_script parte3 eventos”
• Realiza una página con la siguiente información
• Titulo : ITSP con una referencia de la ubicación que de un click y cambie de color
• Inserta una imagen del ITSP y que salga una descripción de las carreras
• Ingresa el evento de que se cargó la página

• Basándote en el documento de Word “practica de menus con CSS y Java script”

• Realizar un menú u submenú con ejemplo de alguna página web distinta al ejemplo que se te
propone

Práctica 2: Correspondiente al subtema 3.2 Manejo de Frameworks, entregarás instalado el laravel que es un
framework esta en un documento de Word llamado “instalación de laravel” las prácticas se harán de alcanzar en esta o en
otra unidad respecto a este framework solo mandas evidencia de que esta instalado 3.3 Estructuras de Control.se te
proporcionara material para que complementes la práctica y te sea más fácil el desarrollo. El material de
apoyo es 3.3 ESTRUCTURAS DE CONTROL,

Para este ejercicio básate en la diapositiva llamada “ejerc_script parte2” que esta en plataforma unidad 3

 Escribir una contraseña, la cual sea un nombre.

 Una vez aceptado le pida el nombre y de las gracias por haber entrado al sitio
 El usuario debe escribir su edad en escala del 20 a 30, como respuesta debe darle lo que escribió en
letra.
 Por último, preguntarle si quiere salir de la página de ser así mandarlo a YouTube.

Para este ejercicio básate en la diapositiva llamada “ejerc_script parte3 eventos” que esta en plataforma
unidad 3

4
• Realiza una página con la siguiente información
• Titulo : ITSP con una referencia de la ubicación que de un click y cambie de color
• Inserta una imagen del ITSP y que salga una descripción de las carreras
• Ingresa el evento de que se cargó la página

• Para este ejercicio básate en el documento de Word llamada “ejercicios con for y arreglos” que esta
en plataforma unidad 3

• Desarrollar un programa que solicite la carga de 10 números e imprima la suma de los últimos 5
valores ingresados

Práctica 3: Corresponde a los subtemas del 3.3 Estructuras de Control y 3.4 Manipulación de
objetos, dar implementaras la programación de manipulación de objetos y estructura de las
siguientes indicaciones Debes de realizar un reporte de la página y explicando paso a paso lo
que realizaste. En un documento de Word pegado y/o en el código con comentarios

Para este ejercicio básate en la diapositiva llamada “Funciones y condiciones”

Crear un programa que pida la edad para ver películas con las siguientes condiciones:
 Si la edad agregada por el usuario pasa de 5; tendrá que salir un mensaje de “pueda
entrar a infantiles”
 Si la edad agregada por el usuario pasa de 15; tendrá que salir un mensaje de “pueda
entrar a adolescente”
 Si la edad agregada por el usuario pasa de 18; tendrá que salir un mensaje de “pueda
entrar a adolescente”
Ejemplo en código:

Hacer un menú para este ejercicio básate en el documento de Word llamado “practica de
menús con CSS y Java script” que está en plataforma unidad 3

Ejemplo le puedes cambiar de color

4
 Fecha de elaboración: Mayo del año 2020.

D.C.E. JUVENAL ALEJANDRO ESPINOSA B.

DOCENTE