SlideShare una empresa de Scribd logo
LENGUAJE
JAVASCRIPT
Alumna. Xochitl Andrea Flores Morales
Grupo. 608
Identificación del lenguaje
javascript
 El lenguaje JavaScript se inserta en documentos HTML, de forma
que su código queda reflejado en la propia página y no es llamado
o cargado de ninguna fuente externa (por ejemplo un archivo). Se
trata de un lenguaje interpretado puro (ni compilación, ni
generación de intermedios codificados de ningún tipo) y sensible a
mayúsculas, aunque algunas implementaciones ignoran en parte
este último extremo.
 Todo el código de JavaScript debe explicitarse en la página HTML
según el formato:
Estructura básica de javascript
 < html >
 < head >
 < script language= "javascript" >
 < !--
alert ("Mi primer programa en Javascript"); //alert
es una función para mostrar en pantalla un
mensaje//-- >
 < / script >
 < / head >

< body >
 < / body >< / html >
Variables de javascript
 En Javascript las variables se crean con la declaración var,
atribuyéndole incluso ningún valor, o simplemente en el acto
de asignación de un valor (por ejemplo, x=15 crea
automáticamente una variable numérica). La
declaraciónvar en más variables se debe repetir para cada
una, o bien debe efectuarse con una interrupción de línea:
 var micarácter,
mivariable;
 Las variables que se declaran y se inicializan sin darles un
particular valor reciben el valor null. Este valor puede
parecer poco importante, pero se vuelve esencial si se quiere
verificar la subida en memoria de una variable. Por ejemplo,
si se declara una variable
 var Verifica=null;
 si se utiliza el comando
 if(Verifica != null) alert("No he sido utilizada");
Variable condicional
 Por medio de if se puede indicar una
condición que, de cumplirse, permite la
ejecución de uno o más enunciados. Por
medio de else se puede establecer una
alternativa, aunque su uso es opcional.
 La sintaxis de esta estructura es la siguiente:
 if(condición){ …enunciados a ejecutar si se
cumple la condición… } else { …enunciados a
ejecutar si NO se cumple la condición… }
Bucles
 Un bucle for nos permite repetir un bloque de código según
unas condiciones concretas, siempre que estas sean
verdaderas. Un bucle for tiene tres partes:
 inicialización: en esta parte, debemos indicar las variables
que vamos a usar en la condición. Lo más habitual es
declarar variables numéricas, pero pueden ser perfectamente
cadenas de caracteres, booleanos u objetos.
 condición: una o varias condiciones (unidas por operadores
lógicos), que deciden el número de iteraciones del bucle.
 operación: una expresión que normalmente (aunque no es
imprescindible) modificará las variables definidas en la
primera parte.
 Un ejemplo simple de bucle for sería:
 for (x = 1; x < 10; x++) { document.write("El número es " + x
+ "<br>"); }
Operadores aritmticos
 El primer operador que hay que conocer es
eloperador de asignación cuyo signo es el
igual (=). Su uso en Javascript es similar al
que tiene en C y distinto del que posee en
matemáticas porque sirve para asignar un
valor y no a establecer relaciones de
igualdad. Para esto último existe otro
operador (= =). Con el uso del operador de
asignación se crea como una fotocopia del
valor de la expresión que queda a la derecha
del operador en el lado de la izquierda del
operador.
 Los operadores aritméticos son binarios o
unitarios. Los operadores unitarios modifican el
valor al que se aplican y son:
 Los operadores binarios matemáticos no
cambian el valor de los operandos, sino que
memorizan el resultado en un tercer
operando. Incluyen las principales operaciones
aritméticas:
Operadores e comparación
Elementos fundamentales de
JavaScript
 avaScript es un lenguaje de scripting interpretado
basado en objetos.
 El lenguaje JavaScript utiliza una sintaxis
parecida a la de C y admite construcciones
estructuradas, como if...else, for y do...while. Se
utilizan llaves ({}) para delimitar los bloques de
instrucciones. El lenguaje admite varios tipos de
datos,
como String, Number, Boolean, Object y Array.
Admite las características de fecha mejoradas, las
funciones trigonométricas y las expresiones
regulares.

Más contenido relacionado

La actualidad más candente

Javascript Módulo 5 - javascript sentencia, expresión, variable, función - Un...
Javascript Módulo 5 - javascript sentencia, expresión, variable, función - Un...Javascript Módulo 5 - javascript sentencia, expresión, variable, función - Un...
Javascript Módulo 5 - javascript sentencia, expresión, variable, función - Un...David Zapateria Besteiro
 
Javascript - Módulo 8: LocalStorage, iFrames, Origin policy y JSON
Javascript - Módulo 8: LocalStorage, iFrames, Origin policy y JSONJavascript - Módulo 8: LocalStorage, iFrames, Origin policy y JSON
Javascript - Módulo 8: LocalStorage, iFrames, Origin policy y JSONDavid Zapateria Besteiro
 
Javascript Módulo 5 - Bucles, Arrays. Funciones como objectos. Ámbitos. Cierr...
Javascript Módulo 5 - Bucles, Arrays. Funciones como objectos. Ámbitos. Cierr...Javascript Módulo 5 - Bucles, Arrays. Funciones como objectos. Ámbitos. Cierr...
Javascript Módulo 5 - Bucles, Arrays. Funciones como objectos. Ámbitos. Cierr...David Zapateria Besteiro
 
Javascript Módulo 7 - PROFUNDIZACIÓN EN ARRAYS, OBJETOS, PROPIEDADES, MÉTODOS...
Javascript Módulo 7 - PROFUNDIZACIÓN EN ARRAYS, OBJETOS, PROPIEDADES, MÉTODOS...Javascript Módulo 7 - PROFUNDIZACIÓN EN ARRAYS, OBJETOS, PROPIEDADES, MÉTODOS...
Javascript Módulo 7 - PROFUNDIZACIÓN EN ARRAYS, OBJETOS, PROPIEDADES, MÉTODOS...David Zapateria Besteiro
 
Estructuras sintácticas de los lenguaje
Estructuras sintácticas de los lenguajeEstructuras sintácticas de los lenguaje
Estructuras sintácticas de los lenguajeMaru Ostos
 
Tipos de Variables en Java
Tipos de Variables en JavaTipos de Variables en Java
Tipos de Variables en JavaAldemar Rosas
 

La actualidad más candente (19)

JAVA ORIENTADO A OBJETOS - HERENCIA
JAVA ORIENTADO A OBJETOS - HERENCIAJAVA ORIENTADO A OBJETOS - HERENCIA
JAVA ORIENTADO A OBJETOS - HERENCIA
 
JAVA ORIENTADO A OBJETOS - INTERFACES
JAVA ORIENTADO A OBJETOS - INTERFACESJAVA ORIENTADO A OBJETOS - INTERFACES
JAVA ORIENTADO A OBJETOS - INTERFACES
 
Javascript Módulo 5 - javascript sentencia, expresión, variable, función - Un...
Javascript Módulo 5 - javascript sentencia, expresión, variable, función - Un...Javascript Módulo 5 - javascript sentencia, expresión, variable, función - Un...
Javascript Módulo 5 - javascript sentencia, expresión, variable, función - Un...
 
JAVA ORIENTADO A OBJETOS - CLASES Y OBJETOS
JAVA ORIENTADO A OBJETOS - CLASES Y OBJETOSJAVA ORIENTADO A OBJETOS - CLASES Y OBJETOS
JAVA ORIENTADO A OBJETOS - CLASES Y OBJETOS
 
Javascript - Módulo 8: LocalStorage, iFrames, Origin policy y JSON
Javascript - Módulo 8: LocalStorage, iFrames, Origin policy y JSONJavascript - Módulo 8: LocalStorage, iFrames, Origin policy y JSON
Javascript - Módulo 8: LocalStorage, iFrames, Origin policy y JSON
 
Semana 5 Java Swing
Semana 5   Java SwingSemana 5   Java Swing
Semana 5 Java Swing
 
Javascript Módulo 5 - Bucles, Arrays. Funciones como objectos. Ámbitos. Cierr...
Javascript Módulo 5 - Bucles, Arrays. Funciones como objectos. Ámbitos. Cierr...Javascript Módulo 5 - Bucles, Arrays. Funciones como objectos. Ámbitos. Cierr...
Javascript Módulo 5 - Bucles, Arrays. Funciones como objectos. Ámbitos. Cierr...
 
Mod2ud2 1
Mod2ud2 1Mod2ud2 1
Mod2ud2 1
 
Javascript Módulo 7 - PROFUNDIZACIÓN EN ARRAYS, OBJETOS, PROPIEDADES, MÉTODOS...
Javascript Módulo 7 - PROFUNDIZACIÓN EN ARRAYS, OBJETOS, PROPIEDADES, MÉTODOS...Javascript Módulo 7 - PROFUNDIZACIÓN EN ARRAYS, OBJETOS, PROPIEDADES, MÉTODOS...
Javascript Módulo 7 - PROFUNDIZACIÓN EN ARRAYS, OBJETOS, PROPIEDADES, MÉTODOS...
 
Taller completo
Taller completoTaller completo
Taller completo
 
JAVA ORIENTADO A OBJETOS - SOBRECARGA
JAVA ORIENTADO A OBJETOS - SOBRECARGAJAVA ORIENTADO A OBJETOS - SOBRECARGA
JAVA ORIENTADO A OBJETOS - SOBRECARGA
 
JAVA ORIENTADO A OBJETOS - ALCANCE DE CLASE
JAVA ORIENTADO A OBJETOS - ALCANCE DE CLASEJAVA ORIENTADO A OBJETOS - ALCANCE DE CLASE
JAVA ORIENTADO A OBJETOS - ALCANCE DE CLASE
 
Semana 6 Módulos en Python Entrega 2
Semana 6   Módulos en Python Entrega 2Semana 6   Módulos en Python Entrega 2
Semana 6 Módulos en Python Entrega 2
 
Estructuras sintácticas de los lenguaje
Estructuras sintácticas de los lenguajeEstructuras sintácticas de los lenguaje
Estructuras sintácticas de los lenguaje
 
Javascript OOP
Javascript OOPJavascript OOP
Javascript OOP
 
C sharp intro1
C sharp intro1C sharp intro1
C sharp intro1
 
Calse 3 JAVA 2012
Calse 3 JAVA 2012Calse 3 JAVA 2012
Calse 3 JAVA 2012
 
Tipos de Variables en Java
Tipos de Variables en JavaTipos de Variables en Java
Tipos de Variables en Java
 
Unidad 3: Herencia Ejercicio 1
Unidad 3: Herencia Ejercicio 1Unidad 3: Herencia Ejercicio 1
Unidad 3: Herencia Ejercicio 1
 

Similar a Lenguaje javascript

Similar a Lenguaje javascript (20)

Presentación JavaScript
Presentación JavaScriptPresentación JavaScript
Presentación JavaScript
 
C++
C++C++
C++
 
JavaScript.pptx
JavaScript.pptxJavaScript.pptx
JavaScript.pptx
 
Instrucciones C++
Instrucciones C++Instrucciones C++
Instrucciones C++
 
dokumen.tips_introduccion-javascript-javascript-introduccion-a-javascript.pptx
dokumen.tips_introduccion-javascript-javascript-introduccion-a-javascript.pptxdokumen.tips_introduccion-javascript-javascript-introduccion-a-javascript.pptx
dokumen.tips_introduccion-javascript-javascript-introduccion-a-javascript.pptx
 
Presentación introducción a Matlab y su estructura
Presentación introducción a Matlab y su estructuraPresentación introducción a Matlab y su estructura
Presentación introducción a Matlab y su estructura
 
Javascript
JavascriptJavascript
Javascript
 
ESTRUCTURA DE CONTROLYoselyn garcia trabajo
ESTRUCTURA DE CONTROLYoselyn garcia trabajoESTRUCTURA DE CONTROLYoselyn garcia trabajo
ESTRUCTURA DE CONTROLYoselyn garcia trabajo
 
Java script(diapositivas)
Java script(diapositivas) Java script(diapositivas)
Java script(diapositivas)
 
Lenguaje de programacion
Lenguaje de programacionLenguaje de programacion
Lenguaje de programacion
 
Lenguaje c
Lenguaje cLenguaje c
Lenguaje c
 
Mod2ud1 2
Mod2ud1 2Mod2ud1 2
Mod2ud1 2
 
Wilfreddy barco
Wilfreddy barcoWilfreddy barco
Wilfreddy barco
 
Java Script BáSico Ajax
Java Script BáSico AjaxJava Script BáSico Ajax
Java Script BáSico Ajax
 
Comenzando a programar
Comenzando a programarComenzando a programar
Comenzando a programar
 
Javascript
JavascriptJavascript
Javascript
 
Javascript
JavascriptJavascript
Javascript
 
Javascript
JavascriptJavascript
Javascript
 
Javascript
JavascriptJavascript
Javascript
 
Javascript
JavascriptJavascript
Javascript
 

Más de Xoch Flores

2.2 configuración del entorno de trabajo de la base de datos en web
2.2 configuración del entorno de trabajo de la base de datos en web2.2 configuración del entorno de trabajo de la base de datos en web
2.2 configuración del entorno de trabajo de la base de datos en webXoch Flores
 
Identificación del lenguaje css
Identificación del lenguaje cssIdentificación del lenguaje css
Identificación del lenguaje cssXoch Flores
 
Uso de las normas requeridas en la incorporación
Uso de las normas requeridas en la incorporaciónUso de las normas requeridas en la incorporación
Uso de las normas requeridas en la incorporaciónXoch Flores
 
Identificación de las normas mínimas para facilitar
Identificación de las normas mínimas para facilitarIdentificación de las normas mínimas para facilitar
Identificación de las normas mínimas para facilitarXoch Flores
 
Diferentes lenguajes de programación web
Diferentes lenguajes de programación webDiferentes lenguajes de programación web
Diferentes lenguajes de programación webXoch Flores
 
Los sistemas de navegación
Los sistemas de navegaciónLos sistemas de navegación
Los sistemas de navegaciónXoch Flores
 
Determinación de la información del sitio web
Determinación de la información del sitio webDeterminación de la información del sitio web
Determinación de la información del sitio webXoch Flores
 
Determinación de la información del sitio web
Determinación de la información del sitio webDeterminación de la información del sitio web
Determinación de la información del sitio webXoch Flores
 
Etiquetas de xhtml ñ.ñ
Etiquetas de xhtml ñ.ñEtiquetas de xhtml ñ.ñ
Etiquetas de xhtml ñ.ñXoch Flores
 
Etiquetas de xhtml
Etiquetas de xhtmlEtiquetas de xhtml
Etiquetas de xhtmlXoch Flores
 

Más de Xoch Flores (11)

2.2 configuración del entorno de trabajo de la base de datos en web
2.2 configuración del entorno de trabajo de la base de datos en web2.2 configuración del entorno de trabajo de la base de datos en web
2.2 configuración del entorno de trabajo de la base de datos en web
 
Identificación del lenguaje css
Identificación del lenguaje cssIdentificación del lenguaje css
Identificación del lenguaje css
 
Box model
Box modelBox model
Box model
 
Uso de las normas requeridas en la incorporación
Uso de las normas requeridas en la incorporaciónUso de las normas requeridas en la incorporación
Uso de las normas requeridas en la incorporación
 
Identificación de las normas mínimas para facilitar
Identificación de las normas mínimas para facilitarIdentificación de las normas mínimas para facilitar
Identificación de las normas mínimas para facilitar
 
Diferentes lenguajes de programación web
Diferentes lenguajes de programación webDiferentes lenguajes de programación web
Diferentes lenguajes de programación web
 
Los sistemas de navegación
Los sistemas de navegaciónLos sistemas de navegación
Los sistemas de navegación
 
Determinación de la información del sitio web
Determinación de la información del sitio webDeterminación de la información del sitio web
Determinación de la información del sitio web
 
Determinación de la información del sitio web
Determinación de la información del sitio webDeterminación de la información del sitio web
Determinación de la información del sitio web
 
Etiquetas de xhtml ñ.ñ
Etiquetas de xhtml ñ.ñEtiquetas de xhtml ñ.ñ
Etiquetas de xhtml ñ.ñ
 
Etiquetas de xhtml
Etiquetas de xhtmlEtiquetas de xhtml
Etiquetas de xhtml
 

Lenguaje javascript

  • 1. LENGUAJE JAVASCRIPT Alumna. Xochitl Andrea Flores Morales Grupo. 608
  • 2. Identificación del lenguaje javascript  El lenguaje JavaScript se inserta en documentos HTML, de forma que su código queda reflejado en la propia página y no es llamado o cargado de ninguna fuente externa (por ejemplo un archivo). Se trata de un lenguaje interpretado puro (ni compilación, ni generación de intermedios codificados de ningún tipo) y sensible a mayúsculas, aunque algunas implementaciones ignoran en parte este último extremo.  Todo el código de JavaScript debe explicitarse en la página HTML según el formato:
  • 3. Estructura básica de javascript  < html >  < head >  < script language= "javascript" >  < !-- alert ("Mi primer programa en Javascript"); //alert es una función para mostrar en pantalla un mensaje//-- >  < / script >  < / head >  < body >  < / body >< / html >
  • 4. Variables de javascript  En Javascript las variables se crean con la declaración var, atribuyéndole incluso ningún valor, o simplemente en el acto de asignación de un valor (por ejemplo, x=15 crea automáticamente una variable numérica). La declaraciónvar en más variables se debe repetir para cada una, o bien debe efectuarse con una interrupción de línea:  var micarácter, mivariable;  Las variables que se declaran y se inicializan sin darles un particular valor reciben el valor null. Este valor puede parecer poco importante, pero se vuelve esencial si se quiere verificar la subida en memoria de una variable. Por ejemplo, si se declara una variable  var Verifica=null;  si se utiliza el comando  if(Verifica != null) alert("No he sido utilizada");
  • 5. Variable condicional  Por medio de if se puede indicar una condición que, de cumplirse, permite la ejecución de uno o más enunciados. Por medio de else se puede establecer una alternativa, aunque su uso es opcional.  La sintaxis de esta estructura es la siguiente:  if(condición){ …enunciados a ejecutar si se cumple la condición… } else { …enunciados a ejecutar si NO se cumple la condición… }
  • 6. Bucles  Un bucle for nos permite repetir un bloque de código según unas condiciones concretas, siempre que estas sean verdaderas. Un bucle for tiene tres partes:  inicialización: en esta parte, debemos indicar las variables que vamos a usar en la condición. Lo más habitual es declarar variables numéricas, pero pueden ser perfectamente cadenas de caracteres, booleanos u objetos.  condición: una o varias condiciones (unidas por operadores lógicos), que deciden el número de iteraciones del bucle.  operación: una expresión que normalmente (aunque no es imprescindible) modificará las variables definidas en la primera parte.  Un ejemplo simple de bucle for sería:  for (x = 1; x < 10; x++) { document.write("El número es " + x + "<br>"); }
  • 7. Operadores aritmticos  El primer operador que hay que conocer es eloperador de asignación cuyo signo es el igual (=). Su uso en Javascript es similar al que tiene en C y distinto del que posee en matemáticas porque sirve para asignar un valor y no a establecer relaciones de igualdad. Para esto último existe otro operador (= =). Con el uso del operador de asignación se crea como una fotocopia del valor de la expresión que queda a la derecha del operador en el lado de la izquierda del operador.
  • 8.  Los operadores aritméticos son binarios o unitarios. Los operadores unitarios modifican el valor al que se aplican y son:
  • 9.  Los operadores binarios matemáticos no cambian el valor de los operandos, sino que memorizan el resultado en un tercer operando. Incluyen las principales operaciones aritméticas:
  • 11. Elementos fundamentales de JavaScript  avaScript es un lenguaje de scripting interpretado basado en objetos.  El lenguaje JavaScript utiliza una sintaxis parecida a la de C y admite construcciones estructuradas, como if...else, for y do...while. Se utilizan llaves ({}) para delimitar los bloques de instrucciones. El lenguaje admite varios tipos de datos, como String, Number, Boolean, Object y Array. Admite las características de fecha mejoradas, las funciones trigonométricas y las expresiones regulares.