Ut4 Javascript: CFGM SMR - Aplicaciones Web D. Jesús García Galiana

UT4 JAVASCRIPT
CFGM SMR – APLICACIONES WEB

D. Jesús García Galiana
ÍNDICE
 1. INTRODUCCIÓN
 2. HISTORIA
 3. ENTORNO DE TRABAJO Y PLUGINS
 4. INSERTAR SCRIPT EN HTML
1.INTRODUCCIÓN
 No confundir JAVASCRIPT con JAVA
 Los desarrolló Sun Microsystems a ambos (compraron LiveScript y le cambiaron el
nombre aprovechando el tirón que tenía Java)
 Lenguaje de programación del lado del cliente

 Aunque existe una versión llamada NODE.JS que se puede ejecutar también en el
lado servidor
 Se pueden crear efectos y animaciones cuando sucede algún evento

 Pulsar un botón
 Pasar el ratón por encima
1.INTRODUCCIÓN
 Se suele usar para detectar errores en formularios
 Aunque ya HTML5 tiene validación de serie como vimos
 Se puede usar para SLIDERS (librería más usada de la historia JQUERY)
 Cálculos matemáticos de forma eficiente
 Google ANALYTICS, Facebook y otras usan Javascript en sus webs
 Existe una tecnología llamada AJAX que está desarrollada en Javascript muy
famosa y que se estudia en el CFGS DAW (2º curso, módulo Programación del
lado cliente)
1.INTRODUCCIÓN
 Está en el TOP5 de lenguajes de programación más usados:

1.INTRODUCCIÓN
 Permite la programación orientada a objetos
 Es un paradigma bastante complicado de ver en un CFGM con lo que tan sólo
interesa conocer algún ejemplito sencillo
2.HISTORIA
 En los 90 la web iba superlenta pero iba, había un problema
con los formularios ya que el usuario enviaba al servidor, este
lo procesaba y finalmente se perdía la información incorrecta.
 Se consigue hacer una validación de los datos antes de enviar

al servidor con lo que se evita la pérdida de información.
 Sun Microsystems compra Netscape, propietaria de LiveScript

y le cambia el nombre aunque no tiene nada que ver (fines de
marketing)
2.HISTORIA
 Internet Explorer en 1997 introduce el Javascript y lo
aplica a juegos, mejorar la user experience, facilitar
tareas.
 Surgen librerías como JQuery que permitía programar

JavaScript más fácilmente y compatible con todos los
browsers
 Poco a poco los navegadores estandarizan el uso de

JavaScript
3. ENTORNO DE TRABAJO Y PLUGINS
 Instalar plugins:
 VSCODE-ICONS
 JAVASCRIPT ES6 CODE SINPPETS

 LIVE SERVER
4. INSERTAR SCRIPTS EN HTML
 Etiqueta <script>
 Puede colocarse en <head> y en el <body>
 Se utiliza el paradigma de la programación orientada a

eventos
5. EVENTOS
 Se utiliza el paradigma de la programación orientada a
eventos
 Se puede agrupar el código en funciones para hacerlo más

reutilizable y entendible
6. DOM HTML
 Los navegadores crean un Modelo al cargar una web
 Graciasal DOM, JavaScript puede moverse por la web y

hacer modificaciones sobre los elementos HTML
 Laspropiedades DOM son los valores que los elementos

HTML que pueden cambiar
6. DOM HTML
6. DOM HTML
 Métodos para encontrar elementos HTML
6. DOM HTML
 Métodos para modificar elementos HTML
6. DOM HTML
 Métodos para añadir y eliminar elementos HTML
6. DOM HTML
 Métodos para añadir y eliminar elementos HTML
7. SINTAXIS
 Conjunto de reglas para construir un programa
 Programa  instrucciones que ejecuta un ordenador
 Esa instrucciones están escritas en un determinado

lenguaje de programación, en nuestro caso JavaScript
 Finalizan por ;
7. SINTAXIS
 Sentencias
 Valores
 Operadores
 Expresiones
 Palabras reservadas para el lenguaje

 Comentarios
7. SINTAXIS
 Sentencias
 Valores
 Literales
 Numéricos y Cadenas
 Variables
 Usadas para almacenar datos
 Se declaran con var
 Con el = se le asigna valor
7. SINTAXIS
 Sentencias
 Valores
 Variables
 Pueden ser de muchos tipos de datos
 Numéricos
 Cadenas
 Arrays
 Objetos
 Booleanos
7. SINTAXIS
 Sentencias
 Valores
 Variables
 Existen unos valores de escape en las cadenas especiales
7. SINTAXIS
 Sentencias
 Operadores
 Símbolos para manipular los valores
 Se utilizan los operadores aritméticos matemáticos

7. SINTAXIS
 Sentencias
 Operadores
 También existen otros tipos de operadores:

 ASIGNACIÓN
7. SINTAXIS
 Sentencias
 Operadores
 También existen otros tipos de operadores:

 LÓGICOS Y COMPARATIVOS
7. SINTAXIS
 Sentencias
 Expresiones
 Cuando combinamos valores, variables y operadores para hacer

algún cálculo
7. SINTAXIS
 Sentencias
 Palabras reservadas del lenguaje
 JavaScript tiene palabras para un uso específico que no pueden
ser usadas
 Por ejemplo: 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
 Comentarios
 // para comentar 1 línea

 /* */ para comentar más de 1 línea
 El navegador ignora lo que esté comentado, sirve para que el
programador entienda el programa y sea más reutilizable
7. SINTAXIS
 El nombre de los identificadores de las variables
empieza por
 _
 $
 Letras
 Dígito
 JavaScript es CASE SENSITIVE

8. PROGRAMA EN JAVASCRIPT
 Un programa en JavaScript tiene varias instrucciones
 Se ejecutan en orden, una detrás de otra
 Esbuena idea organizar bloques de código y ponerles

un nombre  función
9. OBJETOS EN JAVASCRIPT
 Existe un paradigma muy famoso en programación, la
orientación a objetos
 Esbastante complejo explicar este concepto sin

nociones previas de programación por tanto tan sólo se
desea que se conozca el concepto
10. CONDIONALES EN JAVASCRIPT
 If
 Else
 Else if
 Switch
 Graciasa estas instrucciones se puede bifurcar un

problema
11. BUCLES EN JAVASCRIPT
 Muy útiles para repetir el mismo código varias veces
 Se usan mucho con arrays
 for
 while
 do while

Ut4 Javascript: CFGM SMR - Aplicaciones Web D. Jesús García Galiana

Cargado por

Copyright:

Formatos disponibles

Ut4 Javascript: CFGM SMR - Aplicaciones Web D. Jesús García Galiana

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Ut4 Javascript: CFGM SMR - Aplicaciones Web D. Jesús García Galiana

Cargado por

Copyright:

Formatos disponibles

UT4 JAVASCRIPT

CFGM SMR – APLICACIONES WEB

 Lenguaje de programación del lado del cliente

 Se pueden crear efectos y animaciones cuando sucede algún evento

 Se puede usar para SLIDERS (librería más usada de la historia JQUERY)

 Cálculos matemáticos de forma eficiente

 Google ANALYTICS, Facebook y otras usan Javascript en sus webs

 Se consigue hacer una validación de los datos antes de enviar

 Sun Microsystems compra Netscape, propietaria de LiveScript

 Surgen librerías como JQuery que permitía programar

 Poco a poco los navegadores estandarizan el uso de

 JAVASCRIPT ES6 CODE SINPPETS

 Puede colocarse en <head> y en el <body>

 Se utiliza el paradigma de la programación orientada a

 Se puede agrupar el código en funciones para hacerlo más

 Graciasal DOM, JavaScript puede moverse por la web y

 Laspropiedades DOM son los valores que los elementos

 Programa  instrucciones que ejecuta un ordenador

 Esa instrucciones están escritas en un determinado

 Palabras reservadas para el lenguaje

 Símbolos para manipular los valores

 Se utilizan los operadores aritméticos matemáticos

 También existen otros tipos de operadores:

 También existen otros tipos de operadores:

 Cuando combinamos valores, variables y operadores para hacer

 // para comentar 1 línea

 JavaScript es CASE SENSITIVE

 Se ejecutan en orden, una detrás de otra

 Esbuena idea organizar bloques de código y ponerles

 Esbastante complejo explicar este concepto sin

 Graciasa estas instrucciones se puede bifurcar un

 Se usan mucho con arrays

También podría gustarte