Aprende Web
Crea y diseña tus sitios en la Web.
Manual de Javascript
Javascript: lenguaje interactivo para dinamizar la web.
Y ahora tambien aprende a programar en C++ con Aprende Web C++
RSS. Suscribir canal. Buscar en Aprende Web
Traducir página
Visita nuestro blog:
y entérate de las novedades o deja un comentario.
Dudas y sugerencias:
Sobre ésta página
Ültima modificación: 19-12-2017.
Visitas este mes: 208
Visitas el mes pasado: 227
WEB-GRAFÍA
Mi agradecimiento a los siguientes sitios en los que me he basado para la elaboración de este manual.:
- Desarrollo Web: manual de Javascript
- Desarrollo Web, por Miguel Angel Álvarez
- Libros Web: introducción a Javascript
- Libros web, por Javier Eguíluz Pérez
- Curso de Javascript: Programación Web
- www.programacionweb.net
- WebEstilo: JavaScript
- www.webestilo.com
- W3 schools; Javascript Tutorial
- www.w3schools.com
- Manual de Javascript: José Antonio Rodríguez.
- Jose Antonio Rodriguez: manual en PDF
Donativos
Si este sitio te parece interesante puedes contribuir con una pequeña aportación.
Aprende Web por Anyelguti is licensed under a Creative Commons Reconocimiento-NoComercial-SinObraDerivada 3.0 Unported License.
1. Primeros pasos (I)
1.1 Preparar la página.
El lenguaje javascript
Aprenderemos aquí a aplicar el lenguaje de programación javascript. Javascript permite crear páginas dinámicas. Este lenguaje es leído e interpretado por el navegador del usuario, de forma que es un lenguaje de programación del lado del cliente.
Como se ha dicho en la introducción, para poder seguir este manual debemos saber ya previamente los lenguajes HTML y CSS. No necesitamos nada más, ni debemos asustarnos al oir hablar de "lenguaje de programación", ya que javascript es más fácil de lo que parece. Programar es decirle al ordenador lo que queremos que éste haga, y en este caso es decirle a la página que está viendo el usuario las acciones que queremos que se muestren en la página.
Para saber más sobre javascript, puedes consultar en Wikipedia: Javascript donde encontrarás la definición, y el origen y desarrollo de este lenguaje.
La pagina web
Javascript es un lenguaje que se aplica a las páginas web. Por lo tanto para aplicar el lenguaje javascript debemos diseñar primero una página Web, debemos tener primero la página, o por lo menos sus partes estáticas, con el código HTML y CSS necesario para poder visualizarla
Una vez tengamos la página podemos aplicar direfentes scripts o codigo javascript para poder realizar las acciones dinámicas.
El código javascript se integra dentro de la página, haciendo referencia a partes de la página en donde debe aplicarse, de ahí la importancia de tener una página bien construida, ya que las instrucciones de javascript se aplican sobre el documento construido en código HTML y CSS.
El Doctype
Es importante que la página tenga siempre la instrucción Doctype correcta. Mediante el elemento Doctype el navagador interpretará la página y el código javascript correctamente. La falta del elemento Doctype, o si éste no esta escrito correctamente, puede provocar que el código javascript no funcione bien o simplemente no funcione, ya que el navegador puede interpretarlo de forma distinta.
Sobre cómo escribir correctamente el elemento Doctype puedes consultar la página 8.1. La etiqueta Doctype del manual de HTML.
Hay varios tipos de etiqueta Doctype, si no tenemos una página con frames, debemos usar el modo transicional o el estricto, respecto al lenguaje podemos usar tanto el HTML 4.01 como el XHTML 1.0, aunque es más recomendable usar el XHTML 1.0. En los ejemplos que usemos en este curso utilizaremos la etiqueta Doctype XHTML 1.0 transicional. la etiqueta es la siguiente:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Recientemente tenemos la opción también de construir la página con el nuevo HTML5, en este caso pondremos el Doctype para HTML5, el cual es mucho mas simple. Con HTML5 podemos remplazar el Doctype anterior por lo siguiente:
<!DOCTYPE HTML>
Validación
Ya hemos destacado la importancia de que la página esté bien construida. Una de las maneras de asegurarnos de que esto es así es validar el código HTML. Validar la página es comprobar que está bien construida de acuerdo con las normas del W3C (World Wide Web Consortium), tal como se ha explicado en el manual de HTML, página 11.1 Validación, hay varias formas de validar la página. Las más habituales son usar el validador del W3C, en la pagina http://validator.w3.org/, o usar el plugin del navegador Mozilla Firefox "HTML Validator". Sobre cómo usarlos puedes encontrar más información en el página antes mencionada del curso HTML-CSS.
Hay algunas etiquetas que no son reconocidas por el validador, como la etiqueta
embed. En este caso la página no quedará validada. En realidad no es tan
importante que la página esté o no validada sino que esté bien construida; sin etiquetas sin cerrar o
que se solapen unas a otras, así por ejemplo un código como el siguiente:
<p>El siguiente <b><i>código</b></i> no está bien construido. </p>
Aunque el navegador lo lea perfectamente, tendría problemas para aplicarle
código javascript, ya que las etiquetas <b> y <i> están solapadas.
En la siguiente página mostraremos las normas de escritura en javascript
imprimir esta página
Página creada por ANYELGUTI.
Sugerencias:
aprendeweb@aprende-web.net. Envia un 
Visita nuestro blog par saber en qué estamos trabajando: Aprende Web Blog
Más sobre anyelguti en http://anyelguti.16mb.com