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.
