Presentacion javascript
-
Upload
william-sanchez -
Category
Engineering
-
view
52 -
download
1
Transcript of Presentacion javascript
Programación orientada a Objetos en JAVASCRIPTElectiva IProgramación WEB
Que es JAVASCRIPT?• Crear páginas web dinámicas: incorpora efectos
como texto que aparece y desaparece, animaciones, acciones que se activan al pulsar botones y ventanas con mensajes de aviso al usuario.
• JavaScript es un lenguaje de programación interpretado, por lo que no es necesario compilar los programas para ejecutarlos. En otras palabras, los programas escritos con JavaScript se pueden probar directamente en cualquier navegador sin necesidad de procesos intermedios.
• A pesar de su nombre, JavaScript no guarda ninguna relación directa con el lenguaje de programación Java. BRENDAN EICH de Netscape 1996
POO(Programaciòn orientada a objetos)•Símbolos que conceptualizan una idea•Ej: tasa, celular…•Nuestra mente es una biblioteca de
símbolos•JavaScript también posee la biblioteca de
símbolos y entiende nuestra idea
CONCEPTOS BASICOS• CLASE: Modelo a seguir, la idea. class Perro(){…}• OBJETO: Representación fisicaFirulais = new Perro();• MÈTODOS:Acciones
Firulais.ladrar(); Firulais.comer(“Concentrado”);• ATRIBUTOS: Caracteristicas
Firulais.raza=“labrador”;Firulais.edad = 2;Firulais.entrenado = true;
FUNCIONES•Los Métodos fuera de los objetos se
llaman Funciones, los parámetros son opcionales , puede llevar o no, se separan por comas.
• Ej:function ladrar(){…}function comer(comida){…}
VARIABLES• STRINGS : ( “cadenas”)• NUMBERS : (Enteros-Reales)• BOOLEANS: (True – False)
TECNICA CAMEL CASE (técnica del camellos)• Una instrucción de una sola palabra en minúscula. Ej:
write().• Solo las clases rompen lo anterior Ej . Date().• Instrucción de 2 o mas palabras , apartir de la segunda
la primera letra va en Mayúscula. Ej: getElementById()
OBJETOS PRINCIPALES EN JS•WINDOW: Encargado de todas las
propiedades de la ventana.
DOCUMENT: Documento HTML , por medio de este JS accede a HTML y CSS
▫NAVIGATOR: Brinda la información de características del usuario (hora del navegador , sistema operativo, versión del navegador, cookies, local storage, geolocalización)
DOM(Document Object Model)•El DOM es la estructura de objetos que
genera el navegador cuando se carga un documento y se puede alterar mediante Javascript para cambiar dinámicamente los contenidos y aspecto de la página.
http://librosweb.es/libro/javascript/capitulo_5.html
Fundamentos1.html
Objeto,Clases,Metodos,Atributos
OBJETO:PERRO
CLASE: LABRADOR
METODOS: CORRER, LADRAR, SALTAR
ATRIBUTOS: CAFÉ,GRANDE,PELAJE CORTO
Puedo reutilizar una clase, por lo tanto se puede convertir en una funcion
Definir funciones
alerta
Si comento iniciar (); no hace nada el programa
Atributos para función Perro
Métodos
Variables de la función iniciar
PROTOTIPOS-CONSOLA
TODOS LOS OBJETOS Y ATRIBUTOS
consola
ESCRIBIR EN EL DOCUMENTO
Sexo : operador ternario
OPERADOR TERNARIOCondicional If- Else
Aparte de comparar el valor , comparar tipo de dato utilizar ===.
• Cambiar true por 1
• Como S solo puede ser falso o verdadero
console.log(typeof s, typeof n,typeof e);
Tipo de dato booleano, carácter, numérico
Métodos•Objeto.metodo ();
Realiza las alertas de los otros métodos.
firulais.comer("salchichas");Elimino concentrado de la variable
Ahora o.comida=cBorrar o.comida
Reproducir audio
Mover imagen Crear variable imagen global, quitar la palabra var o la definimos debajo de var o
Bibliografia•https://librosweb.es/libro/javascript/•https://librosweb.es/libro/ajax/•http://
www.codexexempla.org/curso/index.php