Lenguajes-del-lado-del-cliente

Esta es una vista previa del archivo. Inicie sesión para ver el archivo original

Investigación Unidad 3 
ANDREA MORENO RODARTE Programación Web 
INSTITUTO TECNOLÓGICO DE 
HERMOSILLO 
 
 
Índice 
Introducción…………………………………………………………….…..1 
Lenguajes del lado del cliente……..………………………………………1 
Características……………………………………..……………………………………...3 
Frameworks utilizados para la programación del lado del 
cliente....................................................................................................4 
Conclusión…………………………………………………………..………7 
Referencias………………………………………………………………….7 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
Introducción 
Cuando pinchamos sobre un enlace hipertexto pasa que establecemos una petición 
de un archivo HTML residente en el servidor (un ordenador que se encuentra 
continuamente conectado a la red) el cual es enviado e interpretado por nuestro 
navegador (el cliente). 
 
Lenguajes de lado servidor que son aquellos lenguajes que son reconocidos, 
ejecutados e interpretados por el propio servidor y que se envían al cliente en un 
formato comprensible para él. Por otro lado, los lenguajes de lado cliente son 
aquellos que pueden ser directamente "digeridos" por el navegador y no necesitan 
un pretratamiento. 
 
Lenguajes del lado servidor o cliente 
El navegador es una especie de aplicación capaz de interpretar las órdenes 
recibidas en forma de código HTML fundamentalmente y convertirlas en las páginas 
que son el resultado de dicha orden. 
 
 
 
 
 
 
 
Cada uno de estos tipos tiene por supuesto sus ventajas y sus inconvenientes. Así, 
por ejemplo, un lenguaje de lado cliente es totalmente independiente del servidor, 
lo cual permite que la página pueda ser albergada en cualquier sitio sin necesidad 
de pagar más ya que, por regla general, los servidores que aceptan páginas con 
scripts de lado servidor son en su mayoría de pago o sus prestaciones son muy 
limitadas. Inversamente, un lenguaje de lado servidor es independiente del cliente 
por lo que es mucho menos rígido respecto al cambio de un navegador a otro o 
respecto a las versiones del mismo. 
 
Lenguajes del lado cliente 
HTML: El lenguaje llamado HTML indica al navegador donde colocar cada texto, 
cada imagen o cada video y la forma que tendrán estos al ser colocados en la 
página. 
 
El lenguaje consta de etiquetas que tienen esta forma <B> o <P>. Cada etiqueta 
significa una cosa, por ejemplo <B> significa que se escriba en negrita (bold) o 
<P> significa un párrafo, <A> es un enlace, etc. Casi todas las etiquetas tienen su 
correspondiente etiqueta de cierre, que indica que a partir de ese punto no debe 
de afectar la etiqueta. 
JAVASCRIPT: Javascript es un lenguaje de programación utilizado para crear 
pequeños programitas encargados de realizar acciones dentro del ámbito de una 
página web. Se trata de un lenguaje de programación del lado del cliente, porque 
es el navegador el que soporta la carga de procesamiento. Su uso se basa 
fundamentalmente en la creación de efectos especiales en las páginas y la 
definición de interactividades con el usuario. 
APPLETS DE JAVA: Es otra manera de incluir código a ejecutar en los clientes 
que visualizan una página web. Se trata de pequeños programas hechos en Java, 
que se transfieren con las páginas web y que el navegador ejecuta en el espacio 
de la página. 
 
Los applets de Java están programados en Java y precompilados, es por ello que 
la manera de trabajar de éstos varía un poco con respecto a los lenguajes de 
script como Javascript. Los applets son más difíciles de programar que los scripts 
en Javascript y requerirán unos conocimientos básicos o medios del lenguaje 
Java. 
 
La principal ventaja de utilizar applets consiste en que son mucho menos 
dependientes del navegador que los scripts en Javascript, incluso independientes 
del sistema operativo del ordenador donde se ejecutan. Además, Java es más 
potente que Javascript, por lo que el número de aplicaciones de los applets podrá 
ser mayor. 
VISUAL BASIC SCRIPT: Es un lenguaje de programación de scripts del lado del 
cliente, pero sólo compatible con Internet Explorer. Es por ello que su utilización 
está desaconsejada a favor de Javascript. 
FLASH: Es una tecnología, y un programa, para crear efectos especiales en 
páginas web. Con Flash también conseguimos hacer páginas dinámicas del lado 
del cliente. Flash en realidad no es un lenguaje; Sin embargo, si tuviéramos que 
catalogarlo en algún sitio quedaría dentro del ámbito de las páginas dinámicas de 
cliente. 
CSS: Es una tecnología que nos permite crear páginas web de una manera más 
exacta. Gracias a las CSS somos mucho más dueños de los resultados finales de 
la página, pudiendo hacer muchas cosas que no se podía hacer utilizando 
solamente HTML, como incluir márgenes, tipos de letra, fondos, colores 
CSS son las siglas de Cascading Style Sheets, en español Hojas de estilo en 
Cascada. 
Características 
 Los lenguajes de programación del lado cliente se usan para su integración en 
páginas web. Un código escrito en un lenguaje de script se incorpora directamente 
dentro de un código HTML y se ejecuta interpretado, no compilado. 
 Los Lenguajes de programación del lado del servidor son especialmente útiles en 
trabajos que se tiene que acceder a información centralizada, situada en una 
base de datos en el servidor, y cuando por razones de seguridad los cálculos 
no se pueden realizar en la computadora del usuario. 
 
Lenguajes del lado servidor 
CGI: Es el sistema más antiguo que existe para la programación de las páginas 
dinámicas de servidor. Actualmente se encuentra un poco desfasado por diversas 
razones entre las que destaca la dificultad con la que se desarrollan los programas 
y la pesada carga que supone para el servidor que los ejecuta. 
 
Los CGI se escriben habitualmente en el lenguaje Perl, sin embargo, otros 
lenguajes como C, C++ o Visual Basic pueden ser también empleados para 
construirlos. 
PERL: Perl es un lenguaje de programación interpretado, al igual que muchos 
otros lenguajes de Internet como Javascript o ASP. Esto quiere decir que el código 
de los scripts en Perl no se compila sino que cada vez que se quiere ejecutar se 
lee el código y se pone en marcha interpretando lo que hay escrito. Además es 
extensible a partir de otros lenguajes, ya que desde Perl podremos hacer 
llamadas a subprogramas escritos en otros lenguajes. También desde otros 
lenguajes podremos ejecutar código Perl. 
ASP: ASP (Active Server Pages) es la tecnología desarrollada por Microsoft para 
la creación de páginas dinámicas del servidor. ASP se escribe en la misma página 
web, utilizando el lenguaje Visual Basic Script o Jscript (Javascript de Microsoft). 
PHP: PHP es el acrónimo de Hipertext Preprocesor. Es un lenguaje de 
programación del lado del servidor gratuito e independiente de plataforma, rápido, 
con una gran librería de funciones y mucha documentación. 
JSP: JSP es un acrónimo de Java Server Pages, que en castellano vendría a 
decir algo como Páginas de Servidor Java. Es, pues, una tecnología orientada a 
crear páginas web con programación en Java. 
 
Con JSP podemos crear aplicaciones web que se ejecuten en variados servidores 
web, de múltiples plataformas, ya que Java es en esencia un lenguaje 
multiplataforma. Por tanto, las JSP podremos escribirlas con nuestro editor 
HTML/XML habitual. 
 
 
Lenguajes lado cliente-servidor 
DHTML: DHTML no es precisamente un lenguaje de programación. Más bien se 
trata de una nueva capacidad de la que disponen los navegadores modernos, por 
la cual se puede tener un mayor control sobre la página que antes. 
 
Cualquier página que responde a las actividades del usuario y realiza efectos y 
funcionalidades se puede englobar dentro del DHTML, pero en este caso nos 
referimos más a efectos en el navegador por los cuales se pueden mostrar y 
ocultar elementos de la página, se puede modificar su posición, dimensiones, 
color, etc. 
 
DHTML nos da más control sobre la página, gracias
a que los navegadores 
modernos incluyen una nueva estructura para visualizar en páginas web 
denominada capa. Las capas se pueden ocultar, mostrar, desplazar, etc. 
XML: XML es una tecnología en realidad muy sencilla que tiene a su alrededor 
otras tecnologías que la complementan y la hacen mucho más grande y con unas 
posibilidades mucho mayores. 
 
XML, con todas las tecnologías relacionadas, representa una manera distinta de 
hacer las cosas, más avanzada, cuya principal novedad consiste en permitir 
compartir los datos con los que se trabaja a todos los niveles, por todas las 
aplicaciones y soportes. 
 
Frameworks utilizados para la programación del lado del cliente 
Los frameworks no son nuevos en el desarrollo de aplicaciones de gran 
envergadura. De hecho, la mayoría de lenguajes consolidados tienen una gran 
variedad de frameworks. Por ejemplo en el mundo Java son ampliamente conocidos 
Java Server Faces (JSF), Struts o Spring; en PHP encontramos Laravel, Yii o 
Symfony. 
Las principales ventajas que aportan los frameworks son las siguientes: 
–Desarrollo rápido. Crear un proyecto desde cero suele conllevar un elevado coste 
en tiempo. Por eso, los frameworks proporcionan la estructura del proyecto y un 
conjunto de bibliotecas preconfiguradas que ahorran tiempo en el comienzo de los 
nuevos proyectos. Muchas tareas son delegadas a los frameworks permitiendo a 
los desarrolladores centrarse exclusivamente en las funcionalidades de su software. 
 
-Incorporación/Rotación de nuevos miembros a los equipos de desarrollo. 
Uno de los mayores problemas en el desarrollo de software es la rotación de 
miembros en los equipos de desarrollo, puesto que la incorporación de un nuevo 
miembro conlleva un coste en aprender la arquitectura del proyecto. 
-Seguridad/Rendimiento. Los frameworks suelen ser creados y mantenidos por 
equipos de desarrollo diferentes y externos a nuestra organización. Esto permite 
que esta organización esté completamente centrada en eliminar bugs de seguridad 
que puedan ir apareciendo a lo largo del tiempo. Y lo mismo sucede en relación al 
rendimiento. 
-Coste. La mayoría de framewoks son de código abierto y gratuitos, lo que supone 
una gran ventaja, puesto que están siendo actualizados constantemente por la 
comunidad. 
 
Principales frameworks de JavaScript para el lado del cliente que existen 
 Angular 
Angular es el framework estrella hoy en día en demanda de ofertas de trabajo y en 
comunidad detrás de él. Este framework es la evolución del anterior framework 
denominado AngularJS. 
Eliminar el sufijo JS (referencia a JavaScript) es muy importante puesto que Angular 
pretende ser una plataforma de desarrollo y no un simple framework. Es decir, con 
Angular se pueden crear aplicaciones móviles utilizando diferentes tecnologías: 
Web progresivas (Angular), webview (Ionic) o nativo (Nativescript). Además, hay 
intentos de crear aplicaciones de escritorio (Angular Universal). 
Angular es creado y apoyado por Google, en la actualidad se mantienen los 
desarrollos de AngularJS y Angular puesto que aún existe una gran comunidad 
detrás de AngularJS. 
 
Principales características de Angular que lo hacen el framework más utilizado son 
las siguientes: 
-Buenas prácticas de desarrollo. Angular te fuerza o, al menos, te facilita la adopción 
de buenas prácticas de desarrollo, puesto que proporciona una estructura del 
proyecto que es fácilmente comprensible por cualquier desarrollador, así como una 
especificación clara de dónde deben ir los ficheros y cómo deben desarrollarse. 
-Multiplataforma. Cuando se refiere a multiplataforma, ya no se está refiriendo a que 
el código funcionará adecuadamente en los diferentes navegadores, sino que con 
los mismos conocimientos se podrán desarrollar aplicaciones móviles y de 
escritorio. 
-Herramientas que permiten arrancar fácilmente. Oficialmente se mantienen 
herramientas como angular-cli que permiten crear proyectos y porciones de código 
de manera rápida que ayudan a crear proyectos desde cero. 
 
-Facilidad para realizar pruebas e incluye aplicar metodologías como TDD. Al forzar 
a los desarrolladores a aplicar buenas prácticas de desarrollo se facilita la 
incorporación de pruebas en el código, llegando a poder aplicarse metodologías de 
desarrollo como TDD (Test-Driven Development) de un modo bastante sencillo. 
 React 
React es la segunda gran apuesta en el desarrollo de aplicaciones del lado de 
cliente. Ha sido creado por Facebook para el desarrollo de interfaces de usuario en 
aplicaciones Web. Constantemente se compara React con Angular pero sus 
objetivos son diferentes: React no es un framework sino una biblioteca que se centra 
en crear interfaces de usuario, a diferencia de Angular, que trata de abarcar mucho 
más. 
 Vue.js 
El tercer framework en esta lista es el proyecto de código abierto denominado 
Vue.js, el cual ha tenido una gran popularidad en los últimos tiempos con la 
aparición de la versión 2.0 en 2016. Este framework trata de tomar lo mejor de 
cualquier framework e implementarlo, de hecho, en amplias comparativas entre 
diferentes frameworks ha conseguido unos resultados extraordinarios en velocidad 
y ligereza de peso (esa es otra de las grandes críticas a otros frameworks). 
Se podría decir que Vue.js se encuentra en un estado de complejidad entre Angular 
y React puesto que no llega a proporcionar tantos elementos y complejidad como 
Angular, pero sí se ocupa de tareas que, al ser un framework completo, no son 
contempladas en React. 
 Otros frameworks 
 
No solamente existen tres frameworks del lado del cliente, de hecho, hay un popular 
chiste entre la comunidad de desarrolladores que cuenta que cada semana aparece 
un nuevo framework del lado del cliente que hay que aprender. Por lo tanto, describir 
la larga lista de frameworks que existen no sería provechoso, pero sí es importante 
remarcar otros frameworks de JavaScript populares: 
BackboneJS es uno de los frameworks del lado del cliente con larga vida (más de 7 
años), pues su primera versión es de 2010. Este framework está centrado en crear 
aplicaciones clientes sincronizadas con un servidor, proporcionando una interfaz de 
comunicación RESTful muy potente. Algunos de los desarrollos más populares que 
utilizan BackboneJS son AirBnB, Groupon now o LinkedIn. 
EmberJS es otro popular framework que vivió su esplendor en 2015, cuando fue 
considerado uno de los mejores frameworks por la comunidad. Hoy en día es sólo 
otro framework más con una amplia comunidad de desarrolladores, pero no se 
puede decir que destaque por una característica novedosa. Eso sí, está centrado 
en que se apliquen buenas prácticas de desarrollo del mismo modo que Angular. 
Conclusión 
El uso de un framework de JavaScript depende de exactamente lo mismo que 
utilizar un framework en cualquier otra tecnología. La gran diferencia que puede 
surgir hoy en día es que la fragmentación de dispositivos y navegadores es un gran 
quebradero de cabeza para los desarrolladores y los frameworks permiten mitigar 
este problema. 
Referencias 
Lenguajes del lado servidor o cliente. (s. f.). PHPNuke. Recuperado 26 de abril de 2022, de 
http://www.adelat.org/media/docum/nuke_publico/lenguajes_del_lado_servidor_o_
cliente.html 
Uoc, C. (2020, 31 enero). Frameworks de JavaScript en el lado del cliente en 2017. 
Tecnología++. Recuperado 26 de abril de 2022, de 
https://blogs.uoc.edu/informatica/frameworks-de-javascript-en-el-lado-del-cliente-
en-2017/ 
 
 
 
http://www.adelat.org/media/docum/nuke_publico/lenguajes_del_lado_servidor_o_cliente.html
http://www.adelat.org/media/docum/nuke_publico/lenguajes_del_lado_servidor_o_cliente.html
https://blogs.uoc.edu/informatica/frameworks-de-javascript-en-el-lado-del-cliente-en-2017/
https://blogs.uoc.edu/informatica/frameworks-de-javascript-en-el-lado-del-cliente-en-2017/