SlideShare una empresa de Scribd logo
• Comentarios de una línea:
// Esto es un comentario de una línea
//
// Hemos dejado una línea en blanco
• Comentarios de varias líneas:
/* Esto es
un comentario
de varias líneas */
• Utilizaciónde comentarios:
• Para que el código sea más claro e informardel uso de las funciones,variables,etc.
• Para desactivarun bloque de código que no queremos que se ejecute.
• Para dejarnuestra información de contacto para que otros desarrolladores contacten con nosotros.
LA U R A F O LG A D O G A LA CH E
2. MANEJO DE LA SINTAXIS DEL LENGUAJE
2.1. COMENTARIOS
• Crearvariables utilizando la palabra reservada “var”:
var edad;
var edad1,edad2,edad3;
• Asignar valora una variable ya creada:
edad = 15;
• Crearvariable y asignar valor:
var edad = 15;
• Utilizaciónde variables:
• Formadas porcaracteres alfanuméricos y_.No se utilizan signos,espacios,%, $, etc.
• No puedenempezarpornúmero,yno suelenempezarpormayúscula.
• No tiene asociado un tipo.Podemos cambiarde número a cadena,a boolean,etc.
LA U R A F O LG A D O G A LA CH E
2. MANEJO DE LA SINTAXIS DEL LENGUAJE
2.2. VARIABLES
• Números:
• Entero: 726
• Decimal: 3.75
• Científico: 3e7 (30000000)
• Octal: va precedido de un 0: 0327
• Hexadecimal: ponemos delante 0x: 0xA3F2.
LA U R A F O LG A D O G A LA CH E
2. MANEJO DE LA SINTAXIS DEL LENGUAJE
2.3. TIPOS DE DATOS
EJERCICIO: u1e1_numeros
• Crea un programa en el que crees 5 variables numéricas (entero, decimal,
científico, octal y hexadecimal).
• A las variables les asignarás los siguientes números: 1357, 1357, 135e7,
01357 y 0x1357.
• Muestra con 5 alerts su valor, escribiendo la siguiente sentencia:
alert (“Número entero” + entero);
§ Comenta el código indicando el nombre del ejercicio y tu nombre en la parte
superior, y los comentarios adicionales que estimes necesarios.
LA U R A F O LG A D O G A LA CH E
2. MANEJO DE LA SINTAXIS DEL LENGUAJE
2.3. TIPOS DE DATOS
• Cadenas:
• “Texto entre comillas”
• “7342”
• “Cadenas” + “concatenadas”
• Utilización de cadenas:
• Salto de línea: n
• Tabulador: t
• Comillas dobles: ”
• Comillas simples: ’
LA U R A F O LG A D O G A LA CH E
2. MANEJO DE LA SINTAXIS DEL LENGUAJE
2.3. TIPOS DE DATOS
EJERCICIO: u1e2_cadenas
• Crea un programa en el que crees 4 variables de tipo cadena con los
siguientes valores: “Hola”, “7”, “13”, y “Adios”.
• Muestra en un alert una frase que incluya comillas simples.
• Muestra en un alert que ocupe una línea las variables 1ª y 4ª separadas por
un salto de línea.
• Muestra en un alert la suma de las variables 2ª y 3ª.
• Muestra en un alert la suma de todas las variables.
• Comenta el código indicando el nombre del ejercicio y tu nombre en la parte
superior, y los comentarios adicionales que estimes necesarios.
LA U R A F O LG A D O G A LA CH E
2. MANEJO DE LA SINTAXIS DEL LENGUAJE
2.3. TIPOS DE DATOS
• Booleanos:
• true
• false
• Objetos:
• String
• Date
• Array
• Etc.
LA U R A F O LG A D O G A LA CH E
2. MANEJO DE LA SINTAXIS DEL LENGUAJE
2.3. TIPOS DE DATOS
• Conversión entre tipos de datos:
• Entero + Float = Float
• Número + Cadena = Cadena
• Conversión de cadenas a números:
• parseInt(“32”)
• parseFloat(“32.1”)
• Conversión de números a cadenas:
• “” + número
LA U R A F O LG A D O G A LA CH E
2. MANEJO DE LA SINTAXIS DEL LENGUAJE
2.3. TIPOS DE DATOS
2. MANEJO DE LA SINTAXIS DEL LENGUAJE
2.4. OPERADORES
Operadoresdecomparación
LA U R A F O LG A D O G A LA CH E
Sintaxis Nombre Tipos de
operandos
Resultados
== Igualdad Todos Boolean
!= Distinto Todos Boolean
=== Igualdad estricta Todos Boolean
!== Desigualdad estrictra Todos Boolean
> Mayor que Todos Boolean
>= Mayor o igual que Todos Boolean
< Menor que Todos Boolean
<= Menor o igual que Todos Boolean
LA U R A F O LG A D O G A LA CH E
2. MANEJO DE LA SINTAXIS DEL LENGUAJE
2.4. OPERADORES
EJERCICIO: u1e3_comparacion
• Crea un programa enel que muestres el resultado de varias operaciones mediante alert,mostrando el
texto exacto de la operaciónrealizada y su resultado.
• Ej:
var operacion1 = 10 == 10;
alert (“La operación 10==10 es”+operacion1
• Las operaciones a realizar son:
• 10 == 10
• 10 === 10
• 10 === 10.0
• “Laura” == “laura”
• “Laura” > “laura”
• “Laura” < “laura”
• “123” == 123
• “123” === 123
• parseInt(“123”) === 123
• Comenta el código indicando el nombre del ejercicio y tu nombre en la parte superior, y las conclusiones
que sacas al realizar cada una de las operaciones.
2. MANEJO DE LA SINTAXIS DEL LENGUAJE
2.4. OPERADORES
Operadoresaritméticos
LA U R A F O LG A D O G A LA CH E
Sintaxis Nombre Tipos de operandos Resultados
+ Más Entero, real, cadena Entero, real, cadena
- Menos Entero, real Entero, real
* Multiplicación Entero, real Entero, real
/ División Entero, real Entero, real
% Módulo Entero, real Entero, real
++ Incremento Entero, real Entero, real
- - Decremento Entero, real Entero, real
+valor Positivo Entero, real, cadena Entero, real
-valor Negativo Entero, real, cadena Entero, real
2. MANEJO DE LA SINTAXIS DEL LENGUAJE
2.4. OPERADORES
Operadoresdeasignación
LA U R A F O LG A D O G A LA CH E
Sintaxis Nombre Ejemplo Significado
= Asignación x=y x=y
+=, -=, *=, /=, %= Operación y asignación x+=y x=x+y
<<= Desplazar bits a la izquierda x<<=y x=x<<y
>=, >>=, >>>= Desplazar bits a la derecha x>=y x=x>y
&= Operación AND bit a bit x&=y x=x&y
|= Operación OR bit a bit x|=y x=x|y
^= Operación XOR bit a bit x^=y x=x^y
[]= Desestructurar asignaciones [a,b]=[c,d
]
a=c, b=d
2. MANEJO DE LA SINTAXIS DEL LENGUAJE
2.4. OPERADORES
Operadoresbooleanos
LA U R A F O LG A D O G A LA CH E
Sintaxis Nombre Operandos Resultados
&& And Boolean Boolean
|| Or Boolean Boolean
! Not Boolean Boolean
La operación AND solo es true cuando todos los operadores son true.
La operación OR es true siempre que haya un operador true.
La operación NOT cambia el valor del boolean resultado
Ver otras operaciones a nivel de bits
2. MANEJO DE LA SINTAXIS DEL LENGUAJE
2.4. OPERADORES
Operadoresdeobjeto
LA U R A F O LG A D O G A LA CH E
• Punto:
• Objeto.propiedad
• Objeto.método
• Corchetes:
• Crearun array: var a = [“Bizkaia”,“Araba”,“Gipuzkoa”]
• Enumerarun elemento de un array: a[1] = “Araba”;
• Enumerarpropiedad de un objeto:a[“color”] = “azul”;
• Delete:
• Delete a[2]; // Borraría el elemento “Gipuzkoa”ylo sustituiría por undefined
• In:
• Devuelve true si el objeto tiene la propiedad o método
• Ej: “write” in document
• Instanceof:
• Devuelve true si es una instancia de un objeto nativo Javascript:
• Ej: a = new Array (1,2,3);
a instanceof Array; // Devuelve true
2. MANEJO DE LA SINTAXIS DEL LENGUAJE
2.4. OPERADORES
Operadoresmisceláneos
LA U R A F O LG A D O G A LA CH E
• Coma:
• Expresiones que se evaluan de izquierda a derecha:varnombre,direccion,apellidos;
• Operación loop (repetir):for(var i=0,j=0;i<125M i++,j+10)
• Interrogación (operadorcondicional):
• Es la forma reducida de if … else.
• Condicion ? Expresion si es cierta : expresión si es falso;
• Ej: var a=3,b=5;
Var r = a > b ? a : b;
• Typeof:
• Devuelve el tipo de valor de una variable o expresión
• Los tipos son: number,string, boolean,object,function,undefined.
• Ej: if (typeof miVariable == “number”) alert (“Mi variable esnumber”);
2. MANEJO DE LA SINTAXIS DEL LENGUAJE
2.5. ESTRUCTURAS DE CONTROL
Construcción if:
if (condición) // entre paréntesis irá la condición que se evaluará a true o false.
{
// instrucciones a ejecutar si se cumple la condición
}
§ Ejemplo:
If (miEdad >= 18)
{
alert("Ya eres una persona adulta");
}
LA U R A F O LG A D O G A LA CH E
2. MANEJO DE LA SINTAXIS DEL LENGUAJE
2.5. ESTRUCTURAS DE CONTROL
Construcciónif…else:
if (condición)//entreparéntesis irá lacondiciónqueseevaluará a trueo false.
{
// instrucciones aejecutar si secumplelacondición
}
else
{
// instrucciones aejecutar si nosecumplelacondición
}
§ Ejemplo:
if (miEdad>= 18)
{
alert("Yaeres una personaadulta");
}
else
{
alert (“Aún noeres mayor de edad”);
}
LA U R A F O LG A D O G A LA CH E
2. MANEJO DE LA SINTAXIS DEL LENGUAJE
2.5. ESTRUCTURAS DE CONTROL
Bucle for:
for (expresion inicial; condicion; incremento)
{
// instrucciones a ejecutar dentro del bucle
}
§ Ejemplo:
for (var i=1; i<20; i++)
{
//Instrucciones que se repetirán 20 veces
}
LA U R A F O LG A D O G A LA CH E
2. MANEJO DE LA SINTAXIS DEL LENGUAJE
2.5. ESTRUCTURAS DE CONTROL
Bucle while:
while (condicion)
{
// instrucciones a ejecutar dentro del bucle
}
§ Ejemplo:
var i=0;
while (i <=10)
{
//Instrucciones a ejecutar hasta que i sea mayor que 10 y
i++;
}
LA U R A F O LG A D O G A LA CH E
2. MANEJO DE LA SINTAXIS DEL LENGUAJE
2.5. ESTRUCTURAS DE CONTROL
Bucle while:
do {
// instrucciones a ejecutar dentro del bucle
} while (condicion);
§ Ejemplo:
var i=0;
do {
//Instrucciones a ejecutar mientras i sea menor que 3 (2 veces)
i++;
} while (i<3)
LA U R A F O LG A D O G A LA CH E

Más contenido relacionado

La actualidad más candente

Javascript variables and datatypes
Javascript variables and datatypesJavascript variables and datatypes
Javascript variables and datatypesVarun C M
 
Php Tutorials for Beginners
Php Tutorials for BeginnersPhp Tutorials for Beginners
Php Tutorials for Beginners
Vineet Kumar Saini
 
Java script ppt
Java script pptJava script ppt
JavaScript - Chapter 8 - Objects
 JavaScript - Chapter 8 - Objects JavaScript - Chapter 8 - Objects
JavaScript - Chapter 8 - Objects
WebStackAcademy
 
Introduction to Html5
Introduction to Html5Introduction to Html5
Introduction to Html5
www.netgains.org
 
Introduction into ES6 JavaScript.
Introduction into ES6 JavaScript.Introduction into ES6 JavaScript.
Introduction into ES6 JavaScript.
boyney123
 
Lab #2: Introduction to Javascript
Lab #2: Introduction to JavascriptLab #2: Introduction to Javascript
Lab #2: Introduction to Javascript
Walid Ashraf
 
Aula 02 - Introdução ao PHP
Aula 02 - Introdução ao PHPAula 02 - Introdução ao PHP
Aula 02 - Introdução ao PHP
Daniel Brandão
 
Javascript Basic
Javascript BasicJavascript Basic
Javascript Basic
Kang-min Liu
 
Java script
Java scriptJava script
Java script
vishal choudhary
 
DOM HTML Javascript
DOM HTML JavascriptDOM HTML Javascript
DOM HTML Javascript
Efrain Herrera Jimenez
 
Procedimientos almacenados en MySQL
Procedimientos almacenados en MySQLProcedimientos almacenados en MySQL
Procedimientos almacenados en MySQL
Miguel Angel Rivera Robledo
 
Introdução a JavaScript
Introdução a JavaScriptIntrodução a JavaScript
Introdução a JavaScript
Bruno Catão
 
Fundamental JavaScript [UTC, March 2014]
Fundamental JavaScript [UTC, March 2014]Fundamental JavaScript [UTC, March 2014]
Fundamental JavaScript [UTC, March 2014]
Aaron Gustafson
 
Introducción a NodeJS
Introducción a NodeJSIntroducción a NodeJS
Introducción a NodeJS
BEEVA_es
 
Javascript basics
Javascript basicsJavascript basics
Javascript basics
shreesenthil
 
Logging with log4j v1.2
Logging with log4j v1.2Logging with log4j v1.2
Logging with log4j v1.2
Kamal Mettananda
 

La actualidad más candente (20)

Javascript variables and datatypes
Javascript variables and datatypesJavascript variables and datatypes
Javascript variables and datatypes
 
Php Tutorials for Beginners
Php Tutorials for BeginnersPhp Tutorials for Beginners
Php Tutorials for Beginners
 
PHP
PHPPHP
PHP
 
Java script ppt
Java script pptJava script ppt
Java script ppt
 
JavaScript - Chapter 8 - Objects
 JavaScript - Chapter 8 - Objects JavaScript - Chapter 8 - Objects
JavaScript - Chapter 8 - Objects
 
Introduction to Html5
Introduction to Html5Introduction to Html5
Introduction to Html5
 
Introduction into ES6 JavaScript.
Introduction into ES6 JavaScript.Introduction into ES6 JavaScript.
Introduction into ES6 JavaScript.
 
Javascript event handler
Javascript event handlerJavascript event handler
Javascript event handler
 
Lab #2: Introduction to Javascript
Lab #2: Introduction to JavascriptLab #2: Introduction to Javascript
Lab #2: Introduction to Javascript
 
Aula 02 - Introdução ao PHP
Aula 02 - Introdução ao PHPAula 02 - Introdução ao PHP
Aula 02 - Introdução ao PHP
 
Javascript Basic
Javascript BasicJavascript Basic
Javascript Basic
 
Java script
Java scriptJava script
Java script
 
DOM HTML Javascript
DOM HTML JavascriptDOM HTML Javascript
DOM HTML Javascript
 
Procedimientos almacenados en MySQL
Procedimientos almacenados en MySQLProcedimientos almacenados en MySQL
Procedimientos almacenados en MySQL
 
Introdução a JavaScript
Introdução a JavaScriptIntrodução a JavaScript
Introdução a JavaScript
 
html5.ppt
html5.ppthtml5.ppt
html5.ppt
 
Fundamental JavaScript [UTC, March 2014]
Fundamental JavaScript [UTC, March 2014]Fundamental JavaScript [UTC, March 2014]
Fundamental JavaScript [UTC, March 2014]
 
Introducción a NodeJS
Introducción a NodeJSIntroducción a NodeJS
Introducción a NodeJS
 
Javascript basics
Javascript basicsJavascript basics
Javascript basics
 
Logging with log4j v1.2
Logging with log4j v1.2Logging with log4j v1.2
Logging with log4j v1.2
 

Similar a 2. Manejo de la sintaxis del lenguaje

Java script(diapositivas)
Java script(diapositivas) Java script(diapositivas)
Java script(diapositivas) Roberto Mejia
 
Comandos de Raptor,C# y Java
Comandos de Raptor,C# y JavaComandos de Raptor,C# y Java
Comandos de Raptor,C# y Java
Ana Ruth G H
 
Introduccion Java
Introduccion JavaIntroduccion Java
Introduccion Java
svhurtado
 
Diapo04
Diapo04Diapo04
Javacript: expresiones e instrucciones
Javacript: expresiones e instruccionesJavacript: expresiones e instrucciones
Javacript: expresiones e instrucciones
jcremiro
 
Tipos de dato y expresiones en C++
Tipos de dato y expresiones en C++Tipos de dato y expresiones en C++
Tipos de dato y expresiones en C++
Obmaro García
 
Comandos de Raptor, Java y C# Sharp
Comandos de Raptor, Java y C# SharpComandos de Raptor, Java y C# Sharp
Comandos de Raptor, Java y C# Sharp
Ana Ruth G H
 
Introduccion al lenguaje c
Introduccion al lenguaje cIntroduccion al lenguaje c
Introduccion al lenguaje c
Maylin25
 
Lenguaje De ProgramacióN Basic
Lenguaje De ProgramacióN BasicLenguaje De ProgramacióN Basic
Lenguaje De ProgramacióN BasicRokr02
 
Guia de Algoritmos del profesor Victor Gavidia -UNEFM - CAES
Guia de Algoritmos del profesor Victor Gavidia -UNEFM - CAESGuia de Algoritmos del profesor Victor Gavidia -UNEFM - CAES
Guia de Algoritmos del profesor Victor Gavidia -UNEFM - CAES
www.unefm.edu.ve
 
Capítulo ii elementos java
Capítulo ii elementos javaCapítulo ii elementos java
Capítulo ii elementos java
saimaga30
 
Php Basico
Php BasicoPhp Basico
Php Basico
Eliecer Cedano
 
Andreina Gimenez
Andreina GimenezAndreina Gimenez
Andreina Gimenez
Andreina Gimenez
 
Tipos de datos en C
Tipos de datos en CTipos de datos en C
Tipos de datos en C
McGuix Bermeo
 
Capítulo ii elementos java
Capítulo ii elementos javaCapítulo ii elementos java
Capítulo ii elementos java
saimaga30
 
Estructura sintactica de los lenguajes de programacion
Estructura sintactica de los lenguajes de programacionEstructura sintactica de los lenguajes de programacion
Estructura sintactica de los lenguajes de programacion
andreinagracielarojasadam
 

Similar a 2. Manejo de la sintaxis del lenguaje (20)

Java script(diapositivas)
Java script(diapositivas) Java script(diapositivas)
Java script(diapositivas)
 
Comandos de Raptor,C# y Java
Comandos de Raptor,C# y JavaComandos de Raptor,C# y Java
Comandos de Raptor,C# y Java
 
Introduccion Java
Introduccion JavaIntroduccion Java
Introduccion Java
 
Diapo04
Diapo04Diapo04
Diapo04
 
Javacript: expresiones e instrucciones
Javacript: expresiones e instruccionesJavacript: expresiones e instrucciones
Javacript: expresiones e instrucciones
 
Tipos de dato y expresiones en C++
Tipos de dato y expresiones en C++Tipos de dato y expresiones en C++
Tipos de dato y expresiones en C++
 
Fund Java
Fund JavaFund Java
Fund Java
 
Comandos de Raptor, Java y C# Sharp
Comandos de Raptor, Java y C# SharpComandos de Raptor, Java y C# Sharp
Comandos de Raptor, Java y C# Sharp
 
Introduccion al lenguaje c
Introduccion al lenguaje cIntroduccion al lenguaje c
Introduccion al lenguaje c
 
Concepto de introducción
Concepto de introducciónConcepto de introducción
Concepto de introducción
 
Lenguaje De ProgramacióN Basic
Lenguaje De ProgramacióN BasicLenguaje De ProgramacióN Basic
Lenguaje De ProgramacióN Basic
 
Guia de Algoritmos del profesor Victor Gavidia -UNEFM - CAES
Guia de Algoritmos del profesor Victor Gavidia -UNEFM - CAESGuia de Algoritmos del profesor Victor Gavidia -UNEFM - CAES
Guia de Algoritmos del profesor Victor Gavidia -UNEFM - CAES
 
Capítulo ii elementos java
Capítulo ii elementos javaCapítulo ii elementos java
Capítulo ii elementos java
 
Php Basico
Php BasicoPhp Basico
Php Basico
 
Andreina Gimenez
Andreina GimenezAndreina Gimenez
Andreina Gimenez
 
Tipos de datos en C
Tipos de datos en CTipos de datos en C
Tipos de datos en C
 
Php1
Php1Php1
Php1
 
Capítulo ii elementos java
Capítulo ii elementos javaCapítulo ii elementos java
Capítulo ii elementos java
 
Estructura sintactica de los lenguajes de programacion
Estructura sintactica de los lenguajes de programacionEstructura sintactica de los lenguajes de programacion
Estructura sintactica de los lenguajes de programacion
 
Ejemplos c
Ejemplos cEjemplos c
Ejemplos c
 

Más de Laura Folgado Galache

Introducción a SASS - Diseño de Interfaces Web (Desarrollo de Aplicaciones Web)
Introducción a SASS - Diseño de Interfaces Web (Desarrollo de Aplicaciones Web)Introducción a SASS - Diseño de Interfaces Web (Desarrollo de Aplicaciones Web)
Introducción a SASS - Diseño de Interfaces Web (Desarrollo de Aplicaciones Web)
Laura Folgado Galache
 
Guías de estilo web - Diseño de interfaces web (Desarrollo de aplicaciones web)
Guías de estilo web - Diseño de interfaces web (Desarrollo de aplicaciones web)Guías de estilo web - Diseño de interfaces web (Desarrollo de aplicaciones web)
Guías de estilo web - Diseño de interfaces web (Desarrollo de aplicaciones web)
Laura Folgado Galache
 
Usabilidad web
Usabilidad webUsabilidad web
Usabilidad web
Laura Folgado Galache
 
Usabilidad móvil
Usabilidad móvilUsabilidad móvil
Usabilidad móvil
Laura Folgado Galache
 
Empaquetado de aplicaciones Java con Netbeans
Empaquetado de aplicaciones Java con NetbeansEmpaquetado de aplicaciones Java con Netbeans
Empaquetado de aplicaciones Java con Netbeans
Laura Folgado Galache
 
Tipos de manuales
Tipos de manualesTipos de manuales
Tipos de manuales
Laura Folgado Galache
 
Ficheros de ayuda en aplicaciones
Ficheros de ayuda en aplicacionesFicheros de ayuda en aplicaciones
Ficheros de ayuda en aplicaciones
Laura Folgado Galache
 
Distribución de aplicaciones
Distribución de aplicacionesDistribución de aplicaciones
Distribución de aplicaciones
Laura Folgado Galache
 
Eventos y listeners en Java Swing
Eventos y listeners en Java SwingEventos y listeners en Java Swing
Eventos y listeners en Java Swing
Laura Folgado Galache
 
Repaso de Java Swing usando Rally-Coach
Repaso de Java Swing usando Rally-CoachRepaso de Java Swing usando Rally-Coach
Repaso de Java Swing usando Rally-Coach
Laura Folgado Galache
 
Imagen digital
Imagen digitalImagen digital
Imagen digital
Laura Folgado Galache
 
Video digital
Video digitalVideo digital
Video digital
Laura Folgado Galache
 
Sonido digital
Sonido digitalSonido digital
Sonido digital
Laura Folgado Galache
 
Blogs - Creación y participación en comunidades virtuales (CFIE Soria)
Blogs - Creación y participación en comunidades virtuales (CFIE Soria)Blogs - Creación y participación en comunidades virtuales (CFIE Soria)
Blogs - Creación y participación en comunidades virtuales (CFIE Soria)
Laura Folgado Galache
 
Taller de redes ssociales (Ávila)
Taller de redes ssociales (Ávila)Taller de redes ssociales (Ávila)
Taller de redes ssociales (Ávila)
Laura Folgado Galache
 
Taller redes sociales (Valladolid)
Taller redes sociales (Valladolid)Taller redes sociales (Valladolid)
Taller redes sociales (Valladolid)
Laura Folgado Galache
 

Más de Laura Folgado Galache (16)

Introducción a SASS - Diseño de Interfaces Web (Desarrollo de Aplicaciones Web)
Introducción a SASS - Diseño de Interfaces Web (Desarrollo de Aplicaciones Web)Introducción a SASS - Diseño de Interfaces Web (Desarrollo de Aplicaciones Web)
Introducción a SASS - Diseño de Interfaces Web (Desarrollo de Aplicaciones Web)
 
Guías de estilo web - Diseño de interfaces web (Desarrollo de aplicaciones web)
Guías de estilo web - Diseño de interfaces web (Desarrollo de aplicaciones web)Guías de estilo web - Diseño de interfaces web (Desarrollo de aplicaciones web)
Guías de estilo web - Diseño de interfaces web (Desarrollo de aplicaciones web)
 
Usabilidad web
Usabilidad webUsabilidad web
Usabilidad web
 
Usabilidad móvil
Usabilidad móvilUsabilidad móvil
Usabilidad móvil
 
Empaquetado de aplicaciones Java con Netbeans
Empaquetado de aplicaciones Java con NetbeansEmpaquetado de aplicaciones Java con Netbeans
Empaquetado de aplicaciones Java con Netbeans
 
Tipos de manuales
Tipos de manualesTipos de manuales
Tipos de manuales
 
Ficheros de ayuda en aplicaciones
Ficheros de ayuda en aplicacionesFicheros de ayuda en aplicaciones
Ficheros de ayuda en aplicaciones
 
Distribución de aplicaciones
Distribución de aplicacionesDistribución de aplicaciones
Distribución de aplicaciones
 
Eventos y listeners en Java Swing
Eventos y listeners en Java SwingEventos y listeners en Java Swing
Eventos y listeners en Java Swing
 
Repaso de Java Swing usando Rally-Coach
Repaso de Java Swing usando Rally-CoachRepaso de Java Swing usando Rally-Coach
Repaso de Java Swing usando Rally-Coach
 
Imagen digital
Imagen digitalImagen digital
Imagen digital
 
Video digital
Video digitalVideo digital
Video digital
 
Sonido digital
Sonido digitalSonido digital
Sonido digital
 
Blogs - Creación y participación en comunidades virtuales (CFIE Soria)
Blogs - Creación y participación en comunidades virtuales (CFIE Soria)Blogs - Creación y participación en comunidades virtuales (CFIE Soria)
Blogs - Creación y participación en comunidades virtuales (CFIE Soria)
 
Taller de redes ssociales (Ávila)
Taller de redes ssociales (Ávila)Taller de redes ssociales (Ávila)
Taller de redes ssociales (Ávila)
 
Taller redes sociales (Valladolid)
Taller redes sociales (Valladolid)Taller redes sociales (Valladolid)
Taller redes sociales (Valladolid)
 

Último

Caso de exito Cirrus - Hospital La Salle
Caso de exito Cirrus - Hospital La SalleCaso de exito Cirrus - Hospital La Salle
Caso de exito Cirrus - Hospital La Salle
Ecaresoft Inc.
 
PitchCollabART uniendo talentos, creando maravillas digitales
PitchCollabART uniendo talentos, creando maravillas digitalesPitchCollabART uniendo talentos, creando maravillas digitales
PitchCollabART uniendo talentos, creando maravillas digitales
juanorejuela499
 
CONCEPTOS DE PROGRAMACION CUALQUIER LENGUAJE
CONCEPTOS DE PROGRAMACION CUALQUIER LENGUAJECONCEPTOS DE PROGRAMACION CUALQUIER LENGUAJE
CONCEPTOS DE PROGRAMACION CUALQUIER LENGUAJE
SamuelGampley
 
Arquitectura de Sistema de Reservaciones
Arquitectura de Sistema de ReservacionesArquitectura de Sistema de Reservaciones
Arquitectura de Sistema de Reservaciones
AlanL15
 
MODULOS INTEGRADOS.docx.....................................
MODULOS INTEGRADOS.docx.....................................MODULOS INTEGRADOS.docx.....................................
MODULOS INTEGRADOS.docx.....................................
Yisel56
 
TECLADO ERGONÓMICO Y PANTALLAS TACTILES.pptx
TECLADO ERGONÓMICO Y PANTALLAS TACTILES.pptxTECLADO ERGONÓMICO Y PANTALLAS TACTILES.pptx
TECLADO ERGONÓMICO Y PANTALLAS TACTILES.pptx
KatiuskaDominguez2
 
Introducción_a_las_APIs_y_Desarrollo_Back-end-Abbie Dominguez Girondo.pdf
Introducción_a_las_APIs_y_Desarrollo_Back-end-Abbie Dominguez Girondo.pdfIntroducción_a_las_APIs_y_Desarrollo_Back-end-Abbie Dominguez Girondo.pdf
Introducción_a_las_APIs_y_Desarrollo_Back-end-Abbie Dominguez Girondo.pdf
AbbieDominguezGirond
 

Último (7)

Caso de exito Cirrus - Hospital La Salle
Caso de exito Cirrus - Hospital La SalleCaso de exito Cirrus - Hospital La Salle
Caso de exito Cirrus - Hospital La Salle
 
PitchCollabART uniendo talentos, creando maravillas digitales
PitchCollabART uniendo talentos, creando maravillas digitalesPitchCollabART uniendo talentos, creando maravillas digitales
PitchCollabART uniendo talentos, creando maravillas digitales
 
CONCEPTOS DE PROGRAMACION CUALQUIER LENGUAJE
CONCEPTOS DE PROGRAMACION CUALQUIER LENGUAJECONCEPTOS DE PROGRAMACION CUALQUIER LENGUAJE
CONCEPTOS DE PROGRAMACION CUALQUIER LENGUAJE
 
Arquitectura de Sistema de Reservaciones
Arquitectura de Sistema de ReservacionesArquitectura de Sistema de Reservaciones
Arquitectura de Sistema de Reservaciones
 
MODULOS INTEGRADOS.docx.....................................
MODULOS INTEGRADOS.docx.....................................MODULOS INTEGRADOS.docx.....................................
MODULOS INTEGRADOS.docx.....................................
 
TECLADO ERGONÓMICO Y PANTALLAS TACTILES.pptx
TECLADO ERGONÓMICO Y PANTALLAS TACTILES.pptxTECLADO ERGONÓMICO Y PANTALLAS TACTILES.pptx
TECLADO ERGONÓMICO Y PANTALLAS TACTILES.pptx
 
Introducción_a_las_APIs_y_Desarrollo_Back-end-Abbie Dominguez Girondo.pdf
Introducción_a_las_APIs_y_Desarrollo_Back-end-Abbie Dominguez Girondo.pdfIntroducción_a_las_APIs_y_Desarrollo_Back-end-Abbie Dominguez Girondo.pdf
Introducción_a_las_APIs_y_Desarrollo_Back-end-Abbie Dominguez Girondo.pdf
 

2. Manejo de la sintaxis del lenguaje

  • 1.
  • 2. • Comentarios de una línea: // Esto es un comentario de una línea // // Hemos dejado una línea en blanco • Comentarios de varias líneas: /* Esto es un comentario de varias líneas */ • Utilizaciónde comentarios: • Para que el código sea más claro e informardel uso de las funciones,variables,etc. • Para desactivarun bloque de código que no queremos que se ejecute. • Para dejarnuestra información de contacto para que otros desarrolladores contacten con nosotros. LA U R A F O LG A D O G A LA CH E 2. MANEJO DE LA SINTAXIS DEL LENGUAJE 2.1. COMENTARIOS
  • 3. • Crearvariables utilizando la palabra reservada “var”: var edad; var edad1,edad2,edad3; • Asignar valora una variable ya creada: edad = 15; • Crearvariable y asignar valor: var edad = 15; • Utilizaciónde variables: • Formadas porcaracteres alfanuméricos y_.No se utilizan signos,espacios,%, $, etc. • No puedenempezarpornúmero,yno suelenempezarpormayúscula. • No tiene asociado un tipo.Podemos cambiarde número a cadena,a boolean,etc. LA U R A F O LG A D O G A LA CH E 2. MANEJO DE LA SINTAXIS DEL LENGUAJE 2.2. VARIABLES
  • 4. • Números: • Entero: 726 • Decimal: 3.75 • Científico: 3e7 (30000000) • Octal: va precedido de un 0: 0327 • Hexadecimal: ponemos delante 0x: 0xA3F2. LA U R A F O LG A D O G A LA CH E 2. MANEJO DE LA SINTAXIS DEL LENGUAJE 2.3. TIPOS DE DATOS
  • 5. EJERCICIO: u1e1_numeros • Crea un programa en el que crees 5 variables numéricas (entero, decimal, científico, octal y hexadecimal). • A las variables les asignarás los siguientes números: 1357, 1357, 135e7, 01357 y 0x1357. • Muestra con 5 alerts su valor, escribiendo la siguiente sentencia: alert (“Número entero” + entero); § Comenta el código indicando el nombre del ejercicio y tu nombre en la parte superior, y los comentarios adicionales que estimes necesarios. LA U R A F O LG A D O G A LA CH E 2. MANEJO DE LA SINTAXIS DEL LENGUAJE 2.3. TIPOS DE DATOS
  • 6. • Cadenas: • “Texto entre comillas” • “7342” • “Cadenas” + “concatenadas” • Utilización de cadenas: • Salto de línea: n • Tabulador: t • Comillas dobles: ” • Comillas simples: ’ LA U R A F O LG A D O G A LA CH E 2. MANEJO DE LA SINTAXIS DEL LENGUAJE 2.3. TIPOS DE DATOS
  • 7. EJERCICIO: u1e2_cadenas • Crea un programa en el que crees 4 variables de tipo cadena con los siguientes valores: “Hola”, “7”, “13”, y “Adios”. • Muestra en un alert una frase que incluya comillas simples. • Muestra en un alert que ocupe una línea las variables 1ª y 4ª separadas por un salto de línea. • Muestra en un alert la suma de las variables 2ª y 3ª. • Muestra en un alert la suma de todas las variables. • Comenta el código indicando el nombre del ejercicio y tu nombre en la parte superior, y los comentarios adicionales que estimes necesarios. LA U R A F O LG A D O G A LA CH E 2. MANEJO DE LA SINTAXIS DEL LENGUAJE 2.3. TIPOS DE DATOS
  • 8. • Booleanos: • true • false • Objetos: • String • Date • Array • Etc. LA U R A F O LG A D O G A LA CH E 2. MANEJO DE LA SINTAXIS DEL LENGUAJE 2.3. TIPOS DE DATOS
  • 9. • Conversión entre tipos de datos: • Entero + Float = Float • Número + Cadena = Cadena • Conversión de cadenas a números: • parseInt(“32”) • parseFloat(“32.1”) • Conversión de números a cadenas: • “” + número LA U R A F O LG A D O G A LA CH E 2. MANEJO DE LA SINTAXIS DEL LENGUAJE 2.3. TIPOS DE DATOS
  • 10. 2. MANEJO DE LA SINTAXIS DEL LENGUAJE 2.4. OPERADORES Operadoresdecomparación LA U R A F O LG A D O G A LA CH E Sintaxis Nombre Tipos de operandos Resultados == Igualdad Todos Boolean != Distinto Todos Boolean === Igualdad estricta Todos Boolean !== Desigualdad estrictra Todos Boolean > Mayor que Todos Boolean >= Mayor o igual que Todos Boolean < Menor que Todos Boolean <= Menor o igual que Todos Boolean
  • 11. LA U R A F O LG A D O G A LA CH E 2. MANEJO DE LA SINTAXIS DEL LENGUAJE 2.4. OPERADORES EJERCICIO: u1e3_comparacion • Crea un programa enel que muestres el resultado de varias operaciones mediante alert,mostrando el texto exacto de la operaciónrealizada y su resultado. • Ej: var operacion1 = 10 == 10; alert (“La operación 10==10 es”+operacion1 • Las operaciones a realizar son: • 10 == 10 • 10 === 10 • 10 === 10.0 • “Laura” == “laura” • “Laura” > “laura” • “Laura” < “laura” • “123” == 123 • “123” === 123 • parseInt(“123”) === 123 • Comenta el código indicando el nombre del ejercicio y tu nombre en la parte superior, y las conclusiones que sacas al realizar cada una de las operaciones.
  • 12. 2. MANEJO DE LA SINTAXIS DEL LENGUAJE 2.4. OPERADORES Operadoresaritméticos LA U R A F O LG A D O G A LA CH E Sintaxis Nombre Tipos de operandos Resultados + Más Entero, real, cadena Entero, real, cadena - Menos Entero, real Entero, real * Multiplicación Entero, real Entero, real / División Entero, real Entero, real % Módulo Entero, real Entero, real ++ Incremento Entero, real Entero, real - - Decremento Entero, real Entero, real +valor Positivo Entero, real, cadena Entero, real -valor Negativo Entero, real, cadena Entero, real
  • 13. 2. MANEJO DE LA SINTAXIS DEL LENGUAJE 2.4. OPERADORES Operadoresdeasignación LA U R A F O LG A D O G A LA CH E Sintaxis Nombre Ejemplo Significado = Asignación x=y x=y +=, -=, *=, /=, %= Operación y asignación x+=y x=x+y <<= Desplazar bits a la izquierda x<<=y x=x<<y >=, >>=, >>>= Desplazar bits a la derecha x>=y x=x>y &= Operación AND bit a bit x&=y x=x&y |= Operación OR bit a bit x|=y x=x|y ^= Operación XOR bit a bit x^=y x=x^y []= Desestructurar asignaciones [a,b]=[c,d ] a=c, b=d
  • 14. 2. MANEJO DE LA SINTAXIS DEL LENGUAJE 2.4. OPERADORES Operadoresbooleanos LA U R A F O LG A D O G A LA CH E Sintaxis Nombre Operandos Resultados && And Boolean Boolean || Or Boolean Boolean ! Not Boolean Boolean La operación AND solo es true cuando todos los operadores son true. La operación OR es true siempre que haya un operador true. La operación NOT cambia el valor del boolean resultado Ver otras operaciones a nivel de bits
  • 15. 2. MANEJO DE LA SINTAXIS DEL LENGUAJE 2.4. OPERADORES Operadoresdeobjeto LA U R A F O LG A D O G A LA CH E • Punto: • Objeto.propiedad • Objeto.método • Corchetes: • Crearun array: var a = [“Bizkaia”,“Araba”,“Gipuzkoa”] • Enumerarun elemento de un array: a[1] = “Araba”; • Enumerarpropiedad de un objeto:a[“color”] = “azul”; • Delete: • Delete a[2]; // Borraría el elemento “Gipuzkoa”ylo sustituiría por undefined • In: • Devuelve true si el objeto tiene la propiedad o método • Ej: “write” in document • Instanceof: • Devuelve true si es una instancia de un objeto nativo Javascript: • Ej: a = new Array (1,2,3); a instanceof Array; // Devuelve true
  • 16. 2. MANEJO DE LA SINTAXIS DEL LENGUAJE 2.4. OPERADORES Operadoresmisceláneos LA U R A F O LG A D O G A LA CH E • Coma: • Expresiones que se evaluan de izquierda a derecha:varnombre,direccion,apellidos; • Operación loop (repetir):for(var i=0,j=0;i<125M i++,j+10) • Interrogación (operadorcondicional): • Es la forma reducida de if … else. • Condicion ? Expresion si es cierta : expresión si es falso; • Ej: var a=3,b=5; Var r = a > b ? a : b; • Typeof: • Devuelve el tipo de valor de una variable o expresión • Los tipos son: number,string, boolean,object,function,undefined. • Ej: if (typeof miVariable == “number”) alert (“Mi variable esnumber”);
  • 17. 2. MANEJO DE LA SINTAXIS DEL LENGUAJE 2.5. ESTRUCTURAS DE CONTROL Construcción if: if (condición) // entre paréntesis irá la condición que se evaluará a true o false. { // instrucciones a ejecutar si se cumple la condición } § Ejemplo: If (miEdad >= 18) { alert("Ya eres una persona adulta"); } LA U R A F O LG A D O G A LA CH E
  • 18. 2. MANEJO DE LA SINTAXIS DEL LENGUAJE 2.5. ESTRUCTURAS DE CONTROL Construcciónif…else: if (condición)//entreparéntesis irá lacondiciónqueseevaluará a trueo false. { // instrucciones aejecutar si secumplelacondición } else { // instrucciones aejecutar si nosecumplelacondición } § Ejemplo: if (miEdad>= 18) { alert("Yaeres una personaadulta"); } else { alert (“Aún noeres mayor de edad”); } LA U R A F O LG A D O G A LA CH E
  • 19. 2. MANEJO DE LA SINTAXIS DEL LENGUAJE 2.5. ESTRUCTURAS DE CONTROL Bucle for: for (expresion inicial; condicion; incremento) { // instrucciones a ejecutar dentro del bucle } § Ejemplo: for (var i=1; i<20; i++) { //Instrucciones que se repetirán 20 veces } LA U R A F O LG A D O G A LA CH E
  • 20. 2. MANEJO DE LA SINTAXIS DEL LENGUAJE 2.5. ESTRUCTURAS DE CONTROL Bucle while: while (condicion) { // instrucciones a ejecutar dentro del bucle } § Ejemplo: var i=0; while (i <=10) { //Instrucciones a ejecutar hasta que i sea mayor que 10 y i++; } LA U R A F O LG A D O G A LA CH E
  • 21. 2. MANEJO DE LA SINTAXIS DEL LENGUAJE 2.5. ESTRUCTURAS DE CONTROL Bucle while: do { // instrucciones a ejecutar dentro del bucle } while (condicion); § Ejemplo: var i=0; do { //Instrucciones a ejecutar mientras i sea menor que 3 (2 veces) i++; } while (i<3) LA U R A F O LG A D O G A LA CH E