1. Materia: introducción a la informatica Año 2018, Universidad Tecnológica de Pereira.
HTML y JavaScrip
HTML and JavaScrip.
Autor 1: Juan José Granada Taborda
Ingeniería de Sistemas y computación, Universidad Tecnológica de Pereira, Pereira, Colombia
Correo-e: jgt441mail.com
Resumen— JavaScript es un robusto lenguaje de programación
que puede ser aplicado a un documento HTML y usado para crear
interactividad dinámica en los sitios web. Fue inventado por
Brendan Eich, co-fundador del proyecto Mozilla, Mozilla
Foundation y la Corporación Mozilla .
Puedes hacer casi cualquier cosa con Javascript. Puedes empezar
con pequeñas cosas, con carruseles, galerías de imágenes, diseños
fluctuantes, y respuestas a las pulsaciones de botones. Con más
experiencia, serás capaz de crear juegos, gráficos 2D y 3D
animados, aplicaciones integradas basadas en bases de datos.
Palabras clave— Código, Lenguaje, Programación.
Abstract— JavaScript is a robust programming language that can
be applied to an HTML document and used to create dynamic
interactivity on websites. It was invented by Brendan Eich,
cofounder
of the Mozilla project, Mozilla Foundation and the
Mozilla Corporation.
You can do almost anything with Javascript. You can start with
little things, with carousels, image galleries, fluctuating designs,
and responses to button presses. With more experience, you'll be
able to create games, animated 2D and 3D graphics, integrated
applications based on databases.
Key Word — Code, Language, Programming.
JavaScript (abreviado comúnmente JS) es un lenguaje de
programación interpretado, dialecto del estándar ECMAScript. Se
define como orientado a objetos,3
basado en prototipos, imperativo,
débilmente tipado y dinámico.
Se utiliza principalmente en su forma del lado del cliente (client-
side), implementado como parte de un navegador web permitiendo
mejoras en la interfaz de usuario y páginas web dinámicas4
aunque
existe una forma de JavaScript del lado del servidor(Server-side
JavaScript o SSJS). Su uso en aplicaciones externas a la web, por
ejemplo en documentos PDF, aplicaciones de escritorio
(mayoritariamente widgets) es también significativo.
Desde el 2012, todos los navegadores modernos soportan
completamente ECMAScript 5.1, una versión de javascript. Los
navegadores más antiguos soportan por lo menos ECMAScript 3.
La sexta edición se liberó en julio del 2015.5
JavaScript se diseñó con una sintaxis similar a C, aunque adopta
nombres y convenciones del lenguaje de programación Java. Sin
embargo, Java y JavaScript tienen semánticas y propósitos
diferentes.
Todos los navegadores modernos interpretan el código JavaScript
integrado en las páginas web. Para interactuar con una página web
se provee al lenguaje JavaScript de una implementación del
Document Object Model (DOM).
Tradicionalmente se venía utilizando en páginas web HTML para
realizar operaciones y únicamente en el marco de la aplicación
cliente, sin acceso a funciones del servidor. Actualmente es
ampliamente utilizado para enviar y recibir información del
servidor junto con ayuda de otras tecnologías como AJAX.
JavaScript se interpreta en el agente de usuario al mismo tiempo
que las sentencias van descargándose junto con el código HTML.
Desde el lanzamiento en junio de 1997 del estándar ECMAScript 1,
han existido las versiones 2, 3 y 5, que es la más usada actualmente
(la 4 se abandonó6
). En junio de 2015 se cerró y publicó la versión
ECMAScript 6.7
2. 2
HTML es un lenguaje de marcado que se utiliza para el desarrollo
de páginas de Internet. Se trata de la sigla que corresponde a
HyperText Markup Language, es decir, Lenguaje de Marcas de
Hipertexto, que podría ser traducido como Lenguaje de Formato de
Documentos para Hipertexto.
Se trata de un formato abierto que surgió a partir de las etiquetas
SGML (Standard Generalized Markup Language). Concepto
traducido generalmente como “Estándar de Lenguaje de Marcado
Generalizado” y que se entiende como un sistema que permite
ordenar y etiquetar diversos documentos dentro de una lista. Este
lenguaje es el que se utiliza para especificar los nombres de las
etiquetas que se utilizarán al ordenar, no existen reglas para dicha
organización, por eso se dice que es un sistema de formato abierto.
EL HTML se encarga de desarrollar una descripción sobre los
contenidos que aparecen como textos y sobre su estructura,
complementando dicho texto con diversos objetos (como
fotografías, animaciones, etc).
Es un lenguaje muy simple y general que sirve para definir otros
lenguajes que tienen que ver con el formato de los documentos. El
texto en él se crea a partir de etiquetas, también llamadas tags, que
permiten interconectar diversos conceptos y formatos.
Para la escritura de este lenguaje, se crean etiquetas que aparecen
especificadas a través de corchetes o paréntesis angulares: < y >.
Entre sus componentes, los elementos dan forma a la estructura
esencial del lenguaje, ya que tienen dos propiedades (el contenido
en sí mismo y sus atributos).
Por otra parte, cabe destacar que el HTML permite ciertos códigos
que se conocen como scripts, los cuales brindan instrucciones
específicas a los navegadores que se encargan de procesar el
lenguaje. Entre los scripts que pueden agregarse, los más
conocidos y utilizados son JavaScript y PHP.
El marcado estructural es el que estipula la finalidad del texto,
aunque no define cómo se verá el elemento. El marcado
presentacional, por su parte, es el que se encarga de señalar cómo
se verá el texto más allá de su función.
Para conocer el código HTML que utiliza una página web, hay que
seleccionar Ver código fuente en nuestro navegador (como Internet
Explorer o Mozilla Firefox). Al elegir esta opción, se abrirá el
editor de texto con el código HTML de la página que se está
visualizando.
Breve historia del HTML
Este lenguaje fue desarrollado por la Organización Europea de
Investigación Nuclear (CERN) en el año 1945 con la finalidad de
desarrollar un sistema de almacenamiento donde las cosas no se
perdieran, que pudieran ser conectadas a través de hipervínculos.
Primeramente crearon un dispositivo llamado “memex”, el cual
era considerado como un suplemento para la memoria.
Posteriormente, Douglas Engelbart, diseñó un entorno de trabajo
por computadora que recibiría el nombre de oNLine System que
poseía un catálogo para facilitar la tarea de búsqueda dentro de un
mismo organismo.
Recién en 1965, Ted Nelson acuñó el término hipervínculo,
ideando una estructura que se encontraba conectada de forma
electrónica y que más tarde permitiría la creación de la World Wide
Web (1989), un sistema de hipertexto a través del cual era posible
compartir una variada información sirviéndose de Internet (servía
para la comunicación entre investigadores nucleares que formaran
parte del CERN).
El norteamericano Tim Berners-Lee fue el primero en proponer
una descripción de HTML en un documento que publicó en 1991.
Allí describía veintidós componentes que suponen el diseño más
básico y simple del HTML.
El tipo de codificación que se utilizó para el desarrollo de este
sistema de hipervínculos debía ser comprendido, tanto por
ordenadores tontos como por mega-estaciones, por eso fue
necesario crear uno absolutamente simples, tanto en lo que
respectaba al lenguaje de intercambio (HTML), como el que hacía
referencia al protocolo de red (HTTP).
Al día de hoy existen los Editores Web que permiten que los
diseñadores, a través de herramientas gráficas que reciben el
nombre de WYSIWYG puedan crear páginas web sin conocer el
código html, este se crea de forma automatizada, dándole
estructura a la web y permitiendo que sea más allá del ordenador
donde es creada. Entre los recursos que pueden enlazarse al código
HTML se encuentran fotografías, vídeos, archivos de otras webs o
incluso de la misma y todo tipo de contenido que se encuentre
subido a la red.