Aprendamos juntos JavaScript 1

Como programador que soy, no puedo dejar de aprender estas cosas. A esta altura a mi ya no me parece complicado saber como se realizan. Pero hablar de JavaScript es algo que a mi, hasta hace poco tiempo atrás, me superaba. Hoy puedo decir que algunas cosas me salen, pero tengo que seguir aprendiendo para ser productivo. Como estoy en la etapa de aprendizaje, voy a enseñar otras cosas además de programar, voy a enseñarles a investigar... básicamente les voy a enseñar como es el oficio de programador, por que reconozcamos, los programadores no conocemos todo de un lenguaje, y mucho menos cuando salen cosas nuevas todos los meses. Entonces para empezar, voy a contarles lo que hice ayer domingo: Aprender JavaScript. Lo primero que hice, obviamente, fue poner en google "tutorial javascript", elegí las 10 primeras opciones y luego me puse a entender código. En todo lenguaje, para ser medianamente bueno y comprender las cosas lo más rápido posible, hay temas que hay que saber de antemano, Estos temas son los básicos en cualquier lenguaje, luego, la sintaxis es la que se aprende posterior a esto. Lo básico en cualquier lenguaje es siempre lo mismo: 1- Declaración de variables 2- Operadores logicos 3- Arrays 4- Encapsulamiento 5- Concepto de clase y objeto 6- Condicionales 7- Iteradores 8- Constructores 9- Excepciones 10- Algoritmos de búsqueda. 11- Herencia 12- Visibilidad 13- Polimorfismo 14- Intefaces 15- Vectores de clase 16- Diccionarios/Mapas 17- Listas enlazadas 18- Objetos anónimos 19- Elementos estáticos y constantes Si tenés todo esto aprendido (y di casi todo en mis posts de programando), aprender un nuevo lenguaje es básicamente algo cocinado. Así que voy a partir de que ustedes ya conocen estos temas; si no los conocen, busquen en mi perfil de T! los posts que hablan sobre los mismos. Una aclaración previa antes de comenzar, este post es "Aprendamos juntos", así que puede haber conceptos mal explicados o pobremente entendido por mi. La idea es que ustedes aporten en sus comentarios y luego en los siguientes posts iré agregando lo que me faltó o corrigiendo lo que hice mal. Comencemos: HTML Es un lenguaje estático, la idea cuando se creó este lenguaje es que se hagan documentos estilo word para el internet primitivo. Los servidores siguen trabajando igual que antes, lo único que hacen es recibir pedidos de archivos y enviar datos o archivos. Por eso, cuando a un servidor se le pide un archivo HTML, lo que hacen es mandarte todo el archivito junto y uno lo mira en su navegador. Para saber de JavaScript hay que saber algo de html... mejor dicho, ¡hay que saber html! Paginas y diseño en web no he hecho mucho que digamos, mas que nada me he dedicado al código dentro del html. Así que explicaré un par de cosas, pondré algunos ejemplos y luego pasaremos enteramente a javascript. Protocolo HTTP: Como dije antes, un servidor lo que hace es recibir pedidos y enviar datos o archivos, el modo en que lo hace es mediante el protocolo HTTP. Este protocolo básicamente lo que hace es generar una comunicación entre el cliente (la máquina del usuario) y el servidor mediante request (o requerimientos) y response (respuestas). El cliente le envía varios request al servidor para una página y le envía un response con los datos necesarios para que obtenga el archivo de la página. A su vez, el cliente también hace response al servidor para decirle que tiene los datos o para mandarle datos al servidor, los cuales requieren que sean guardados temporalmente o si hay un programa funcionando dentro del servidor, mandárselo al programa para que los administre. A su vez hay dos tipos de petición: GET y POST... los dos lo que hacen es enviar información, se diferencian entre sí en dos cosas, la cantidad de información en get es bastante limitada y al mismo tiempo la petición se la ve en la barra de navegación de tu navegador... veamos un ejemplo: http://www.youtube.com/watch?v=SH-WvTgqcQc&feature=BFa&list=PL94824AB4DC441B6B Si miramos atentamente la URL veremos esto: watch?v=SHWvTgqcQc&feature=BFa&list=PL94824AB4DC441B6B Esto es que nos manda al archivo watch y luego, lo que va después del signo de pregunta "?" es una petición del tipo GET. Veamos un poco de que se trata: SHWvTgqcQc es la id del video... pero eso no es todo. Hay mas información que es separada por la letra "&" Me imagino que esta parte "feature=BFa" debe estar relacionado con la lista de videos que está en esta parte: list=PL94824AB4DC441B6B ... Si hacen click van a entender a que me refiero: La lista que se ve en la parte inferior de la página. Esto lo que hace es hacer peticiones al servidor para determinada información, la idea de que salga la misma en la barra de navegación junto con toda la dirección es para que se pueda compartir, o sea, si yo copio la URL y se la mando a un amigo para que vea el mismo video que yo, la idea es que mi amigo pueda ver lo mismo que yo compartiendo simplemente la URL. El método de peticiones POST la diferencia está en que es para datos y archivos mas grandes, al mismo tiempo, la petición va por otra vía, la cual un usuario cualquiera no puede llegar a ver. Ahora si HTML Si no tienen un IDE como NetBeans, creen un archivo de wordPad (o blog de notas) vacío y pónganle la extensión .html, esto hará que el archivo pueda ser abierto por el navegador y lo que escriban en él sea interpretado como html. Para empezar:

Nombre:

> El método de investigación: El primer objetivo es saber lo que se quiere, por lo tanto se deben saber los nombres de las cosas que se quiere. Por ejemplo, un menú desplegable en html... primero busco en google "menú desplegable html" y si tenemos suerte va a salir algun resultado de búsqueda de como es el nombre de eso. Una vez que sabemos que se llama select, ponemos en los buscadores "select html" y vemos que sale. Respecto a javascript y a cualquier lenguaje, hay que saber con lo que se trabaja y comenzar a aprender a buscar los nombres de las cosas con las que se trabaja, es importante esto por que ayuda bastante a la búsqueda de las cosas que necesitemos. Por otro lado recuerden las palabras "Manual", "tutorial" y "documentación", esas son las tres palabras mágicas donde sacarán los mejores resultados. Por otro lado acostúmbrense a encontrar información solo en inglés, a veces las cosas solo van a estar en ese idioma., van a tener que aprender a leer en inglés o al menos saber traducir (solo para el caso de extremo apuro recomiendo los traductores, pero si estás con tiempo y aprendiendo, recomiendo que no los usen). AL FIN!!!! Iniciamos JavaScript: JavaScript lo podemos escribir tanto en un archivo a parte como en el mismo código de la página... en ese sentido es muy parecido a php y a jsp... para quien esté como yo que recién arranca con estas cosas, puede darse una idea de como funciona. Para hacerlo en un archivo distinto, crean un archivo con el blog de notas y lo ponen con extensión .js Luego lo abren y pueden escribir dentro. Por otro lado, el archivo se carga de la siguiente manera: > Por otro lado para poder escribir directamente en el código con javascript es lo siguiente: > Ahora que sabemos lo básico basiquísimo de todo, podemos comenzar. Para ello me van a tener que esperar al siguiente post.