INSTITUTO TECNOLÓGICO DE

HERMOSILLO

Investigación Unidad 3
ANDREA MORENO RODARTE Programación Web
Í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/