NOMBRE:
 JavaScript es un lenguaje de scripting
  basado en objetos
 La alianza hizo que Javascript se diseño
  como un hermano pequeño de Java,
  solamente útil dentro de las páginas web
  y mucho más fácil de utilizar, de modo
  que cualquier persona, sin conocimientos
  de programación pudiese adentrase en
  el lenguaje y utilizarlo a sus anchas
java                      javascript

    Compilador. Para                Javascript no es un
   programar en Java          lenguaje que necesite que
  necesitamos un Kit de              sus programas se
     desarrollo y un          compilen, sino que éstos se
      compilador.               interpretan por parte del
                                navegador cuando éste
                                      lee la página.




  Orientado a objetos.           Orientado a objetos
 . Java es un lenguaje de     Javascript no es orientado
programación orientado a         a objetos, esto quiere
          objetos                decir que podremos
                               programar sin necesidad
                                    de crear clases
Efectos Rápidos
  <script>
   window.open("http://www.google.com","","width=550,height=42
   0,menubar=no"/
   http://www.google.com","","width=550,height=420,menubar=no"
   )
</script>
 Un mensaje de bienvenida Podemos mostrar una caja de texto
   emergente al terminarse de cargar la portada de nuestro sitio
   web, que podría dar la bienvenida a los visitantes. <script>
   window.alert("Bienvenido a mi sitio web. Gracias...") </script>
Lenguaje de java script

                                      PAGINAS
   JAVASCRIPT         HTML
                                        WEB




 Para que estos dos lenguajes se puedan
  mezclar sin problemas se han de incluir unos
  delimitadores que separan las etiquetas
  HTML de las instrucciones Javascript. Estos
  delimitadores son las etiquetas
 <SCRIPT> y </SCRIPT>
¿QUE ES UNA VARIABLE?
  Es un espacio donde podemos guardar
  cualquier tipo de información que
  necesitemos para realizar las acciones de
  nuestros programas.
 Sumando1 = 23 sumando2 = 33 suma =
  sumando1 + sumando2 En este ejemplo
  tenemos tres variables, sumando1,
  sumando2 y suma, donde guardamos el
  resultado.
Ámbito de las variables
 Variable   global; Las variables globales son
 accesibles desde cualquier lugar de la página, es
 decir, desde el script donde se han declarado y
 todos los demás scripts de la página, incluidos los
 manejadores de eventos.
 Variable   local; sólo podremos acceder a ellas
 dentro del lugar donde se ha declarado, es decir,
 si la habíamos declarado en una función solo
 podremos acceder a ella cuando estemos en esa
 función.
Tipo numérico
• Base 10 ;es el sistema que utilizamos habitualmente
• Base 8 , Para escribir un número en octal basta con escribir ese
  número precedido de un0, por ejemplo 045
• Base 16 ; los comprendidos entre el 0 y el 9 y las letras de la A a la F



Tipo booleano
• . Se utiliza para realizar operaciones lógicas, generalmente para
  realizar acciones si el contenido de una variable es verdadero o falso




Caracteres de escape
• Hay una serie de caracteres especiales que sirven para expresar en
  una cadena de texto determinados controles como puede ser un
  salto de línea o un tabulador
Operadores Javascript I
 Éstos sirven para hacer los cálculos y operaciones necesarios para llevar a cabo sus objetivos. Un
       programa que no realiza operaciones solo se puede limitar a hacer siempre lo mismo,




                             Operadores Javascript II
Javascript sólo tiene un operador para cadenas se pueden realizar otras acciones con una serie de
                                     funciones predefinidas .




                            Operadores Javascript III
  Estos son muy poco corrientes y es posible que nunca los llegues a utilizar. Su uso se realiza para
       efectuar operaciones con ceros y unos, a decir verdad es prácticamente innecesario.
Toma de
 decisiones
     If
   switch




Estructura
    de
 control




   Bucles
    For
   while
  do while
Estructura IF en Javascript

   IF es una estructura de control utilizada para tomar
    decisiones. Es un condicional que realiza
   unas u otras operaciones en función de una expresión.
   Opcionalmente se pueden indicar acciones a realizar en
    caso de que la evaluación de la
   sentencia de resultados negativos.
   if (expresión) {
   acciones a realizar en caso positivo
   ...
   } else {
   acciones a realizar en caso negativo
   ...
   }
Estructura SWITCH

   Es la otra expresión disponible en Javascript para tomar decisiones en función
    de distintosestados de las variables. Esta expresión se utiliza cuando tenemos
    múltiples posibilidades como resultado de la evaluación de una sentencia .
    La estructura SWITCH se incorporó a partir de la versión 1.2 de Javascript
    (Netscape 4 eI nternet Explorer 4). Su sintaxis es la siguiente.
   switch (expersión) {
   case valor1:
   Sentencias a ejecutar si la expresión tiene como valor a valor1
   break
   case valor2:
   Sentencias a ejecutar si la expresión tiene como valor a valor2
   break
   case valor3:
   Sentencias a ejecutar si la expresión tiene como valor a valor3
   break
   default:
   Sentencias a ejecutar si el valor no es ninguno de los anteriores
   }
   Bucle FOR
   El bucle FOR se utiliza para repetir mas instrucciones un
    determinado número de veces. De entre todos los bucles,
    el FOR se suele utilizar cuando sabemos seguro el número
    de veces que queremos que se ejecute la sentencia.
   Bucles WHILE y DO WHILE
   Veamos ahora los dos tipos de bucles WHILE que podemos
    utilizar en Javascript y los usos de cada uno.
   Bucle WHILE
   Estos bucles se utilizan cuando queremos repetir la
    ejecución de unas sentencias un número indefinido de
    veces, siempre que se cumpla una condición. Se más
    sencillo de comprender que el bucle FOR, pues no
    incorpora en la misma línea la inicialización de las variables
    su condición para seguir ejecutándose y su actualización.
    Sólo se indica, como veremos a continuación,
   la condición que se tiene que cumplir para que se realice
    una interación.while (condición){sentencias a ejecutar
   }
Bucle DO...WHILE

   Es el último de los bucles que hay en Javascript.
    Se utiliza generalmente cuando no sabemos
    cuantas veces se habrá de ejecutar el bucle,
    igual que el bucle WHILE, con la diferencia de que
    sabemos seguro que el bucle por lo menos se
    ejecutará una vez.
   La sintaxis es la siguiente.do {sentencias del bucle}
    while (condición)El bucle se ejecuta siempre una
    vez y al final se evalúa la condición
 Algunos procesos se pueden agrupar en
 una función, definida para que no
 tengamos que repetir una y otra vez ese
 código en nuestros scripts, sino que
 simplemente llamamos a la función y ella
 se encarga de hacer todo lo que debe .
 Así que podemos ver una función como
 una serie de instrucciones que
 englobamos dentro de un mismo
 proceso.
Errores en javascript




   Cuando llamamos a
   una función que no
    ha sido definida.
Depurar errores javascript
 Cualquierprograma es susceptible de
 contener errores. javascript nos informará
 de muchos delos errores de la página: los
 que tienen relación con la sintaxis y los
 que tienen lugar en el momento de la
 ejecución de los scripts a causa de
 equivocarnos al escribir el nombre de una
 función o una variable.
Escribe el
                   código
                 ordenado y
                  todo será
                 más sencillo




                 Consejos
               para escribir
                  código
                Javascript
                                Conserva la
Un límite de                       sintaxis y
longitud de                     estructura de
  línea (80                       tu código
caracteres)                         limpia y
                                 ordenada

RESUMEN DE JAVASCRIPT

  • 1.
  • 2.
     JavaScript esun lenguaje de scripting basado en objetos  La alianza hizo que Javascript se diseño como un hermano pequeño de Java, solamente útil dentro de las páginas web y mucho más fácil de utilizar, de modo que cualquier persona, sin conocimientos de programación pudiese adentrase en el lenguaje y utilizarlo a sus anchas
  • 3.
    java javascript Compilador. Para Javascript no es un programar en Java lenguaje que necesite que necesitamos un Kit de sus programas se desarrollo y un compilen, sino que éstos se compilador. interpretan por parte del navegador cuando éste lee la página. Orientado a objetos. Orientado a objetos . Java es un lenguaje de Javascript no es orientado programación orientado a a objetos, esto quiere objetos decir que podremos programar sin necesidad de crear clases
  • 4.
    Efectos Rápidos  <script> window.open("http://www.google.com","","width=550,height=42 0,menubar=no"/ http://www.google.com","","width=550,height=420,menubar=no" ) </script>  Un mensaje de bienvenida Podemos mostrar una caja de texto emergente al terminarse de cargar la portada de nuestro sitio web, que podría dar la bienvenida a los visitantes. <script> window.alert("Bienvenido a mi sitio web. Gracias...") </script>
  • 5.
    Lenguaje de javascript PAGINAS JAVASCRIPT HTML WEB  Para que estos dos lenguajes se puedan mezclar sin problemas se han de incluir unos delimitadores que separan las etiquetas HTML de las instrucciones Javascript. Estos delimitadores son las etiquetas  <SCRIPT> y </SCRIPT>
  • 6.
    ¿QUE ES UNAVARIABLE?  Es un espacio donde podemos guardar cualquier tipo de información que necesitemos para realizar las acciones de nuestros programas.  Sumando1 = 23 sumando2 = 33 suma = sumando1 + sumando2 En este ejemplo tenemos tres variables, sumando1, sumando2 y suma, donde guardamos el resultado.
  • 7.
    Ámbito de lasvariables  Variable global; Las variables globales son accesibles desde cualquier lugar de la página, es decir, desde el script donde se han declarado y todos los demás scripts de la página, incluidos los manejadores de eventos.  Variable local; sólo podremos acceder a ellas dentro del lugar donde se ha declarado, es decir, si la habíamos declarado en una función solo podremos acceder a ella cuando estemos en esa función.
  • 8.
    Tipo numérico • Base10 ;es el sistema que utilizamos habitualmente • Base 8 , Para escribir un número en octal basta con escribir ese número precedido de un0, por ejemplo 045 • Base 16 ; los comprendidos entre el 0 y el 9 y las letras de la A a la F Tipo booleano • . Se utiliza para realizar operaciones lógicas, generalmente para realizar acciones si el contenido de una variable es verdadero o falso Caracteres de escape • Hay una serie de caracteres especiales que sirven para expresar en una cadena de texto determinados controles como puede ser un salto de línea o un tabulador
  • 9.
    Operadores Javascript I Éstos sirven para hacer los cálculos y operaciones necesarios para llevar a cabo sus objetivos. Un programa que no realiza operaciones solo se puede limitar a hacer siempre lo mismo, Operadores Javascript II Javascript sólo tiene un operador para cadenas se pueden realizar otras acciones con una serie de funciones predefinidas . Operadores Javascript III Estos son muy poco corrientes y es posible que nunca los llegues a utilizar. Su uso se realiza para efectuar operaciones con ceros y unos, a decir verdad es prácticamente innecesario.
  • 10.
    Toma de decisiones If switch Estructura de control Bucles For while do while
  • 11.
    Estructura IF enJavascript  IF es una estructura de control utilizada para tomar decisiones. Es un condicional que realiza  unas u otras operaciones en función de una expresión.  Opcionalmente se pueden indicar acciones a realizar en caso de que la evaluación de la  sentencia de resultados negativos.  if (expresión) {  acciones a realizar en caso positivo  ...  } else {  acciones a realizar en caso negativo  ...  }
  • 12.
    Estructura SWITCH  Es la otra expresión disponible en Javascript para tomar decisiones en función de distintosestados de las variables. Esta expresión se utiliza cuando tenemos múltiples posibilidades como resultado de la evaluación de una sentencia . La estructura SWITCH se incorporó a partir de la versión 1.2 de Javascript (Netscape 4 eI nternet Explorer 4). Su sintaxis es la siguiente.  switch (expersión) {  case valor1:  Sentencias a ejecutar si la expresión tiene como valor a valor1  break  case valor2:  Sentencias a ejecutar si la expresión tiene como valor a valor2  break  case valor3:  Sentencias a ejecutar si la expresión tiene como valor a valor3  break  default:  Sentencias a ejecutar si el valor no es ninguno de los anteriores  }
  • 13.
    Bucle FOR  El bucle FOR se utiliza para repetir mas instrucciones un determinado número de veces. De entre todos los bucles, el FOR se suele utilizar cuando sabemos seguro el número de veces que queremos que se ejecute la sentencia.  Bucles WHILE y DO WHILE  Veamos ahora los dos tipos de bucles WHILE que podemos utilizar en Javascript y los usos de cada uno.  Bucle WHILE  Estos bucles se utilizan cuando queremos repetir la ejecución de unas sentencias un número indefinido de veces, siempre que se cumpla una condición. Se más sencillo de comprender que el bucle FOR, pues no incorpora en la misma línea la inicialización de las variables su condición para seguir ejecutándose y su actualización. Sólo se indica, como veremos a continuación,  la condición que se tiene que cumplir para que se realice una interación.while (condición){sentencias a ejecutar  }
  • 14.
    Bucle DO...WHILE  Es el último de los bucles que hay en Javascript. Se utiliza generalmente cuando no sabemos cuantas veces se habrá de ejecutar el bucle, igual que el bucle WHILE, con la diferencia de que sabemos seguro que el bucle por lo menos se ejecutará una vez.  La sintaxis es la siguiente.do {sentencias del bucle} while (condición)El bucle se ejecuta siempre una vez y al final se evalúa la condición
  • 15.
     Algunos procesosse pueden agrupar en una función, definida para que no tengamos que repetir una y otra vez ese código en nuestros scripts, sino que simplemente llamamos a la función y ella se encarga de hacer todo lo que debe . Así que podemos ver una función como una serie de instrucciones que englobamos dentro de un mismo proceso.
  • 16.
    Errores en javascript Cuando llamamos a una función que no ha sido definida.
  • 17.
    Depurar errores javascript Cualquierprograma es susceptible de contener errores. javascript nos informará de muchos delos errores de la página: los que tienen relación con la sintaxis y los que tienen lugar en el momento de la ejecución de los scripts a causa de equivocarnos al escribir el nombre de una función o una variable.
  • 18.
    Escribe el código ordenado y todo será más sencillo Consejos para escribir código Javascript Conserva la Un límite de sintaxis y longitud de estructura de línea (80 tu código caracteres) limpia y ordenada