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.

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. Entrar

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. Entrar

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. Entrar

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

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. Entrar

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. Entrar

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. Entrar

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. Entrar

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. Entrar

10.- Más sobre colocar scripts
Últimas notas sobre cómo colocar scripts. Indicar la versión utilizada y utilizar ficheros externos. Entrar

11.- Sintaxis Javascript
Empezamos a contar la sintaxis del lenguaje Javascript, indicando sus principales características. Entrar

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. Entrar

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. Entrar

14.- Qué podemos guardar en variables
Vemos el concepto de tipos de datos para el lenguaje Javascript y por qué es importante manejarlos bien. Entrar

15.- Tipos de datos en Javascript
Vemos los tres tipos de datos que soporta Javascript: numerico, boleano y texto. Entrar

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. Entrar

17.- Operadores Javascript II
Estudiamos los operadores de cadenas, lógicos y condicionales. Entrar

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). Entrar

19.- Control de tipos
Es importante que conozcamos el tipo de las variables para trabajar sin errores. Vemos cómo obtenerlo con Javascript. Entrar

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. Entrar

21.- Estructura IF en Javascript
Vemos cómo trabajar con la estrutura de control IF en Javascript. Entrar

22.- Estructura IF (parte II)
Vemos más cosas sobre la estructura IF: la anidación de IFs y el operador ?, un IF sencillo. Entrar

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. Entrar

24.- Bucle FOR
Descripción y ejemplos de funcionamiento del bucle FOR. Entrar

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. Entrar

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. Entrar

27.- Bucles anidados en Javascript
Explicamos lo que es un bucle anidado, cómo funcionan y para qué sirven. Vemos algunos ejemplos. Entrar

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. Entrar

29.- Dónde colocamos las funciones
Vemos la manera de insertar las funciones Javascript de cliente dentro de las páginas web. Entrar

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. Entrar

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. Entrar

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. Entrar

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. Entrar

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. Entrar

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. Entrar

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. Entrar

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. Entrar

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:

Comentarios
Envie un comentario u opinión sobre este manual.

Compartir

Comentarios
Fueron enviados 35 comentarios al manual
5 comentarios no revisados
30 comentarios revisados:
Aprende Javascript, incluso sin saber programar
07/4/2009
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...
manual JavaScript
07/4/2009
La verdad es que para aprender rápidamente JavaScript va bastante bien, comenzando desde 0.

Un 10 al creador

pedro_l...
No se imprime
26/5/2009
Hola. Es muy completo. sin embargo da problemas para imprimir.
¿pdf?
Por: pasku
01/7/2009
¿por qué tantas páginas para repartir el tutorial?
¿seria posible conseguirlo en pdf?

Karnos0...
una propuesta
17/9/2009
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
felicitacion y sugerencia
Por: Ernesto Suarez Lozano
22/10/2009
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 :).
Metodologia de Programacion
Por: Laida
14/12/2009
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.
Objetos
Por: diego
20/12/2009
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
programación en JavaScript
Por: María
01/4/2010
Menos mal que por fin hay un curso de JavaScript clarito, clarito...
Mil gracias, es una ayuda inestimable

akarl
manual java script
15/5/2010
Excelente esta muy bueno este manual recontra bacan.
JavaScript
26/5/2010
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
me gusto un pageton
22/7/2010
muy bueno...

martin_...
Buen Manual
20/8/2010
la verdad bastante claro, muy muy bueno
Muy bueno
29/8/2010
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
Actualización del manual de Javascript en esta primera parte
28/9/2010
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_r...
esta muy bueno
06/10/2010
si esta muy bueno este manual ya que quiero aplicar javascript ami pagina personal

skynerz...
Xido Xido
08/10/2010
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
Descarga Actualizada!
11/11/2010
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.

inadmes...
manual java script 1
15/11/2010
muy completo, agradezco si pueden colocar la parte 2
Sobre la parte 2 del manual de Javascript
17/11/2010
Hola!
La segunda parte del manual de Javascript la puedes ver en esta URL:
http://www.desarrolloweb.com/manuales/26/

TyrantR...
+1 Para este manual
29/1/2011
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
Manual
02/2/2011
Muy buenos y completos los manuales!! Gracias
EXCELENTE
07/4/2011
genial, me gusto el manual...

UN 1000 AL CREADOR
xD

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

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

cabrito...
Agradecimientos
07/9/2011
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...
Gracias por el manual!!
12/12/2011
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.

roscaxa...
Gracias por el manual
30/1/2012
Gracias por el manual me va a venir bastante bien, para aprender a utilizarlo por primera vez
holaaa
05/8/2012
Estoy empezando con este manual y parece que la cosa va bien, espero aprender mucho.
quería enviar un saludo

norna

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

En este manual
Manuales relacionados
Donaciones
Si piensas que te hemos ayudado y merecemos tu apoyo económico...