PROGRAMACIÓN WEB

1. Programación orientada a
Objetos en JAVASCRIPT
Electiva I
Programación WEB

2. 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

3. 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

4. CONCEPTOS BASICOS
• CLASE: Modelo a seguir, la idea.
class Perro(){…}
• OBJETO: Representación fisica
Firulais = new Perro();
• MÈTODOS:Acciones
Firulais.ladrar();
Firulais.comer(“Concentrado”);
• ATRIBUTOS: Caracteristicas
Firulais.raza=“labrador”;
Firulais.edad = 2;
Firulais.entrenado = true;

5. 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){…}

6. 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()

7. 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)

8. 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

10. Fundamentos1.html

11. 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

12. Definir funciones

13. alerta
Si comento iniciar (); no hace nada el
programa

14. Atributos para función Perro

15. Métodos

16. Variables de la función iniciar

18. PROTOTIPOS-CONSOLA
TODOS LOS OBJETOS Y ATRIBUTOS

19. consola

21. ESCRIBIR EN EL DOCUMENTO
Sexo : operador ternario

22. OPERADOR TERNARIO
Condicional If- Else
Aparte de comparar el valor , comparar tipo de dato
utilizar ===.

23. • 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

24. Métodos
• Objeto.metodo ();
Realiza las alertas de los otros métodos.

25. firulais.comer("salchichas");
Elimino concentrado de la variable

26. Ahora o.comida=c
Borrar o.comida

27. Reproducir audio

28. Mover imagen
Crear variable imagen global, quitar la palabra var o la definimos debajo de
var o

29. Bibliografia
• https://librosweb.es/libro/javascript/
• https://librosweb.es/libro/ajax/
• http://www.codexexempla.org/curso/index.php