Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

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

    Cargado por

    Ángela Gómez Merino
    8 vistas32 páginas

    Título original

    Untitled

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    PPTX, PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento

    Copyright:

    © All Rights Reserved
    Descargue como PPTX, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    8 vistas32 páginas

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

    Cargado por

    Ángela Gómez Merino

    Copyright:

    © All Rights Reserved
    Descargue como PPTX, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 32

    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

    También podría gustarte