Programación en JavaScript

Descubre Javascript desde cero. Esta es la primera parte del Manual de Javascript donde veremos las características del lenguaje, como la sintaxis, variables, estructuras de control, funciones, arrays, etc.

Si te parece útil este manual ayúdanos compartiendo!! :)

Listado de los capítulos

Introducciones a Javascript Artículos que nos servirán para introducirnos en este lenguaje, aprendiendo los conceptos más básicos de Javascript y la programación del lado del cliente.

1.- Introducción a Javascript

Veamos qué es JavaScript y las posibilidades que nos ofrece utilizar este lenguaje a la hora de desarrollar páginas web.

2.- Algo de historia sobre Javascript

Algunas curiosidades relativas a la historia de Javascript. Relatamos los orígenes y etimologías de este lenguaje de programación de páginas web.

3.- Diferencias entre Java y Javascript

Java y Javascript son dos productos distintos. Ponemos de manifiesto la diferencia entre estos dos lenguajes con un nombre similar.

4.- Antes de empezar

Mostramos ejemplos de páginas que emplean JavaScript en su desarrollo y comentamos las aplicaciones necesarias para empezar a programar.

5.- Versiones de navegadores y de Javascript

Presentamos las diferentes versiones de JavaScript, los navegadores que las aceptan y sus contribuciones con respecto a las predecesoras.

6.- Efectos rápidos con Javascript

En este último artículo de introducción a Javascript veremos algunos ejemplos de códigos sencillos de gran utilidad.
Primeros pasos con el lenguaje Javascript Comenzamos a aprender cosas que tienen que ver directamente con la programación en el lenguaje Javascript y la manera con la que se integra éste en una página web.

7.- El lenguaje Javascript

Veamos cómo se escribe el código en Javascript y para ello comentaremos las primeras reglas para insertar scripts en páginas web.

8.- Maneras de ejecutar scripts Javascript

Existen dos maneras básicas de ejecutar scripts Javascript en una página: al cargar la página o como respuesta a acciones del usuario.

9.- Ocultar scripts Javascript en navegadores antiguos

No todos los navegadores son compatibles con Javascript, así que tenemos que aprender cómo hacer que los scripts no molesten en navegadores que no los entienden.

10.- Más sobre colocar scripts

Últimas notas sobre cómo colocar scripts. Indicar la versión utilizada y utilizar ficheros externos.

11.- Sintaxis Javascript

Empezamos a contar la sintaxis del lenguaje Javascript, indicando sus principales características.
Trabajo con variables y tipos de datos en Javascript Una de las cosas más fundamentales en cualquier lenguaje de programación son las variables y los tipos de datos. Veremos qué son y cómo se trabaja con ellos en Javascript.

12.- Variables en Javascript

Vemos en términos generales qué es una variable, para qué sirve y cómo declarar variables en Javascript antes de usarlas.

13.- Ambito de las variables en Javascript

El ámbito de las variables en Javascript: qué son las variables locales y globales y cómo se trabaja con ellas en Javascript.

14.- Qué podemos guardar en variables

Vemos el concepto de tipos de datos para el lenguaje Javascript y por qué es importante manejarlos bien.

15.- Tipos de datos en Javascript

Vemos los tres tipos de datos que soporta Javascript: numerico, boleano y texto.
Operadores en Javascript Tratamos en diversos artículos los operadores. Ofreceremos explicaciones de todos los operadores que podremos encontrarnos en Javascript.

16.- Operadores Javascript I

Estudiamos lo que es un operador y para qué sirve. Vemos los operadores aritméticos y de asignación.

17.- Operadores Javascript II

Estudiamos los operadores de cadenas, lógicos y condicionales.

18.- Operadores Javascript III

Vemos el último tipo de operador, a nivel de bit, y la precedencia de operadores (que operadores se ejecutan antes o después).

19.- Control de tipos

Es importante que conozcamos el tipo de las variables para trabajar sin errores. Vemos cómo obtenerlo con Javascript.
Estructuras de control en Javascript Las estructuras de control nos permitirán controlar el flujo de nuestros programas. Por supuesto, también forman parte de los asuntos más básicos de Javascript y de cualquier lenguaje de programación, por lo que las veremos con detenimiento.

20.- Estructuras de control en Javascript

Introducción a las estructuras de control. Enumeramos las que tenemos disponibles en Javascript.

21.- Estructura IF en Javascript

Vemos cómo trabajar con la estrutura de control IF en Javascript.

22.- Estructura IF (parte II)

Vemos más cosas sobre la estructura IF: la anidación de IFs y el operador ?, un IF sencillo.

23.- Estructura SWITCH de Javascript

La estructura de control switch de Javascript es utilizada para tomar decisiones en función de distintos estados o valores de una variable.

24.- Bucle FOR

Descripción y ejemplos de funcionamiento del bucle FOR.

25.- Bucles WHILE y DO WHILE

Descripción y diferentes usos de los dos tipos de bucles WHILE que se encuentran disponibles en Javascript, con algunos ejemplos prácticos.

26.- Break y continue

Dos instrucciones que aumentan el control sobre los bucles en Javascript. Sirven para parar y continuar con la siguiente iteración del bucle respectivamente.

27.- Bucles anidados en Javascript

Explicamos lo que es un bucle anidado, cómo funcionan y para qué sirven. Vemos algunos ejemplos.
Funciones en Javascript Las funciones nos permitirán hacer programas y scripts más optimizados y de fácil mantenimiento. También son básicas en cualquier lenguaje de programación y les dedicaremos varios artículos.

28.- Funciones en Javascript

Comenzamos con las funciones en Javascript. Definimos el concepto de función y aprendemos a crearlas y a llamarlas.

29.- Dónde colocamos las funciones

Vemos la manera de insertar las funciones Javascript de cliente dentro de las páginas web.

30.- Parámetros de las funciones

Vemos lo que son los parámetros en las funciones. Vemos como definir funciones que reciben parámetros en el lenguaje Javascript y como hacer llamadas a funciones pasando parámetros.

31.- Valores de retorno

Las funciones pueden devolver valores, a través de la sentencia return. También vemos un apunte sobre el ámbito de variables en funciones en Javascript.
Arrays Javascript Los arrays, también llamados tablas o matrices, son la primera estructura de datos que podemos aprender en Javascript y en otros lenguajes de programación. Sin duda serán imprescindibles para desarrollar programas medianamente avanzados.

32.- Arrays en Javascript

Vemos que son los arrays en Javascript, para qué sirven y cómo utilizarlos. Veremos diversas formas de crearlos, así como definir y acceder a sus valores.

33.- Longitud de los arrays

Aprendemos más cosas sobre el funcionamiento de los arrays y en concreto vemos como utilizar su propiedad length para acceder al número de casillas que tiene.

34.- Arrays multidimensionales

Vemos qué son los arrays multidimensionales (arrays de más de una dimensión) y cómo utilizarlos. Además explicamos cómo inicializar arrays en su declaración.
Epílogos a esta primera parte del Manual de Javascript Con estos artículos terminaremos la primera parte del manual de Javascript de DesarrolloWeb.com. Aquí veremos por dónde continuar estas explicaciones y algunos temas de interés como el control de errores en los programas.

35.- Pausa y consejos Javascript

Hacemos una pausa en el manual de Javascript para ofrecer una serie de consejos útiles.

36.- Tratamiento de errores en javascript

Vamos a explicar los errores comunes que podemos cometer y cómo evitarlos y depurarlos. Además veremos una pequeña conclusión a la primera parte del manual.

37.- Consejos para escribir código Javascript

En este artículo puedes encontrar varios consejos bastante interesantes a la hora de programar código Javascript.

Descargas

 Si eres usuario de DesarrolloWeb:
Archivo de descarga Manual de Javascript I Texto completo en PDF, listo para imprimir, del manual de DesarrolloWeb.com Manual de Javascript I. Descarga compilada y actualizada el día 30/09/10.
Tamaño: 426 KB
Fecha creación: 30/09/2010
Páginas: 59

Bibliografía recomendada

LA BIBLIA DE JAVASCRIPT

Compra este libro en Agapea, la librería urgente a domicilio.

Manual en portugués
Esta disponible en CriarWeb.com:

Compartir

Comentarios

midesweb

07/4/2009
Aprende Javascript, incluso sin saber programar
Este manual lo escribí hace años, pero hoy todavía sirve para aprender Javascript desde cero. Lo hice pensando en que incluso las personas que no saben programación pudieran aprender a programar y utilizar el lenguaje Javascript.

ericzon_xxxx

07/4/2009
manual JavaScript
La verdad es que para aprender rápidamente JavaScript va bastante bien, comenzando desde 0.

Un 10 al creador

pedro_locutus

26/5/2009
No se imprime
Hola. Es muy completo. sin embargo da problemas para imprimir.

pasku

01/7/2009
¿pdf?
¿por qué tantas páginas para repartir el tutorial?
¿seria posible conseguirlo en pdf?

Karnos08

17/9/2009
una propuesta
muy completo el materia muy bueno, pero creo que lo deberian de dar en pdf seria una forma mejor de manipula el materia y ayudaria a descojestionar la pagina

Ernesto Suarez Lozano

22/10/2009
felicitacion y sugerencia
Compañero el manual esta muy bueno, lo llleva a uno de la mano conociendo y explicando de una excelente manera cada uno de los temas. Mi sugerencia es que deberias incorporar en algunas secciones ejercicios o mejor problemas que ayuden al aprendiz a desarrollar nuevas habilidades. Una ves mas felicitaciones :).

Laida

14/12/2009
Metodologia de Programacion
Saludos,

El manual de JavaScript me parece excelente. Sin embargo, no logro encontrar la metodología de programación utilizada en este lenguaje. Agradeceré me la expliquen, por favor.

diego

20/12/2009
Objetos
Me sirvió mucho, se agradece, pero no soluciono todos mis problemas, estoy trabajando con un script ya escrito que estoy modificando, y tiene objects, y no se trabajar con ellos, quisiera saber donde hay algo más avanzado. Gracias

María

01/4/2010
programación en JavaScript
Menos mal que por fin hay un curso de JavaScript clarito, clarito...
Mil gracias, es una ayuda inestimable

akarl

15/5/2010
manual java script
Excelente esta muy bueno este manual recontra bacan.

rgcs

26/5/2010
JavaScript
La verdad que esta nuy bien hecho todo desde los manuales html,CSS, y JavaScript.
Te da una idea en todo si uno sigue las recomendaciones que nos hacen.
desde ya gracias por estar en la web

include

22/7/2010
me gusto un pageton
muy bueno...

martin_tapia

20/8/2010
Buen Manual
la verdad bastante claro, muy muy bueno

iWexCoder

29/8/2010
Muy bueno
Muy buen manual para principiantes...es de buena guía para los que se incian Logico que hay que completar con mas material, pero como es guia es excelente.

Saludos

midesweb

28/9/2010
Actualización del manual de Javascript en esta primera parte
Hola a todos los lectores!
Llevo dos días en los que me he pegado el currazo de revisar todo el manual, leyendo cada artículo y completando las informaciones cuando tocaba, reparando algún ejemplo, etc. Modestia aparte, si el manual ya era bueno, ahora todavía lo es más!
Mañana actualizaré la descarga en PDF para que tenga todos los cambios en el texto que he metido durante estos días.
Espero que todos lo podáis aprovechar mucho!!!

fredy_ramos-633343

06/10/2010
esta muy bueno
si esta muy bueno este manual ya que quiero aplicar javascript ami pagina personal

skynerzed

08/10/2010
Xido Xido
Soy nuevo en l foro y mis respetos muy buenos temas y aportes n lo personal no sabia much sobre javascript y este manual esta muy bien gracias

midesweb

11/11/2010
Descarga Actualizada!
Hola,

Se me olvidó comentar en su día que se actualizó el PDF de esta primera parte del Manual de Javascript. Salieron 59 páginas bastante majas! donde podréis aprender las generalidades sobre el lenguaje de programación Javascript.

Pero recordar que en la segunda parte de este manual, que se puede ver y descargar aquí también en DesarrolloWeb.com, tiene mucho más sobre cómo con el lenguaje se puede definir interacción con el usuario y cambiar el estado de la página.

Osea, en esta parte hemos visto el lenguaje, y en la siguiente se verá cómo utilizarlo para hacer páginas dinámicas.

inadmesi

15/11/2010
manual java script 1
muy completo, agradezco si pueden colocar la parte 2

midesweb

17/11/2010
Sobre la parte 2 del manual de Javascript
Hola!
La segunda parte del manual de Javascript la puedes ver en esta URL:
http://www.desarrolloweb.com/manuales/26/

TyrantRC

29/1/2011
+1 Para este manual
xD me lei todo el manual 1 en una noche ... Esta muy bien como redactan las explicaciones de los diversos temas a tratar

Saludos

elbusty

02/2/2011
Manual
Muy buenos y completos los manuales!! Gracias

jcandiat

07/4/2011
EXCELENTE
genial, me gusto el manual...

UN 1000 AL CREADOR
xD

TeO786

14/8/2011
aja
Sera weno..pero nu puedo descargarlo xfa..m podrian ayudar!!
plisss!!

TeO786

14/8/2011
plOp!!
nad..era mi antiviruss...blOqueo las descargas!!

cabrito007

07/9/2011
Agradecimientos
Muchas gracias compañeros por hacer este sitio posible estoy empezando a incursionar en el desarrollo de aplicaciones por medio de las Apis de Google y la mayoría están diseñadas para Javascript realmente muchas gracias...

JeiZzom

20/9/2011
Manual Javascript Parte 1, desde 0
Sinceramnete este manual es muy completo, me ayudo mucho, hay que darle un 10 al creador, ps explica todo en este manual muy detalladamente.

Muchas gracias

Jose Luis

07/10/2011
Insertar imagen
Hola tengo el siguiente javascript
Cadena=''; Encontrados=0;
for (x=0;x<=Provincia.length-1;x++)
{
if (Prov==Provincia[x])
{
Cadena+='<b>'+NomTaller[x]+'</b><br>';
Cadena+=Direccion[x]+'<br><br>';
if (Tfn1[x]!="") Cadena+=Tfn1[x]+'<br>';
if (Correo[x]!="") Cadena+='<a href="mailto:'+Correo[x]+'">'+Correo[x]+'</a><br>';
if (Web[x]!="") Cadena+='<a href="http://'+Web[x]+'" target="_blank">'+Web[x]+'</a><br>';
AQUI QUIERO PONER UNA IMAGEN
Cadena+='<br><hr><br>';
Encontrados++;
}
}

Y quisiera poner una imagen donde he puesto el texto "AQUI QUIERO PONER UNA IMAGEN" me podeis decir qué tengo que poner.
Perdonan mi torpeza, pero es que no se nada de javascript y necesito poner una imagen en ese sitio en concreto
Gracias

DF_WebDeveloper

12/12/2011
Gracias por el manual!!
Gracias a este manual he podido dar mis primeros pasos en javascript y pude ver que se parece mucho al lenguaje del lado del servidor PHP. Espero que pueda aprender mucho más en el Manual de JavaScript II.

absolutkarlos

27/12/2011
usar el resultado de una funcion como variable
buenas noches, tengo una funcion que arroja como resultado un numero X (viene de un api externo)

function onGDirectionsLoad(){
document.getElementById("Distancia").innerHTML =
Math.round(gdir.getDistance().meters);
}

Necesito multiplicar X por A si X es mayor que 10
multiplicar X por B si X es mayor que 20
multiplicar X por C si X es mayor que 30
y multiplicar X por D si X es mayor que 10

pero no logro dar con el codigo correcto. alguien puede ayudarme con esto?

roscaxapa

30/1/2012
Gracias por el manual
Gracias por el manual me va a venir bastante bien, para aprender a utilizarlo por primera vez

Enrique

14/3/2012
GRACIAS!
Muchas gracias por haber realizado este manual, veo que lleva mas de 10 años ayudando a personas a entender Javascript!

Tambien he leido el de HTML y me parecio muy bueno, en una noche he aprendido las bases.

Y espero, despues de terminar la segunda parte, continuar con el manual de Jquery

Norna

05/8/2012
holaaa
Estoy empezando con este manual y parece que la cosa va bien, espero aprender mucho.
quería enviar un saludo

norna

fede

29/9/2012
Excelente
Empece a leer hace un rato y quiero decirles que me parece excelente los manuales de su web. Muy claros, en verdad se preocupan por la gente que tienen pocos conocimientos y quieren aprender.

Por mi parte estudio diseño web, conozco html y css. La semana pasada leí CSS3 en DesarrolloWeb y aprendi a la perfeccion y ahora voy a intentar con Javascript.

MUCHAS GRACIAS Y SIGAN ASI

vane_2994

08/1/2013
puedo descargarlo completo ??
y en el 2013 aun lo seguimos usando jejej pero mi pregunta es si lo puedo descargar completo

Pmontoya

28/6/2013
Claro
Claro y conciso...y ademas con ejemplos. Que mas se necesita para aprender.

Marcelo Lionel Aranda

05/10/2013
Muy buen manual
Esta excelente el manual!!!

pedro2013

05/10/2013
A ver que encuentro
Voy a mirar un poco a ver si encuentro algo interesante!!!

moxita

11/10/2013
Anclas
Estoy buscando en el manual el temario de anclas explicado desde cero, estoy haciendo un curso de desarrollador web y estamos con Javascript, estuve enferma unos días y me he quedado con lagunas...

Me pueden ayudar y mandarme el link en el punto donde el manual trata este tema por favor?

Gracias y enhorabuena por el manual

designerone1

29/11/2013
Duda respecto al manual de javascript I
e recomiendan empezar desde su manual javascript I, yo soy principiante en este tema por cierto.

designerone1

29/11/2013
¡¡¡AYUDA!!! ACERCA DEL MANUAL JAVASCRIPT
Saludos

Jonatha Hernandez

28/8/2014
!Sin palabras, esta genial
De verdad muchas felicidades por su trabajo, es extraordinario y ha sido de mucha utilidad.
Agradezco todo su esfuerzo y nada de esto sera en vano, al dejarnos a nosotros herramientas para mejorar,
En hora buen y felicidades de nuevo...

rufio

11/10/2014
NO SE PUEDE DESCARGAR
ALGUIEN ME PUEDE DECIR COMO DESCARGAR ESTA MIERDA

pitu_petu

28/10/2014
No puedo descargar ningun manual
Alguien me puede ayudar a descargar esto?

He probado con chrome, firefox, explorer pero nada :(