Tutorial JavaScript - Parte 1

Bienvenidos al post, este proyecto nació desde el día que Taringa se volvió monótona así que decidí aportar en mi tiempo libre, mis conocimientos, aunque sea los más ínfimos así que disfruten.. Daniel.

Introducción. Esto está redactado muy sencillamente, si te parece mucho, es que no tenes ganas de leer vago.

Hoy en día, en la web, el scripting en javascript es esencial.tanto lo es que sí, desactivaramos javascript(en lo posible) de nuestro browser, ninguna página como la conocemos sería la misma.

Aclaraciones y preguntas frecuentes sobre JavaScript (rápido)

¿JavaScript y Java son lo mismo?

No, es una larga historia. Java es un lenguaje de programación mucho más complejo tanto que está a la altura de C/C++. NO SON LO MISMO. ¿Qué se puede hacer con JavaScript? JavaScript da a los diseñadores una herramienta de programación HTML - los autores de HTML normalmente no son programadores, pero JavaScript es un lenguaje con una sintaxis muy simple! Casi cualquier persona puede poner pequeños "trozos" de código en sus páginas HTML. JavaScript puede reaccionar a los acontecimientos - Un JavaScript se puede configurar para ejecutar cuando algo sucede, como cuando una página ha terminado de cargar o cuando un usuario hace clic en un elemento HTML. JavaScript puede leer y escribir los elementos de HTML - Un JavaScript puede leer y modificar el contenido de un elemento HTML. JavaScript puede ser utilizado para validar los datos - Un JavaScript puede ser utilizado para validar los datos del formulario antes de que se envíe a un servidor. Esto evita errores, o dificultades en el procesamiento. JavaScript puede ser utilizado para detectar el navegador del visitante y, dependiendo del navegador, cargar otra página diseñada específicamente para que el navegador. JavaScript puede ser usado para crear cookies - Un JavaScript puede ser usado para almacenar y recuperar información en la computadora del visitante.¿Qué programas debo usar para este lenguaje? Basta con un editor de textos (Ej: Gedit, Bloc de notas, etc.), Javascript se ejecuta(interpreta) directamente en el browser(o navegador). Pero se pueden usar programas como dreamweaver para ayudarnos a escribir nuestro código, es permitido.¿Aprender JavaScript es difícil . No, solo es práctica. Así como cada lenguaje, una persona tiene que interesarse en buscar código, ver código, modificar código, equivocarse, probar. Es interesante lo que dice Richard Stallman "..Para aprender a escribir código para programas grandes necesitan escribir pequeños cambios en el código de programas grandes.. ". En fin, vamos sin más preámbulos, a comenzar.Dónde colocar un JavaScript

[code]

<html>
<head>
<title> Hola Mundo </title>
<!--un código javascript podría ir aquí-->
</head>
<body>
<!-- o bién aquí  -->
</body>
</html>

[/code]

Formas de colocar un JavaScript.-
Puede ser con el tag.. "Script"
[code]

<html>
<head>
<title> Hola Mundo </title>
<script type="text/javascript">
//código del script
</script>
</head>
<body>
<script type="text/javascript">
// otro código ..
</script>
</body>
</html>

[/code]

.- Pero, también desde un archivo .js (los archivos de extensión ".js" son los que contienen código JavaScript)
[code]

<html>
<head>
<title> Desde archivo externo</title>
<script type="text/javascript" src="ejemplo1.js"></script>
</head>
<body>
<script type="text/javascript"  src="scripts/ejemplo2.js"></script>
</body>
</html>

[/code]

Usando este método es muy pero muy importante cerrar con "</script>" o sinó no les va a funccar el código ^^


.- "Hola mundo" ..
Vamos a comenzar con el típico hola mundo en javascript

[code]
<html>
<head>
<title> Hola Mundo </title>
</head>
<body>
<script type="text/javascript">
document.write ("hola mundo");
</script>
</body>
</html>
[/code]

Guardar y probar un javascript
Bien, usaremos dos formas de almacenar un javascript: Dentro de un html o bien dentro de un archivo JavaScript.En el caso de ser un html..una vez dentro del bloc de notas, gedit, o bien dreamweaver, abrimos;
Archivo, guardar como, le damos un nombre y le agregamos extension
".html"  (EJ:  Ejemplo.html). nota: En el caso de dreamweaver, no es necesario.

En el caso de ser un javascript .. (osea, extensión .js )Voy a hacer una aclaración.. Si, nosotros hacer un archivo externo javascript, debemos escribirlo de la siguiente manera

[code]

document.write ("Hola Mundo");

[/code]

Vieron? en ese caso no es necesario poner el tag "Script". luego lo guardamos como nombredearchivo.js .. y lo llamamos en un documento html.

Comentarios en JavaScript
[code]

<html>
<head>
<title> Hola Mundo </title>
<script type="text/javascript">
// comentario  de una sola linea

/*   comentario de más
de una linea*/
</script>
</head>
<body>
<script type="text/javascript">
//comentario tipo 1
/* comentario tipo 2  ejemplo 2la diferencia entre estos dos comentarios es que
uno, solo puede hacer comentarios en una sola linea (tipo 1)en cambio éste (tipo 2), puede contener varias lineas..  */
</script>
</body>
</html>

[code]

JavaScript es un  lenguaje Case Sensitive.. cuando decimos case sensitive es que toma mucho en cuenta si a una variable, funcion o algoesta escrito todo con minusculas, o todo en mayusculas o con intervalos..entoncesej:
[code]
PEPITO;
[/code]
no es lo mismo que
[code]
PEpITO;
[/code]
ni que..
[code]
pePITO;
[/code]

Descargar como PDF : http://www.mediafire.com/?k55nok6ft7evtje
Gracias por leer esto, un beso y que sigan bien . Daniel.