LECCIÓN 1 Y 2 (JAVASCRIPT)

ANTES DE EMPEZAR

-A la hora de crear este curso doy por hecho que sabes al menos lo básico de el lenguaje HTML y realizar acciones básicas como lo son cortar y pegar.

-A la hora de hacer algún ejercicio deberias realizarlo pensando y no mirando la solución, asi será como de verdad aprendas es elección tuya y la que tomes solo te afectará a ti.

-Los ejercicios están pensados para fijar lo aprendido en una lección no te aconsejo saltartelos (no estamos en la escuela, has entrado aqui por voluntad propia ¿no?)

-Si en algún ejercicio te doy un código inicial, copialo y pegalo y modifica solo lo que exija el ejercicio.

Bien dejemonos de malos rollos y empezemos con el curso.



HTML no necesita una estructura en particular, javascript es extremadamente cuidadoso en este tema, su tolerancia es nula:
-En javascript al cambiar de linea indicamos que hemos terminado las especificaciones de la anterior, indica que empezamos con un nuevo comando.

-El código javascript es sensible a mayúsculas y minúsculas.

LECCION 1
EL SCRIPT

<script lenguage="JavaScript">
...
</script>

Este pequeño código html indica que entre esas etiquetas de apertura y cierre vamos a escribir en el lenguaje JavaScript, es necesario ya que hay muchos lenguajes de script.

(Para que los navegadores que no entienden javascript no muestre en pantalla el código, debemos encerrar este entre las etiquetas de comentario , también debemos añadir // (comentario en javascript) antes de cerrar el comentario. Además podemos poner en la etiqueta <noscript> un enlace a una versión de la pagina sin script, un mensaje de disculpa y/o un enlace hacia una web donde puedan obtener un navegador que si soporte javascript.)


CODIGO SIMPLE EN JAVASCRIPT:

document.write("<FONT COLOR='BLUE'>Esto es texto azul</FONT>")

document : hace referencia a la página en la que se encuentra el SCRIPT (para javascript, document es la página en la que se encuentra el SCRIPT, la actual)
write : es para indicar que a continuación escribiremos algo.
(al juntarse las anteriores estamos diciendo que se escriba lo que definimos mas adelante en el documento actual)
Lo que sigue es lo que se debe escribir, debe ir entre parentesis (y comillas si es otro código), además tiene otra "rareza" el valor que toma el parámetro color de la etiqueta <font> está encerrado entre comillas simples ( ' y ' ), lo que esto implica, es que dentro de las comillas dobles, deben usarse comillas simples.

PARA ENTENDER LA ESTRUCTURA:

objeto.método-del-objeto(instancia)

Ejercicio de práctica:
Consige el siguiente efecto con lo aprendido hasta ahora:

[color=blue]Esto es texto azul[/color]
[color=red]Esto es texto rojo[/color] 

Solución:

<SCRIPT LANGUAGE="JavaScript">
document.write("<FONT COLOR='BLUE'>Esto es texto azul</FONT></BR>")
document.write("<FONT COLOR='RED'>Esto es texto rojo</FONT>")
</SCRIPT>

......................................................................................................................................................

LECCION 2

Cometer errores al usar el código JavaScript es común por su complejidad asi que vamos a conocer los errores:

Puedes cometer dos tipos de errores, errores de sintaxis (indican que has cometido un error ortográfico al escribir algún comando, o que el orden del código no es correcto) y errores de tiempo de ejecución o Run-Time (estos indican que has utilizado un comando incorrecto)

Para evitar errores comunes es mejor escribir el código en un editor de texto sin margenes, te ahorraras tener que cambiar de linea y arriesgarte a que se convierta en error (las ventanas de errores te ayudan a arreglar los errores ya que te indican cual es el problema y además que carácter es el incorrecto (ten en cuenta que el caracter que se indique no tiene que ser el incorrecto, podría ser que falta un carácter) y en que linea se encuentra (contando desde el inicio de el documento HTML no del SCRIPT)), si nos indica que solo hay un error debemos revisar MUY DETENIDAMENTE la linea que se nos indica, si nos indica que hay más de uno, deberemos buscar en el primero, ya que tal vez los otros ni siquiera sean errores, simplemente pudo haberlos ocasionado el primero, si solucionamos el primero deberemos seguir con este procedimiento para no cambiar algo que en realidad es correcto; otro error

Ejercicio de práctica:
Arregla el siguiente error:
(Copia y pega este código en tu editor de texto html y haz vista previa para que se te indique donde están los errores, tal vez no lo entiendas todo pero con lo aprendido hasta ahora te deberías poder hacerlo.) Como resultado si lo arreglas se verá la hora y fecha actual.

<HTML>
<HEAD>
<TITLE>Error</TITLE>
</HEAD>
<BODY>
<FONT FACE="TREBUCHET MS" SIZE=3 COLOR="#000000">
<SCRIPT LANGUAGE="JavaScript">
  hoy = new Date();
  document.write("La hora actual es: " + hoy.getHours() + ":"
  + hoy.getMinutes() + "
")
  document.write(La fecha es: " + hoy.getDate() + "/" + (hoy.getMonth()+1) + "/" + hoy.getFullYear());
</script>
</BODY>
</HTML>

Solución
La solución de este la pondré en el proximo capítulo, asi me aseguro de que lo intentan.

Saludos y asta las dos proximas lecciones :wink:

Aqui está la solución:

<SCRIPT LANGUAGE="JavaScript">
  hoy = new Date();
  document.write("La hora actual es: " + hoy.getHours() + ":" + hoy.getMinutes() + "
");
  document.write("La fecha es: " + hoy.getDate() + "/" + (hoy.getMonth()+1) + "/" + hoy.getFullYear());
</SCRIPT>

Hola, sé de javascript y entiendo el codigo perfectamente pero pienso que alguien que apenas sabe html pudo haber corregido ese codigo te sugiero alguno ligero primero explicar que significa todo eso

muchos se preguntaran para que sirve get?
que es hora=
te sugiero comenzar con las variables que es lo mas comun

un ejemplo


get(toma las variables etc....)

hours = hora de tu pc...

hoy = date //esto es una variable

Hola soy yo "qmsda" pero ese usuario no iniciaba cesión: :?
Creo que tienes razón en todo, pero me parecio que debía hablar de los errores antes ya que yo vivi muuucho tiempo con ellos.
lo que nooo tiene excusa es que no alla explicado el último código, no me di cuenta, pero es lo que hago en la siguiente lección, y una o dos mas adelante explico las variables.
Gracias por corregirme, y de buenas, espero que sigas haciendolo
bye. :wink:

No hay cuidado todos cometemos errores, un saludo, y ya era hora que alguien montara un tutorial completo :wink: