1. SECUENCIA FORMATIVA
I. DATOS GENERALES:
1. Institución Educativa : ISEP “Bambamarca”
2. Área : Lenguaje de programación III
3. Especialidad : Computación e Informática
4. Semestre Académico : VII
5. Duración : 40 minutos
6. Formador : Dagoberto Goicochea Vásquez.
7. Lugar y fecha : Bambamarca, 29 de marzo del 2017.
II. NOMBRE DE LAACTIVIDAD:
“Introducción al JavaScript”
III. DESEMPEÑO DE LACOMPETENCIAY EVALUACIÓN:
DESEMPEÑO CONOCIMIENTO INDICADOR ACTITUDES
Maneja las
herramientas
informáticas como
recursos para su
desarrollo personal y
profesional.
Introducción a
JavaScript.
Aplica las
herramientas y
códigos del
JavaScript para
realizar un
mensaje de alerta
en la página web.
Respeta las ideas de sus
compañeros.
Participa oportuna y
coherentemente teniendo en
cuenta los conocimientos
programados y el software a
utilizar.
Muestra capacidad de
escucha durante las
intervenciones de sus
compañeros.
2. IV. ORGANIZACIÓN DE CONOCIMIENTOS, ESTRATEGIAS Y ACTIVIDADES
CONOCIMIENTOS RECURSOS
Introducción a JavaScript:
¿Qué es JavaScript?
Codigo javascript
Video.
Laptop, PCs.
Proyector Multimedia.
Software Editor de Páginas Web.
PROCESOS SECUENCIA METODOLÓGICA
Estrategias y Actividades de aprendizaje
INICIO
REFLEXIÓN
El docente da la bienvenida a los estudiantes y presenta la siguiente
situación.
El docente plantea a los estudiantes las siguientes interrogantes:
¿Qué medios podemos usar para llevar la información a
nuestra comunidad?
¿Qué medios de comunicación nos permite presentar la
información con interactividad?
¿Qué medio de comunicación masiva permite llegar a más
personas en el mundo?
Los estudiantes emiten sus respuestas orientadas al uso del Internet, por
lluvia de ideas.
Observan un video sobre los lenguajes de programación de páginas
web.
Comentan positivamente los aspectos seleccionados del contenido del
video.
El docente indica a los estudiantes que el propósito de la
sesión es utilizar el Lenguaje de Programación JavasScript
en las páginas web.
DESARROLLO
CONSTRUCCIÓN DEL APRENDIZAJE
El docente presenta el video sobre JavaScript
En diálogo con el docente identifican que es JavaScript en el video para
relacionarlo con lo que ya saben.
Comentan indistintamente sobre el Lenguaje de programaciónJavaScript.
Diferencian los Códigos Básicos de JavaScript.
Escuchan la explicación del docente sobre a utilización de JavaScript,.
3. SALIDA
El docente explica realizar un mensaje de alerta con JavaScript con
KompoZer.
Luego explica las bondades del programa e indica a los estudiantes
ingresar al programa KompoZer para realizar el trabajo.
APLICACIÓN DE LO APRENDIDO
De acuerdo a la situación presentada los estudiantes deberán abrir el
archivo de página web “Los alimentos” que será compartida con
anticipación en los equipos de los estudiantes.
En los equipos de trabajo ya formados con la ayuda del docente diseñan
y elaboran una página web con programación JavaScrib.
El docente estará atento a las dudas que puedan presentarse en el
desarrollo.
Al finalizar los estudiantes la actividad, guardan el archivo en el lugar y
carpeta indicada por el docente y lo actualiza en el navegador.
Cada equipo de trabajo presenta su página Web.
Un representante de cada equipo explica sobre el uso de JavaScript.
Realizan comentarios, sugerencias y correcciones logrando el uso de
JavaScrip adecuadamente.
El docente realiza las orientaciones finales sobre la introducción al
JavaScript.
EVALUACIÓN DE LO APRENDIDO
El docente piden a los estudiantes que se autoevalúen con la ficha.
En forma individual elaboran una página web usando JavaScript
sobre alientos saludables de la zona.
Este trabajo será presentado la próxima sesión.
V. Bibliografía:
1. Eguíluz Pérez Javier (2013). Introducción a JavaScript.
2. http://librosweb.es/libro/javascript/. Introducción a JavaScript
3. https://www.desarrolloweb.com/articulos/introduccion-javascript.html
4. https://www.youtube.com/watch?v=H5NdtjnO2Fk
--------------------------------------------------------------
Prof. DAGOBERTO GOICOCHEA VÁSQUEZ
4. INTRODUCCIÓNAL JAVASCRIPT
¿Quées JavaScript?
JavaScript es un lenguaje de programación que
se utiliza principalmente para crear páginas web
dinámicas.
Una página web dinámica es aquella que
incorpora efectos como texto que aparece y desaparece, animaciones, acciones
que se activan al pulsar botones y ventanas con mensajes de aviso al usuario.
Técnicamente, JavaScript es un lenguaje de programación interpretado, por
lo que no es necesario compilar los programas para ejecutarlos. En otras palabras,
los programas escritos con JavaScript se pueden probar directamente en cualquier
navegador sin necesidad de procesos intermedios.
A pesar de su nombre, JavaScript no guarda ninguna relación directa con el
lenguaje de programación Java. Legalmente, JavaScript es una marca registrada
de la empresa Sun Microsystems, como se puede ver en
http://www.sun.com/suntrademarks/.
Incluir JavaScript enel mismo documentoXHTML
El código JavaScript se encierra entre etiquetas <script> y se incluye en
cualquier parte del documento. Aunque es correcto incluir cualquier bloque de
código en cualquier zona de la página, se recomienda definir el código JavaScript
dentro de la cabecera del documento (dentro de la etiqueta <head>):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "ht
tp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-
1" />
<title>Ejemplo de código JavaScript en el propio documento</title>
<script type="text/javascript">
alert("Un mensaje de prueba");
</script>
</head>
5. <body>
<p>Un párrafo de texto.</p>
</body>
</html>
Para que la página XHTML resultante sea válida, es necesario añadir el
atributo typea la etiqueta <script>. Los valores que se incluyen en el
atributo type están estandarizados y para el caso de JavaScript, el valor correcto
es text/javascript.
Este método se emplea cuando se define un bloque pequeño de código o
cuando se quieren incluir instrucciones específicas en un determinado documento
HTML que completen las instrucciones y funciones que se incluyen por defecto en
todos los documentos del sitio web.
El principal inconveniente es que si se quiere hacer una modificación en el
bloque de código, es necesario modificar todas las páginas que incluyen ese mismo
bloque de código JavaScript.