Objetos del navegador

Clase 15 de 50 • Curso de Programación Básica 2014

Óscar Moreno

student•

Esto es algo interesante que encontre de nuestros amigos de Mozilla, espero a alguien le sirva:
"JavaScript está diseñado en un paradigma basado en objetos. Un objecto
es una colección de propiedades, y una propiedad es una asociación entre
un nombre y un valor. Un valor de propiedad puede ser una función, la
cual es conocida entonces como un método del objeto. Además de los
objetos que están predefinidos en el navegador, tu puedes definir tus
propios objetos."

Esta es la guía que tienen de JavaScript (En español).
https://developer.mozilla.org/es/docs/Web/JavaScript/Guide/Trabajando_con_objectos

Mauricio Rey Sánchez

student•

super!!! gracias

Esme Lopez Escobar

student•

1) DOM... Document Object Model: es un modelo de como esta organizada la inf. para un navegador dentro de javascript

2) OBJETOS DEL NAVEGADOR
**-window:**controla la ventana
-document: determina el contenido del HTML. "Monta el árbol de HTML como una variable". Controla el codigo HTML
write es una función del objeto.
-navigator: controla las opciones especiales del navegador -Math3) objeto.funcion

OBJETOS CREADOS POR EL USUARIO

Santiago Avellaneda

student•

El alcance es muy alto, por ejemplo con geolocalización es posible según ubicación mostrar un mensaje u otro, activar un contenido u otro, crear aplicaciones para móviles basadas en web que usen la geolocalización, el alcance es muy amplio, recomendación en todo ejercicio mirar las posibilidades de crecimiento de este y cómo aplicarlo. Así el aprendizaje lo podrás imaginar en más situaciones e innovar, saludos

Deivid Rojas

student•

Esta muy interesante y super fácil de aprender, este tema es de practica.
El potencial humano, NO tiene límite, y tu pones los límites en lo que tu haces.
recuerda practicar para llegar a ser muy excelente en todo lo que haces.

Martin Arzuaga

student•

Perdón pero Math, document, date, etc. ¿No son clases integradas en Javascript? O también llamadas api's? Que con el operador punto (.) invoco una propiedad o método de la clase?

Luciano Levano

student•

claro esos son objetos propios de javascript .

Fran NuclearBoy

student•

Una clase también es un objeto, la magia de la POO. Y no hace falta escribir el numero pi, Math.pi lo hace solo.

Eduardo Grajales Villanueva Gr Grajales Villanueva

student•

Ahora todos sabemos dónde vives muahahaha

El Fer

student•

// Aporte: como sacar el maximo de un array usando apply
// del método estático max
var maxima;
var numeros = [5, 23, 4, 5, 12, 24, 23, 100];
maxima = Math.max.apply(null, numeros);
document.write(maxima);

Carlos Muñoz

student•

No se si me pasa solo a mi pero a veces se adelanta el video por favor areglenlo molesta

Daniel Herrera

student•

tambien me pasa creo que es cuando uno pausa el video para anotar algo o cualquier cosa y se adelanta cuando le das play nuevamente

Merky Chacon de Jesus

student•

Me pasa lo mismo, si pausas y luego le das a play se adelanta

Oscar Daniel Piñeros Hernández

student•

"La cagué"
"Maldita sea"
"El 'foquin' array"

Algunas de las expresiones tan profesionales más comunes de este señor.
Lo siento, tengo que manifestar mi inconformidad.

Enrique Tecayehuatl

student•

El chiste es aprender, y que te importe un pepino el resto, ser "ser profesional" no siempre es formalidad, y el sabe lo que dice y hace.

Iván Bello Sanchéz

student•

Triste que esté más atento a sus inconformidades por esas tonterias que por llevar un buen proceso de aprendizaje, creo que pierde su tiempo por aca.

Juan Francisco Esperanza Contreras

student•

En programación orientada a objetos las variables son conocidas como atributos y las las funciones como metodos

Jhon Gomez

student•

para las dudas si Math es una clase o un objeto

https://developer.mozilla.org/es/docs/Web/JavaScript/Referencia/Objetos_globales/Math

Hyrum Palmero

student•

de vez en cuando me estalla la cabeza, pero creo que voy bien, jajaja

Juan David Narvaez Sanclemente

student•

Wow genial eso de la geolocalizacoin, gracias Fredy

Pablo Peláez Gallego

student•

Ojo con confundir los conceptos de clases y objetos, es necesario identificar que document es un OBJETO creado cuando se carga la pagina en el navegador y es valido únicamente cuando dicha pagina esta "pintada", y Math es una CLASE cuyo estado trasciende a través de las paginas. Es posible invocar los métodos de una clase sin necesidad de crear instancias (objetos) de la misma cuando estos son estáticos (modificador "static"), por ejemplo invocando el método Math.random().

Fran NuclearBoy

student•

Pero una clase tiene métodos (comportamiento), por lo que también se puede considerar un objeto ¿no?. Disculpa si dije alguna estupidez, vengo de java y no se si javascript funciona igual.

Abner Batz

student•

DOCUMENT OBJECT MODEL

objeto

tiene :

variables

funciones

objetos principales de JS

navigator opciones especiales del navegador

windowcontroles de la ventana

document controla código del html

Mauro Manuel García Vilchis

student•

Que fácil haces ver la programación en javascrip, la verdad lo veía muy difícil, pero ya vi que no.

Pedro Campos

student•

Importante: Cuando el profe explica fuera del codigo y plantea los posibles escenarios lo que esta haciendo es una evaluancion o un analisis en frio y esto se le llama LÓGICA DE PROGRAMACIÓN y la cual es más facil de entender utilizando simbolos mediante una representacion grafica de un diagrama de flujo.

Alex García

student•

Document es un objeto y write es un metodo de objeto pero ojo, el texto que se manda a escribir al html no se llama parametro se llama argumento, los métodos pueden tener para metros, pero a la hora de mandar estos valores se pasan como argumentos del método.

Claudio

student•

JavaScript es genial, gracias Brendan Eich(Creador JS).

Maycon X. Huayapa H.

student•

//DOCUMENT OBJECT MODEL

//Navigatos, Windows, document
//Objeto :Document
// Variable
// Funciones: Write

//document.write("Hola mamá");
//var pi = 3.141592654;
//pi = Math.floor(pi);
//document.write(pi);
//pi = Math.ceil(pi);
//document.write(pi);

var maxima;
maxima = Math.max(5, 23, 4, 5, 12, 24,23,100);
document.write(maxima);

function mostrar(pos)
{
document.write(pos.coords.latitude + "," + pos.coords.longitude);
}
navigator.geolocation.getCurrentPosition(mostrar);

Objetos del navegador

Bienvenido

Aprender a programar es fácil

La Web con Visión Profesional

Aprende sobre Algoritmos

Condicionales y operadores en programación

Qué lenguaje de programación aprender primero

Material del curso / Archivos del curso

Introducción básica a HTML y Javascript para programar

Uso del sistema de vídeo y notas

Lenguajes y compiladores

HTML y Javascript

Variables y funciones

Piedra, papel y tijera con Javascript

Variables, Matrices y Objetos en Javascript

Escribir HTML desde JS (document.write)

Matrices

Juego campo minado

Objetos del navegador

Objetos en JS

Preguntas

Ciclos y Dibujos con Canvas

Ciclos

Dibujos con canvas

Dibujar con eventos

Preguntas y respuestas

Programando juegos con canvas

Tipos de imágenes

Insertar imágenes en canvas

Dibujo de múltiples imágenes en canvas

Dibujar al enemigo y controlar a Diana

Sesión de preguntas y respuestas

Uso de Objetos, Prototype y juego de ahorcado en Canvas

Objetos en JavaScript con Prototype

Creando el juego del Ahorcado

Dibujo de un ahorcado usando Canvas

Sesión de preguntas y respuestas

Cómo crear un algoritmo para el juego del ahorcado

Extendiendo la funcionalidad de los Strings

Creando nuestro algoritmo para el juego del ahorcado

Sesión de preguntas y respuestas

Pregúntale a Freddy lo que quieras ... acerca de programación ;)

Todo lo que siempre quisiste saber sobre este curso y no te atrevías a preguntar - Parte 1

Todo lo que siempre quisiste saber sobre este curso y no te atrevías a preguntar - Parte 2

Conceptos básicos de programación: Frontend-Backend

¿Qué es Frontend y Backend?

Ejemplo de un login usando POST y GET

Ejemplo de un login usando AJAX

Sesión de preguntas y respuestas

Crea tu primer servidor web con Node.JS

Instalación de Node.js

Instalación de librerías de Node con npm

Modelo cliente servidor y seguridad web básica

Servidor web con Express y Node.js

Formulario de login con Node.js

Sesión de preguntas y respuestas

Aprende a volar un dron con Javascript

Introducción a los drones

Bases de Node.js para drones

Vuela un dron con Node.js

Sesión de preguntas y respuestas

Complementos del curso

Publica tu sitio web usando GitHub Pages