GESTIÓN DE FORMACIÓN PROFESIONAL INTEGRAL

PROCEDIMIENTO DESARROLLO CURRICULAR

GUÍA DE APRENDIZAJE

1. IDENTIFICACIÓN DE LA GUIA DE APRENIZAJE

Denominación del Programa de Formación:

Código del Programa de Formación: 228120

Nombre del Proyecto (si es formación Titulada): ADSI ANALISIS Y DESARROLLO DE SISTEMAS DE
INFORMACION

Fase del Proyecto (si es formación Titulada): Análisis, planeación, ejecución y Evaluación

Actividad de Proyecto (si es formación Titulada): Desarrollar la estructura de datos y de vista de la

aplicación del modulo

Competencia: DESARROLLAR EL SISTEMA QUE CUMPLA CON LA SOLUCIÓN INFORMÁTICA

Resultados de Aprendizaje Alcanzar: RELACIONAR LAS TABLAS CONSTRUIDAS PARA PRESENTAR LA

INFORMACIÓN SOLICITADA EN EL DISEÑO.

Duración de la Guía: 40

2. PRESENTACION

Después de adquirir conocimientos básicos en HTML, es importante aprender sobre JavaScript. JavaScript
permite realizar diferentes programas que se ejecutan del Lado del Cliente es decir en el mismo explorar
Web, sin la necesidad de ir hasta el Servidor. Esto permite mayor eficiencia en algunos aspectos y sobre
todo evitar conectarse al servidor cuando realmente no sea necesario.

JavaScript permite Programación Orientada a Objetos, permite utilizar realizar DHTML junto a CSS. Existen
muy diversas librerías de JavaScript que son muy utilizados como JQUERY, PROTOTYPE, MOOTOOLS entre
otras que permiten reducir tiempo en la programación.

3. FORMULACION DE LAS ACTIVIDADES DE APRENDIZAJE

3.1 Actividades de Reflexión inicial.

Reflexionar

JavaScript permite mejoras en la interfaz del usuario y páginas Web dinámicas, compilándose del lado del
cliente.

GFPI-F-019 V3
 SERVICIO NACIONAL DE APRENDIZAJE SENA
Procedimiento de Desarrollo Curricular
GUÍA DE APRENDIZAJE

¿Por qué JavaScript?

Rspta: Porque es un concepto orientado a objetos que se basa en prototipos dinámicos implementado
por parte de un navegador web permitiendo la interfaz del usuario y la página.

¿Realmente lo necesitamos?

Rspta: Si es necesario porque es sencillo que se utiliza para el desarrollo de páginas web y el análisis de
las bases de datos y es compatible con diferentes dispositivos.

¿Qué problemas se nos pueden presentar en la utilización de JavaScript?

Rspta: los problemas es que una vez se añaden páginas web de los servidores estos son descargados y se
ejecutan en el navegador permitiendo códigos maliciosos esto genera una vulnerabilidad en la seguridad
del sistema operativo.

3.2 Actividades de contextualización e identificación de conocimientos necesarios para el

aprendizaje.)

Actividad de Aprendizaje No. 1 (Desarrollo Grupal)

A continuación, encontrará una actividad, donde podrá establecer e identificar los conceptos previos para
el desarrollo e implementación de Programas con JavaScript. Se sugiere indagar e interpretar los
siguientes temas:

¿Qué es JavaScript?

Rspta: JavaScript es un lenguaje de programación que permite insertar códigos para la función de una
página web en el HTML y no crea programas independientes.

¿JavaScript es lo mismo que Java? ¿Qué diferencias existen?

Rspta: No porque java es un lenguaje de programación que es fundamentalmente para crear aplicaciones
para internet que permite realizar cualquier operación en el ordenador y el JavaScript realiza actividades
complejas como mostrar las actualizaciones de un contenido ejemplo controlar los archivos.

¿Cuál es la Principal diferencia entre JavaScript y PHP?

Rspta: php es un lenguaje del lado del servidor el cual procesa el código fuente y JavaScript es un lenguaje
de lado del navegador dando respuesta al HTML.

¿Cómo se realizan comentarios en JavaScript?

Rspta: Doble barra inclinada al comienzo de la línea o delante del código al comentar.
 SERVICIO NACIONAL DE APRENDIZAJE SENA
Procedimiento de Desarrollo Curricular
GUÍA DE APRENDIZAJE

¿Cómo se definen Variables en JavaScript?

Rspta: Se define de la misma forma mediante la palabra VAR la cual asigna un valor que almacene.

¿Qué extensión tienen los archivos de Funciones de JavaScript?

Rspta: el formato para los archivos es JS Website el cual corresponde a un archivo de texto que se utiliza
con el lenguaje de programación JavaScript cuando ejecuta un tipo de página web se incluye el código de
dicha función al archivo JS.

¿Cómo se detectan errores en JavaScript?

Rspta: como JavaScript es un lenguaje de programación interpretado no se pueden detectar la mayoría de

errores en el código hasta que se ejecuten los scripts en los navegadores cuando se produce un error los
navegadores proporcionan una información útil para descubrir el punto exacto del error para solución el
error se denomina depurar el script o debugear el script que significa eliminar errores de una aplicación.

¿Qué significa JSON?

Rspta: significa JavaScript Objetó Notation que significa notación de objetos de JavaScript es un formato
ligero de intercambios de datos. Es un subconjunto del lenguaje de programación es un formato que es
totalmente independiente del lenguaje.

Consulte para que sirven las siguientes palabras reservadas en JavaScript:

“Document.write()”: se utiliza para romper cadenas de textos extensas.

“ParseInt()”: Es el que encuentra un caracter que no es numeral de la base de datos especifica.

“Prompt()”: Muestra una ventana modal con un mensaje de texto para un campo de entrada para el
visitante y los botones ACEPTAR/CANCELAR.

“Alert()”: Es una palabra reservada que muestra un mensaje y hace pausa en la ejecucion del script hasta
que el usuario oprima ok.

“Var”: es una palabra reservada para definir una variable.

“//”: Es para agregar un comentario.

“==”: Equivalencia.

“a++”: Es el termino que se le da a la variable en el operador para el incremento o decremento del valor
para el operador y permitir que este aumento o disminuya.
 SERVICIO NACIONAL DE APRENDIZAJE SENA
Procedimiento de Desarrollo Curricular
GUÍA DE APRENDIZAJE

3.3. Actividades de apropiación del conocimiento (Conceptualización y Teorización).

Actividad de Aprendizaje No. 2 (Desarrollo Individual)

Tomando como base los temas de contextualización e identificación de Conocimientos sobre

Javascript, elabore un mapa conceptual, este representará la evidencia de conocimiento, se
sugiere utilizar la herramiento IHMC Cmap Tools, la cual se puede descargar libremente de la
siguiente URL Oficial. En su defecto se pueden utilizar otras herramientas como autoformas en el
paquete MS Office o MS Visio entre muchos otros

3.3 Actividades de transferencia del conocimiento.

Actividad de Aprendizaje No. 3 (Desarrollo Grupal)

1. - Hacer un ejercicio libre donde utilice var, switch, while, if, alert.
 SERVICIO NACIONAL DE APRENDIZAJE SENA
Procedimiento de Desarrollo Curricular
GUÍA DE APRENDIZAJE

2. - Hacer un ejercicio donde se cojan dos variables se sumen a través de una función y luego
mediante otra función se muestre el resultado con un alert.
 SERVICIO NACIONAL DE APRENDIZAJE SENA
Procedimiento de Desarrollo Curricular
GUÍA DE APRENDIZAJE

3. - Realizar un programa en Javascript que capture los 4 datos (a,b, c, d) mediante la función prompt
y realice las siguientes operaciones:

Z1=a+b

Z2=a-d

Z3=d/b

Z4=c*d

Luego imprima los resultados utilizando la opción alert.

 SERVICIO NACIONAL DE APRENDIZAJE SENA
Procedimiento de Desarrollo Curricular
GUÍA DE APRENDIZAJE

4. Capturar datos a y b con textbox y mostrar el resultado de su suma en un Textbox

5. Crear un programa en javascript que permita comparar los valores capturados con textbox de nombre,
cedula y teléfono con los datos guardados en las variables a=”Alexander”, b=”1014 ” c=”2327405”. Debe
validar los datos para saber si son iguales o no, y mostrar un alert con la respuesta. (Tomar como
Referencia ejercicio 72 capitulo 2 de los ejercicios de ejemplo.)
 SERVICIO NACIONAL DE APRENDIZAJE SENA
Procedimiento de Desarrollo Curricular
GUÍA DE APRENDIZAJE

6. Realizar una Calculadora Web en Javascript que permita sumar, multiplicar, restar y dividir.
SERVICIO NACIONAL DE APRENDIZAJE SENA
Procedimiento de Desarrollo Curricular
GUÍA DE APRENDIZAJE
 SERVICIO NACIONAL DE APRENDIZAJE SENA
Procedimiento de Desarrollo Curricular
GUÍA DE APRENDIZAJE

7. Realizar una Página Web que permita capturar los datos de nombre, cédula, Teléfono, dirección, correo
electrónico y luego sean validados para verificar:

a. Cedula y teléfono solo se pueden escribir números

b. Correo electrónico debe tener arroba

SERVICIO NACIONAL DE APRENDIZAJE SENA
Procedimiento de Desarrollo Curricular
GUÍA DE APRENDIZAJE
 SERVICIO NACIONAL DE APRENDIZAJE SENA
Procedimiento de Desarrollo Curricular
GUÍA DE APRENDIZAJE

4. ACTIVIDADES DE EVALUACIÓN

Tome como referencia las técnica e instrumentos de evaluación citados en la guía de Desarrollo Curricular

Evidencias de Aprendizaje Criterios de Evaluación Técnicas e Instrumentos de

Evaluación

Evidencias de Conocimiento : - Claridad en la 3.2 Actividad de

presentación de los Contextualización: 30 Puntos
Conoce la sintaxis de Javascript y conceptos
sus diferencias con otros lenguajes. relacionados con 3.3 Actividades de Apropiación
Reportes del Conocimiento 20 Puntos
Evidencias de Desempeño:
- Utilizar los 3.4 Actividades de
Utiliza técnicas de programación procedimientos Transferencia de
establecidos en los
para ser eficiente y detectar Conocimiento 50 Puntos
Manuales de Trabajo
errores en el proceso de
- Puntualidad en la
codificación con Javascript
entrega de Trabajos
Evidencias de Producto:
CONSTRUYE LA INTERFAZ DEL
APLICATIVO, SIGUIENDO LOS
 SERVICIO NACIONAL DE APRENDIZAJE SENA
Procedimiento de Desarrollo Curricular
GUÍA DE APRENDIZAJE

Programas en Javascript PARÁMETROS ESTABLECIDOS

EN EL

DISEÑO QUE CUMPLA CON LAS

NECESIDADES DEL USUARIO
FINAL.

UTILIZA LAS HERRAMIENTAS DE

DESARROLLO, PARA LA
CODIFICACIÓN DE LOS
MÓDULOS DEL

SISTEMA, APLICANDO LAS

FUNCIONES PROPIAS DEL
LENGUAJE DE PROGRAMACIÓN

- SELECCIONADO, DE
ACUERDO CON LAS
NECESIDADES DEL
SISTEMA DE
INFORMACIÓN

5. GLOSARIO DE TERMINOS

Java: Lenguaje de Programación

Jquery: Libreria de Javascript muy utilizada

Prototype: Libreria de Javascript muy utilizada

Mootools: Libreria de Javascript muy utilizada

DHTML: HTML dinámico, permite realizar páginas mas interactivas

CSS: Cascada de Estilos

If: Claúsula de Condición

While: Claúsula de Ciclo

 SERVICIO NACIONAL DE APRENDIZAJE SENA
Procedimiento de Desarrollo Curricular
GUÍA DE APRENDIZAJE

Textbox: Cajón de Texto para escribir en un programa

“Js”: Los archivos con extensión .js con archivos de funciones de Javascript

“Document.write()”; Permite imprimir en pantalla textos o el valor de las variables.

“ParseInt()”: Pasa de una Variable tipo String a una variable Numérica.

“Prompt()”; Captura valores mediante un cuadro de dialogo.

“Alert()”; Permite mostrar una cuadro de dialogo con un mensaje.

“Var”; Todas las variables se declaran usando el comando var.

“//”: Permite crear un comentario en Javascript.

“==”; Es un operador lógico que compara valores y devuelve falso o verdadero según la condición.

“a++”; Permite incrementarle 1 a la variable cada vez que se ejecute la sentencia.

6. REFERENTES BILBIOGRAFICOS

Professional JavaScript for Web Developers, Nicholas C. Zakas (ISBN: 978-0-7645-7908-0). A

pesar de ser un libro antiguo, sigue siendo una buena referencia de aprendizaje de JavaScript
para los programadores de aplicaciones web

JavaScript: The Definitive Guide (Fifth Edition), David Flanagan (ISBN-13: 9780596101992).
Referencia completa de JavaScript en más de 1.000 páginas que explican con detalle cualquier
aspecto de este lenguaje de programación.

JQUERY
http://jquery.com/

Pasos para Ejecutar Jquery

http://www.desarrolloweb.com/articulos/pasos-para-ejecutar-jquery.html

Manual Javascript
http://becas2012.fundayacucho.gob.ve/becas2012/javascript.pdf

7. CONTROL DEL DOCUMENTO

Nombre Cargo Dependencia Fecha

 SERVICIO NACIONAL DE APRENDIZAJE SENA
Procedimiento de Desarrollo Curricular
GUÍA DE APRENDIZAJE

Autor (es) ERNESTO CORTES INSTRUCTOR CEET 28/8/2018

8. CONTROL DE CAMBIOS (diligenciar únicamente si realiza ajustes a la guía)

Nombre Cargo Dependencia Fecha Razón del Cambio

Autor (es)
GESTIÓN DE FORMACIÓN PROFESIONAL INTEGRAL
PROCEDIMIENTO DESARROLLO CURRICULAR
GUÍA DE APRENDIZAJE

GFPI-F-019 V3