Sei sulla pagina 1di 4

PROGRAMACION EN JAVASCRIPT

Técnicamente, JavaScript es un lenguaje de programación interpretado, por lo que no


es necesario compilar los programas para ejecutarlos. En otras palabras, los
programas escritos con JavaScript se pueden probar directamente en cualquier
navegador sin necesidad de procesos intermedios.
Programar es indicar a una máquina que siga un conjunto ordenado de instrucciones.
En realidad es una acción cotidiana que realizamos sin apercibirnos:
Seguimos una receta de cocina.
ESTRUCTURA BÁSICA DE UN PROGRAMA
Un script es un código interpretado por un software especial capaz de leerlo línea tras
línea. En el caso de Internet este software es un navegador web. Chrome, Mozilla,
Safari, Opera, Explorer… cualquiera sirve.
Pues bien, cuando empezamos a escribir lo primero que vamos a necesitar será coger
buenos hábitos desde un buen principio. Personalmente me gusta estructurar un
programa de la siguiente forma:
Comentario informativo de lo que vamos a programar y de que esperamos que haga
el programa.
Declaración de variables. Una variable es un espacio de memoria que sirve para
alojar una información. Un dato como por ejemplo una cadena de texto o un número.
En javascript no es necesario declarar las variables, pero es una práctica recomendada
para no hacer sufrir a los ordenadores en exceso.
Declaración de funciones. Una función es un tipo especial de variable que almacena
un cálculo o una acción y que puede o no devolver un resultado.
Las funciones a su vez pueden volver a tener todos los pasos del 1 al 6 que se
mencionan en este escrito.
Declaración de instrucciones. Aquello que queremos que ejecute el script.
Dar un resultado o cálculo. Como ejemplo de resultado podríamos tener un texto
escrito, un resultado numérico, una modificación de una página web, … etc
Post. Enunciado explicativo de lo que ha hecho el programa y que resultado y de que
tipo y valor devuelve el programa
HTML
Es un sistema de etiquetas que muestran documentos o elementos para intercambiar
informacion en la web
Documento HTML
Crea en cualquier procesador
Graba con la extensión HtM
Visualiza en un navegador web : IE Opera , etc.
Estructura HTML

Etiquetas
<title>: para definir el titulo de una página. Importantisimo para el SEO.
<link> y <style>: ambas van dentro del <head>, y sirven para aplicar estilos CSS a
nuestro documento. Con <link> vinculamos de forma externa un archivo.css, y con
<style> podemos escribir directamente código CSS dentro del head.
<h1>, <h2>, <h3>….<h6>: encabezados, numerados del 1 al 6 por orden
Un pequeño tip: no se te ocurra, meter dos o más encabezados <h1>. Lo mejor, es
poner sólo uno y que contenta tu keyword, y luego estructurar el contenido de forma
coherente con <h2> y <h3>, incluyendo en ello la keyword y variantes, no siempre
la misma exactamente.
<table>, <tr> y <td>: son las tablas, las filas y las celdas. Están un poco obsoletas
aunque a veces me han sacado de un apuro.
<div>: es un elemento “contendedor” de otras cosas. Realmente es lo que más se usa.
Sabiendo manejar un <div style=”loquenecesites”>contenido</div> puedes hacer
casi todo. Podrás ver un ejemplo práctico al final del post.
<a>: para añadir enlaces. Dentro de ella tendremos dos atributos importantes, que
son: href=”indica_la_URL_o_RUTA” y target=”self o _blank”, según quieras que el
enlace se abra en la misma página o en una pestaña nueva.
<img> es la etiqueta con la que se insertan las imágenes. Este es uno de los pocos
casos que no necesita etiqueta de cierre, sino que vale con: <img
src=”rutadelaimagen” alt=”textoalternativo” />, sin poner </img>
<li>, <ol>, <ul>: son las etiquetas que controlan las listas ordenadas y desordenadas.
<br />: esta otra etiqueta sin embargo, hace un salto de línea simple. Es decir, lo que
venga después de esto irá justo en la linea siguiente, pero sin dar otro espacio
más. Mira la diferencia:
“Escribo un texto normal y la siguiente linea la escribo después del cierre de un </p>
Esta es la siguiente linea cerrando con esa etiqueta <p>.”
“Ahora escribo una linea pero hago un salto de linea simple con <br />
Esta es la siguiente linea despues de usar el <br />
Elementos de formularios en HTML
Elementos de formulario HTML
 La <input> Element.
 La <select> elemento (Drop-Down List)
 La <textarea> Element.
 El <button> Elemento.
 HTML5 <datalist> Element.
 HTML5 <keygen> Element.
 HTML5 <output> Element.
Introducir JavaScript en el documento
Seguimos introduciendo el código dentro del mismo documento solo que esta vez lo
hacemos entre las etiquetas <script> que se pueden introducir en cualquier parte del
código html, aunque es recomendable que se haga dentro de la cabecera del
documento XHTMLm es decir dentro de la etiqueta <head>
Introducir JavaScript en un archivo externo
Esta es sin duda la mejor opción cuando tenemos un código que afecta a diferentes
páginas del sitio o es un código muy elaborado.
Para ello utilizamos de nuevo la etiqueta script que podemos repetir para insertar
diferentes archivos JS en un mismo sitio por medio del atributo src que apunta la url
del archivo JS que se quiere enlazar. Estos archivos cuya extensión es .js se pueden
crear con cualquier editor de texto que queramos.
Reglas de sintaxis
Primeramente explicare unas simples reglas que debes seguir al escribir en Java y seguir
una sintaxis correcta sin cometer errores y escribir de la manera correcta.
-Todas las instrucciones(OJO una instrucción no es lo mismo que una linea, ya que en Java
puedes dejar espacios entre lineas y no haber terminado la instrucción) de codigo en Java
deben terminar con un signo punto y coma ” ; “
ej:
System.out.println(
“Hola mundo” ); //notese que la isntruccion se divide en dos lineas pero al terminar
se utiliza “;”
-Todas las variables al igual que en otros lenguajes deben iniciar con una letra mas no con
un numero o caracter especial, pueden iniciar con una letra y posteriormente usar
numeros para nombrarlas.