Propiedades Basicas Javascript: Introduccion

por **Sakura92** Sáb Abr 06, 2013 7:09 pm

TUTORIAL REALIZADO POR PYRITE WOLF DE SOURCECODE

#001 - Introducción

Queda terminantemente PROHIBIDO (?) leer esto si no te sientes cómodo con el HTML y el CSS. no, ya, de verdad te recomiendo leer los tutos de esos temas primero y asegurarte de que manejas medianamente bien ambos lenguajes antes de avocarte al js.

El JavaScript es lo que se llama un lenguaje de scripts, algo un poquito más cercano a la verdadera programación que el HTML y el CSS. Permite mover elementos, ocultar cosas, animar cosas, emplear contadores, ¡nos abre cientos de puertas! Este tuto te explicará el funcionamiento de algunos aspectos básicos del js.

1. Bibliotecas

Como el JavaScript en sí hace que algunos efectos sean realmente molestos de hacer, existen bibliotecas que recopilan algunas acciones en funciones. De este modo, hacer muchas cosas se hace más sencillo. Hay muchas, muchas bibliotecas (Mootools, Dojo, etc.) pero la que emplearemos en estos tutos será jQuery. ¿Por qué?

A pesar de que otras bibliotecas tienen más variedad de efectos disponibles, jQuery es la mejor combinación de variedad y calidad - además de ser considerablemente liviana.
jQuery viene incorporada en todos los foros de ForoActivo por defecto. Si no tienes un foro de ForoActivo, sólo debes añadir a tu HTML:
Código:
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
Y la última versión de jQuery se cargará a tu web.

2. Cómo y dónde escribir el JavaScript

Hay muchos puntos y formas de escribir el JavaScript. Lo que veremos inicialmente será el JavaScript escrito para colocar en PA > Módulos > Gestión de las páginas JavaScript, que también se puede emplear en cualquier sección que lea HTML colocando el código dentro de un HTML básico:

Código:: <script type="text/javascript">aquí tu código js</script>

Al igual que con la etiqueta style y el CSS, tendrás que eliminar todos los enters que haya en tu código si quieres colocarlo con ese método en un post. Aún así, he visto muchos problemas con el funcionamiento de JavaScript en posts cuando no es colocado desde el Panel Administrativo.

3. Selección de elementos

Cuando se emplea jQuery, la selección de un elemento es bastante sencilla. Se pueden emplear dos formas de escritura:

$('aquí el elemento')
jQuery('aquí el elemento')

Donde dice aquí el elemento se coloca un selector como los de CSS (puedes leer sobre ellos aquí y aquí). Por ejemplo, si tenemos en el HTML un elemento que tiene una id llamada "cajita", y lo queremos llamar al JavaScript, emplearemos un selector que dirá algo así como $('#cajita').

¿Qué diferencia hay entre usar $ y usar jQuery?
Ninguna, pero jQuery generalmente se usa cuando estás empleando dos bibliotecas distintas porque muchas bibliotecas emplean el $ para abrir una sentencia de llamado al DOM o esquema HTML de una página.

Aquí termina este tuto porque el próximo tema es uno en el que me quiero explayar bastante (; cualquier consulta, duda, problema, etc. ya saben, dejen mensaje ^^

Comprendido, sigamos >>