MANUAL DE

PRÁCTICAS
2025-2025

DESARROLLA APLICACIONES QUE

SE EJECUTAN EN EL CLIENTE

Nombre del alumno(a):_____________________________________________

Grupo: _______ Turno: ___________ No. Lista: ________

Profesor(a): ______________________________________________________
 PRACTICA 1
P.E 2
Nombre completo de la práctica: CONVERSIÓN DE METROS A CENTÍMETROS

No. Práctica: 1 Fecha: Semana 2

Contenido central: Programando funciones para los objetos de un formulario

Contenidos específicos ● Implementar Evento OnClick con JavaScript

Producto de Reporte impreso con la captura de pantalla del código, compilación y ejecución
Aprendizaje:

INSTRUCCIONES (ACTIVIDADES):
Realiza lo siguiente:
1.-Ejecuta el entorno digital de Brackets o Visual Studio Code.
2.- Se enviarán datos de un formulario a otro con ayuda del evento OnClick.
3.- Se realizará la interfaz gráfica.
4.- Elabora reporte en un procesador de texto, utilizando captura de pantallas.

Procedimiento: Enviar datos.

FORMATIVA INFORMATIVA
Evaluación:
3. Conducta 2. Participación 5. Documento

Evidencia:
10. Reporte de la práctica.

Nombre y firma del alumno Nombre y firma del Instructor

 PRÁCTICA 2
P.E 3
Nombre completo de la práctica: Conversión de metros a centímetros.

No. Práctica: 2 Fecha: Semana 3

Contenido central: Programando las propiedades de un objeto dentro de un formulario en

JavaScript

Contenidos específicos ● Modificar las propiedades de un objeto

Producto de Reporte impreso con la captura de pantalla del código, compilación y ejecución
Aprendizaje:

INSTRUCCIONES (ACTIVIDADES):
Realiza lo siguiente:
1.-Ejecuta el entorno digital de Brackets o Visual Studio Code.
2.- Se obtendrán los valores de los metros de un cuadro de texto.
3.- Se realizará la operación matemática en una función para la conversión de metros a centímetros
4.- Elabora reporte en un procesador de texto, utilizando captura de pantallas.

Procedimiento: Suma de dos números.

FORMATIVA INFORMATIVA
Evaluación:
3. Conducta 2. Participación 5. Documento

Evidencia:
10. Reporte de la práctica.

Nombre y firma del alumno Nombre y firma del Instructor

 PRÁCTICA 3
P.E 4
Nombre completo de la práctica: Primera integración del Proyecto PEC.

No. Práctica: 3 Fecha: Semana 4

Contenido central: Creación de eventos en JavaScript dentro de los objetos de un formulario Web.

● Programar métodos dentro de los eventos en los objetos de un

Contenidos específicos
formulario Web

Producto de Reporte impreso con la captura de pantalla del código, compilación y ejecución
Aprendizaje:

INSTRUCCIONES (ACTIVIDADES):
Realiza lo siguiente:
1.-Ejecuta el un entorno digital de UML.
2.- Realiza los diagramas de casos de uso que describan los procesos del proyecto”.
3.- Realiza los diagramas de secuencia que describan los procesos del proyecto”.
4.- Elabora reporte en un procesador de texto. Imprimiendo los diagramas.

Procedimiento: Diagramas

FORMATIVA INFORMATIVA
Evaluación:
3. Conducta 2. Participación 5. Documento

Evidencia:
10. Reporte de la práctica.

Nombre y firma del alumno Nombre y firma del Instructor

 PRÁCTICA 4
P.E 5
Nombre completo de la práctica: Restricción de datos.

No. Práctica: 4 Fecha: Semana 6

Contenido central: Creación de validaciones dentro de los campos de un formulario.

● Validación de formularios.
● Campos obligatorios.
Contenidos específicos
● Formato de datos en específico en campos.
● Longitud específica en campos.

Producto de Reporte de práctica 4, validación de campos en formularios con datos específicos y restricción
Aprendizaje: de longitud.

INSTRUCCIONES (ACTIVIDADES):
Realiza lo siguiente:
1.-Ejecuta el entorno digital de JavaScript.
2.- Realiza una aplicación que valide campos en formularios con datos específicos.
3.- También la aplicación ejecutará la restricción de longitud en los campos.
4.- Comenta dentro del código la estructura de la aplicación que acabas de realizar.
5.- Realiza el diseño de navegación de la aplicación utilizando HTML.
6.- Elabora reporte en un procesador de texto, utilizando captura de pantallas.

Procedimiento: Crea aplicación.

FORMATIVA INFORMATIVA
Evaluación:
5. Conducta 2. Participación 11. Documento

Evidencia:
5. Reporte de la práctica.

Nombre y firma del alumno Nombre y firma del Instructor

 PRACTICA 5
P.E 7
Nombre completo de la práctica: Arreglos

No. Práctica: 5 Fecha: Semana 7

Contenido central: Arreglos

Contenidos específicos ● Manejo de arreglos

Producto de Reporte de práctica 5. Integración de arreglos.

Aprendizaje:

INSTRUCCIONES (ACTIVIDADES):
Realiza lo que se solicita utilizando:

1.-Ejecuta el entorno digital de JavaScript.

2.- Realiza una aplicación que cuente con la declaración de un arreglo de 10 números enteros.
3.- El arreglo tendrá que sumar los números.
4.- Comenta dentro del código la estructura de la aplicación que acabas de realizar.
5.- Realiza el diseño de navegación de la aplicación utilizando HTML.
6.- Elabora reporte en un procesador de texto, utilizando captura de pantallas.

Procedimiento: Crea aplicación.

FORMATIVA INFORMATIVA
Evaluación:
12. Conducta 2. Participación 6. Operaciones

Evidencia:
[Link] de la práctica.

Nombre y firma del alumno Nombre y firma del Instructor

 PRACTICA 6
P.E 8
Nombre completo de la práctica: Clases

No. Práctica: 6 Fecha: Semana 8

Contenido central: operaciones lógicas

Tipos de clase.
● Clases Predefinidas.
Contenidos específicos
● Clases Browser.
● Clases del HTM.

Producto de Reporte de práctica 6. Clases .

Aprendizaje:

INSTRUCCIONES (ACTIVIDADES):
Realiza lo que se solicita utilizando:

1.-Ejecuta el entorno digital de JavaScript.

2.- Realiza una aplicación que genere el código de un formulario utilizando clase con sus métodos,
funciones, objetos y constructores.
3.- Comenta dentro del código la estructura de la aplicación que acabas de realizar.
4.- Realiza el diseño de navegación de la aplicación utilizando HTML.
5.- Elabora reporte en un procesador de texto, utilizando captura de pantallas.

Procedimiento: Crea aplicación.

FORMATIVA INFORMATIVA
Evaluación:
13. Conducta 2. Participación 7. Operaciones

Evidencia:
[Link] de la práctica.

Nombre y firma del alumno Nombre y firma del Instructor

 PRACTICA 7
P.E 9
Nombre completo de la práctica: Alertas en formularios.

No. Práctica: 7 Fecha: Semana 9

Contenido central: operaciones lógicas

Contenidos específicos Método Alert

Producto de Reporte de práctica 7.

Aprendizaje:

INSTRUCCIONES (ACTIVIDADES):
Realiza lo que se solicita utilizando:

1.-Ejecuta el entorno digital de JavaScript.

2.- Realiza en HTML un formulario que pida datos personales al usuario (nombre, apellido paterno,
apellido materno, año de nacimiento, curp)
3.- Genera el código en JavaScript que permita restringir los datos y mande en una página nueva la
alerta de datos incorrectos, si no cumple con la restricción.
4.- Comenta dentro del código la estructura de la aplicación que acabas de realizar.
5.- Elabora reporte en un procesador de texto, utilizando captura de pantallas.

Procedimiento: Crea aplicación.

FORMATIVA INFORMATIVA
Evaluación:
14. Conducta 2. Participación 8. Operaciones

Evidencia:
[Link] de la práctica.

Nombre y firma del alumno Nombre y firma del Instructor

 PRACTICA 8
P.E 10
Nombre completo de la práctica: Integración del proyecto PEC

No. Práctica: 8 Fecha: Semana 10

Contenido central: Integración del proyecto PEC

Contenidos específicos Funciones y métodos

Producto de Reporte de práctica 8.

Aprendizaje:

INSTRUCCIONES (ACTIVIDADES):
Realiza lo que se solicita utilizando:

1.-Ejecuta el entorno digital de JavaScript.

2.- Analiza los formularios realizados en la materia de “construye páginas Web”
3.- Implementa el código en JavaScript en los formularios que se necesite el uso de funciones y
métodos para que el formulario realice la funcionalidad esperada.
4.- Comenta dentro del código la estructura de la aplicación que acabas de realizar.
5.- Elabora reporte en un procesador de texto, utilizando captura de pantallas.

Procedimiento: Crea aplicación.

FORMATIVA INFORMATIVA
Evaluación:
15. Conducta 2. Participación 9. Operaciones

Evidencia:
[Link] de la práctica.

Nombre y firma del alumno Nombre y firma del Instructor

 PRACTICA 9
P.E 13
Nombre completo de la práctica: Switch Case

No. Práctica: 9 Fecha: Semana 13

Contenido central: Estructura de control

Contenidos específicos Sentencias de control por bloques.

Producto de Reporte de práctica 9.

Aprendizaje:

INSTRUCCIONES (ACTIVIDADES):
Realiza lo que se solicita utilizando:

1.-Ejecuta el entorno digital de JavaScript.

2.- Crea un formulario en HTML que muestre una pregunta y la respuesta sea múltiple.
3.- El código en JavaScript emplea la sentencia switch case que da solución a las múltiples
respuestas anteriormente mostradas en el formulario.
4.- Comenta dentro del código la estructura de la aplicación que acabas de realizar.
5.- Elabora reporte en un procesador de texto, utilizando captura de pantallas.

Procedimiento: Crea aplicación.

FORMATIVA INFORMATIVA
Evaluación:
16. Conducta 2. Participación 10. Operaciones

Evidencia:
[Link] de la práctica.

Nombre y firma del alumno Nombre y firma del Instructor

 PRACTICA 10
P.E 14
Nombre completo de la práctica: formularios

No. Práctica: 10 Fecha: Semana 14

Contenido central: Formularios amigables

Contenidos específicos Diseño de formularios

Producto de Reporte de práctica 10.

Aprendizaje:

INSTRUCCIONES (ACTIVIDADES):
Realiza lo que se solicita utilizando:

1.-Ejecuta el entorno digital de JavaScript.

2.- Crea un formulario en HTML que no requiere tantas etiquetas y atributos.
4.- Comenta dentro del código la estructura de la aplicación que acabas de realizar.
5.- Elabora reporte en un procesador de texto, utilizando captura de pantallas.

Procedimiento: Crea aplicación.

FORMATIVA INFORMATIVA
Evaluación:
17. Conducta 2. Participación 11. Operaciones

Evidencia:
[Link] de la práctica.

Nombre y firma del alumno Nombre y firma del Instructor

 PRÁCTICA 11
P.E 15

Nombre completo de la práctica: Manual de usuario del proyecto

PEC.

No. Práctica: 11 Fecha: Semana 15

Contenido central: Clases

Contenidos específicos ● Manual de usuario

Producto de Incorporar en el sitio lo realizado en los lenguajes de programación HTML, CSS, JavaScript,
Aprendizaje: PHP, MySQL.

INSTRUCCIONES (ACTIVIDADES):
Realiza lo que se solicita utilizando:

1.-Ejecuta un procesador de textos.

2.- Redacta los elementos de un manual
• usa un lenguaje sencillo
• Simplifica
• Añade elementos visuales
• Céntrate en el problema del usuario
• Mantén una estructura y un flujo lógicos
• Incluye un índice
• Facilita las búsquedas
• Haz el contenido accesible
• Ten en cuenta la opinión de usuarios reales o probadores beta
• Incluye enlaces a otros documentos
• Añade instrucciones paso a paso.
7.- Comparte el Manual con tu docente a través del documento.

Procedimiento: Crea el manual del proyecto

FORMATIVA INFORMATIVA
Evaluación:
12. Conducta 2. Participación 13. Aplicación

Evidencia:
[Link] de la práctica.

Nombre y firma del alumno Nombre y firma del Instructor

 PROYECTO FINAL
P. E. 16
Nombre completo de la práctica: Entrega final del proyecto ABP.

No. Práctica: Proyecto final Fecha: Semana 16

Contenidos específicos Desarrolla aplicaciones Web.

Producto de Incorporar en el sitio lo realizado en los lenguajes de programación HTML, CSS, JavaScript,
Aprendizaje: PHP, MySQL.

INSTRUCCIONES (ACTIVIDADES):
Realiza lo que se solicita utilizando:

1.-Ejecuta el entorno digital de JavaScript, HTML,PHP,MySQL.

2.- Realiza una aplicación que genere el código un proyecto que integre el lenguaje de programación
que permitan trabajar del lado del cliente tales como HTML, JavaScript.
3.- Realiza una aplicación que genere el código un proyecto que integre el lenguaje de programación
que permitan trabajar del lado del servidor como PHP,
5.- Comenta dentro del código la estructura de la aplicación que acabas de realizar.
6.- Realiza el diseño de navegación de la aplicación utilizando HTML.
7.- Exposición del proyecto ABP ante una audiencia real.

Procedimiento: Presenta el proyecto en la herramienta JavaScript, HTML,PHP,MySQL

FORMATIVA INFORMATIVA
Evaluación:
14. Conducta 2. Participación 15. Aplicación

Evidencia:
[Link] de la práctica.

Nombre y firma del alumno Nombre y firma del Instructor