PROGRAMACIÓN
WEB:
JavaScript
Por:
Edwin E. Guillermo R.
OBJETIVOS DEL TEMA
• El objetivo principal es de estar en la capacidad de poder crear
páginas web básicas y sencillas usando los framework de
JavaScript para crear un sitio web interactivo.
• Utilizar la sintaxis básica de JavaScript para la creación de salidas,
entradas y algoritmos matemáticos y uso de ciclos condicionales,
de repetición y de funciones.
• Utilizar algunas de las funciones predefinidas de Javascript.
• Corregir los errores generados durante el proceso de programación
en JavaScript usando el cliente (Google Chrome)
CONTENIDO
TEMA 1: Introducción a JavaScript
TEMA 2: Salidas en JavaScript
TEMA 3: Entradas en JavaScripts
TEMA 4: Algoritmos matemáticos
TEMA 5: Programación con ciclos condicionales (SI) y Repetición.
TEMA 6: Procesamiento de Formularios
TEMA 7: Uso de Frameworks gratuitos de Javascript (LightBox)
TEMA 9: Jquery ui
TEMA 10: Jquery Mobile
**contenido puede cambiar
CONOCIMIENTOS PREVIOS
• Clases de Fundamentos de Programación ya sea
en forma de:
- Algoritmos en pseudocódigos
Haber dado HTML + CSS
• Manejar un Inglés básico
CONOCIMIENTOS PREVIOS
TIPOS DE PÁGINAS WEB A ELABORAR
APLICACIONES A UTILIZAR
APLICACIONES A UTILIZAR
Visual Studio Code
https://code.visualstudio.com/download
APLICACIONES A UTILIZAR -
Alternativa
Descarga en SO Windows:
https://brackets.uptodown.com/windows
Descarga en MAC OS: https://brackets.uptodown.com/mac
¿Qué es Javascript?
• JavaScript es un lenguaje de programación
que se utiliza principalmente para crear
páginas web dinámicas.
INICIOS DE JAVASCRIPT
¿Qué es una página
web dinámica?
• 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.
ASPECTOS DE JAVASCRIPT
• 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.
BREVE HISTORIA
• A principios de los años 90, la mayoría de los usuarios que
se conectaban a Internet lo hacían con módems a una
velocidad máxima de 28.8 kbps.
• En esa época, empezaban a desarrollarse las primeras
aplicaciones web y, por tanto, las páginas web
comenzaban a incluir formularios complejos.
BREVE HISTORIA
• Brendan Eich, un programador que trabajaba en
Netscape, pensó que podría solucionar este problema
adaptando otras tecnologías existentes (como ScriptEase)
al navegador Netscape Navigator 2.0, que iba a lanzarse
en 1995.
• Inicialmente, Eich denominó a su lenguaje LiveScript.
BREVE HISTORIA
• Posteriormente, Netscape firmó una alianza con Sun
Microsystems para el desarrollo del nuevo lenguaje de
programación. Además, justo antes del lanzamiento
Netscape decidió cambiar el nombre por el de JavaScript.
• La razón del cambio de nombre fue exclusivamente por
marketing, ya que Java era la palabra de moda en el
mundo informático y de Internet de la época.
INCLUIR JAVASCRIPT EN
CÓDIGOS DE HTML
• 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>).
• También se puede utilizar Javascript como un archivo
externo con extensión .js. Visual Studio Code tiene esa
opción de JavaScript en su listado de lenguajes.
GLOSARIO DE JAVASCRIPT
• Script: cada uno de los programas, aplicaciones o trozos
de código creados con el lenguaje de programación
JavaScript.
• Sentencia: cada una de las instrucciones que forman un
script
• Palabras reservadas: son las palabras (en inglés) que se
utilizan para construir las sentencias de JavaScript y que
por tanto no pueden ser utilizadas libremente. Las palabras
actualmente reservadas por JavaScript son: break, case,
catch, continue, default, delete, do, else, finally, for,
function, if, in, instanceof, new, return, switch, this, throw,
try, typeof, var, void, while, with.
SINTAXIS JAVASCRIPT
• La sintaxis de un lenguaje de programación se define como
el conjunto de reglas que deben seguirse al escribir el
código fuente de los programas para considerarse como
correctos para ese lenguaje de programación
REGLAS DE SINTAXIS
JAVASCRIPT
No se tienen en cuenta los espacios en blanco y las
nuevas líneas.
Se distinguen las mayúsculas y minúsculas.
No se define el tipo de las variables (int, float, char,
boolean, array, etc)
No es necesario terminar cada sentencia con el carácter de
punto y coma (;).
Se pueden incluir comentarios:
En una línea se escribe / / (diagonal doble)
En varias líneas se escribe /* comentario */
LOS EFECTOS QUE SE
CONSIGUEN EN JAVASCRIPT
LOS EFECTOS QUE SE
CONSIGUEN EN JAVASCRIPT
PRIMERA PÁGINA WEB
EN JAVASCRIPT
Continúa esta lección…
LOGRAREMOS LLEGAR A LA
META DEL APRENDIZAJE
