Javascript

En este post quería indagar sobre lo que es JavaScript muchos si saben lo que es JavaScript mientras otros no, pero el propósito de este post es dar a conocer que es JavaScript, sus funciones básicas, los diferentes frameworks que existen, un ejemplo y algunas otras cosas que puedan surgir

 ¿Que es Javascript? 

JavaScript también abreviado como "JS", es un lenguaje de programación interpretado salió por primera vez en 1995, el antecesor de JavaScript fue  ECMAScript. El objetivo principal de JavaScript se enfoca en el lado del cliente todo lo implementado del lado del navegador haciendo dinámicas las páginas y realizando una mejora en la interfaz. Los lenguajes que ayudaron a su realización fueron: Java, Perl, Self, Python, C, Scheme.

Así como existe JavaScript de lado del usuario existen del lado del servidor también entre los cuales podemos mencionar Nodejs (Muy famoso cada vez más popular), Jaxer o RingoJS entre otros. Una de las cosas que hay que resaltar es que tanto Java como JavaScript NO ES LO MISMO, porque tiene semánticas y propósitos diferentes. Una de las preguntas que se pueden hacer muchos es ¿Cómo probar una aplicación en JavaScript? o para los que saben de programación ¿Cuál será el IDE para ejecutar aplicaciones en JavaScript? Todos los navegadores (Actuales) son capaces de interpretar el código JavaScript integrado en las páginas.

¿Por qué estudiar JavaScript? 

JavaScript es un lenguaje de programación que todos los desarrolladores web deberían aprender. Además es muy fácil de encontrar documentación, programas de estudios, tutoriales, etc. para poder aprender, también existen varias páginas donde los programadores pueden aprender. Y algo a resaltar es que gracias a la facilidad que tiene JavaScript cualquier persona puede empezar a programar sin ningún problema.

Otra cosa muy importante para que sepamos que estamos trabajando con Javascript es que estaban basados en Scripts que se introducen en las etiquetas de las páginas web para poder introducir aspectos especiales del programa. Un ejemplo es el siguiente:

<SCRIPT SRC="buscadores"></SCRIPT>

Los script anteriores pueden ser alojados en otro archivo con extensión ".js" y pueden ser accedidos  o pueden estar dentro de la misma página web.

Funciones de Javascript

Estas son la funcionalidades que no pueden  faltar cuando se programe en JavaScript
1) getElementById(): Este método pertenece al objeto document. Ejemplo:

var elemento = document.getElementById(id); 

2) getElementsByTagName(): Este método sirve para obtener un array con todos los elementos. Ejemplo:

 var array_elementos= elemento.getElementsByTagName(tag);

3) focus(): Este método conseguiremos pasar el foco a un elemento de un formulario. Ejemplo:

elemento.focus();

4) setTimeout()/setInterval(): Estos métodos nos sirven para ejecutar código javascript cada x milisegundos, Ejemplos

var temporizador = setTimeout(funcion, milisegundos);
var intervalo = setInterval(funcion, milisegundos); 

5) alert()/confirm()/prompt(): Básicamente estos métodos mostraremos ventanas modales al usuario. Ejemplos:

alert(mensaje);
var resultado = confirm(mensaje);
var resultado = prompt(mensaje, valor); 

Listado de distintos Framework Javascript

MooTools:
Es un framework de JavaScript orientado a objetos, cuyo código es abierto, el objetivo de este framework es ayudar a los programadores a desarrollar aplicaciones JavaScript sin importar el navegador se ejecute de una manera elegante,  además aporta un API enfocada a la orientación de objetos cuya forma de escribirlo es estándar que los navegadores web pueden soportar. Página oficial: MooTools.

JQuery:
JQuery básicamente es una biblioteca de JavaScript que nos facilita la manera de manejar los documentos HTML, manipular árboles DOM, desarrollar animaciones, manejo de eventos, etc. Es un software libre y código abierto, su página oficial es: JQuery

Prototype: Este framework que a muchos usuarios les parces una herramienta altamente profesional para su uso, además es muy bueno y lo recomiendan bastante cuando se realizan aplicaciones empresariales, aunque existen varios que dicen que es muy pesado. Página oficial: Prototype

Rico: Este framework es de código abierto, los programadores lo utilizan para crear ricas aplicaciones web altamente interactivas para los usuarios, una de las curiosidades que se resalta de rico es que se basa en el marco de Prototype y su distribución está bajo la licencia Apache. Soporta varias funcionalidades útiles que pueden ser verificadas en su página oficial: Rico

Angular: Este framework es de código abierto que es mantenido por google, el objetivo principal de angular es ayudar a los desarrolladores web a crear aplicaciones con la capacidad de MVC (Modelo Vista Controlador). Se puede catalogar dentro de la familia de frameworks como BackboneJS o EmberJS. Su página oficial es: AngularJS.

React: La funcionalidad principal de react es poder construir aplicaciones móviles o web, es de código abierto, este framework a pesar que contiene algunos conflictos, a su vez ofrece grandes beneficios en performance, modularidad y promueve un flujo muy claro de datos y eventos, realizando la planeación y desarrollo de aplicaciones complejas más accesibles. Algo muy importante de resaltar es que este framework está centralizado en la visualización.  Página oficial:  ReactJS

BackboneJS: Nos ayuda a crear tu app rápidamente aunque en algunas circunstancias es muy complicado de utilizar y manipular. La mayoría de los desarrolladores eligen BackboneJS porque parece la alternativa más segura, BackboneJS lleva más tiempo en el mercado y eso hace que exista más documentación en línea y está mantenido por una gran comunidad. Página oficial BackboneJS

Estos son los frameworks más mencionados o conocidos, cada uno contiene en sus páginas oficiales ejemplos para poder aprender a programar y a su vez como les comente anteriormente para estos frameworks existen muchos tutoriales.

Ejemplo

Estaré subiendo un ejemplo básico que espero puedan entenderlo, es muy sencillo, cualquier duda o comentario espero que me escriban.
El código es el siguiente:

Hay que resaltar que el código Javascript es lo que se encuentra dentro del tag <script type="text/javascript"> </script>.  Este ejemplo esta a su vez esta comentado para que se pueda entender lo que se esta realizando.
Y su resultado que se deberá obtener es el siguiente:

Espero sus Comentarios.