Lenguajes de programación del lado del cliente.

TECNOLÓGICO NACIONAL DE MÉXICO INSTITUTO TECNOLÓGICO DE TUXTLA GUTIÉRREZ “INGENIERÍA EN SISTEMAS COMPUTACIONALES” MATERIA: PROGRAMACION WEB TRABAJO A REALIZAR: 3.1 REPORTE. LENGUAJE DE PROGRAMACION DEL LADO DEL CLIENTE CATEDRÁTICO: ALVAREZ ALBORES CESAR IVAN ALUMNO: RIVERA ESQUINCA DANIEL EMILIO. GRUPO: S5A TUXTLA GUTIÉRREZ, CHIAPAS A 07 DE MARZO DE 2024.

Introducción.

Para este reporte su objetivo es brindar información acerca de los lenguajes de programación, más enfocado a los lenguajes de programación del lado del cliente, se dará a conocer tanto su definición y sus características que se tiene, también mostrando como ejemplos programas que se enfocan en programar del lado del cliente.

Lenguaje de programación del lado del cliente.

Son aquellos que pueden ser directamente "digeridos" por el navegador y no necesitan un pretratamiento. 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.

Características principales.

• Los frameworks y librerías para el desarrollo de aplicaciones del lado del cliente simplifican la creación de soluciones predefinidas y proporcionan herramientas útiles para los desarrolladores

• Las medidas de seguridad para aplicaciones web del lado del cliente incorporan características y prácticas recomendadas con el objetivo de resguardar las aplicaciones contra amenazas como ataques de inyección de código y Cross-Site Scripting (XSS)

• La programación del lado del cliente se caracteriza por ejecutarse en el equipo de los usuarios, a pesar de ser una opción muy ventajosa, presenta una serie de límites de control, así como determinados problemas tanto con los sistemas operativos como con los navegadores web.

• Los lenguajes de programación orientados al cliente suelen ser versátiles, lo que implica que pueden funcionar en distintos sistemas operativos sin requerir alteraciones.

Ejemplos de lenguajes de programación del lado del cliente.

Ventajas y desventajas de algunos lenguajes de programación del lado del cliente.

¿Que es el lenguaje react?

React es una librería para crear interfaces de usuarios con código abierto, es decir, que está a disposición de cualquier programador para que use sus recursos e incluso haga colaboraciones. Esta biblioteca fue lanzada en el año 2013, por los desarrolladores de Facebook, con base en el lenguaje JavaScript.

Historia de react.

React fue creado por Jordan Walke, un ingeniero de software de Facebook, quien liberó un primer prototipo de React llamado "FaxJS".

Este fue influenciado por XHP de HTML una librería de componentes para PHP, este fue usado por primera vez en el Feed de Noticias de Facebook en 2011 y después en Instagram en 2012.

Actualmente es una de las herramientas más utilizadas para crear páginas web porque su uso es bastante amigable y fácil de aprender, sobre todo si ya se tienen conocimientos del lenguaje JavaScript, ya que la sintaxis que usa es muy similar. Cabe mencionar que necesita otros software para complementar las funciones de un sitio web, porque no es esencialmente un framework.

Se volvió código abierto en la JSConf US en mayo de 2013.

React Native, permitió el desarrollo nativo para Android, iOS y UWP con React, esto fue anunciado por Facebook en la React Conf en febrero de 2015 y se volvió codigó abierto en marzo de 2015.

Por supuesto, es la base de la programación de Facebook, Instagram y WhatsApp; y varias compañías internacionales como Tesla, Netflix, Twitter, Uber, Walmart, Shopify, AirBnb, entre otras. Asimismo React cuenta con su repositorio en la plataforma de GitHub, donde tanto desarrolladores internos y externos comparten sus modificaciones sugeridas al código.

El 18 de abril de 2017, Facebook anuncio React Fiber, un nuevo conjunto de algoritmos internos para la renderización, esto es opuesto al viejo algoritmos de renderizado de React.

Sintaxis de react.

Principales características de react.

• Componentes: React está basado en la componetización de la UI. La interfaz se divide en componentes independientes, que contienen su propio estado, cuando el estado de un componente cambia, React vuelve a renderizar la interfaz.
• Virtual DOM: React usa un DOM virtual para renderizar los componentes, el DOM virtual es una representación en memoria del DOM real. Cuando el estado de un componente cambia, React vuelve a renderizar la interfaz. En lugar de modificar el DOM real, React modifica el DOM virtual y, a continuación, compara el DOM virtual con el DOM real. De esta forma, React sabe qué cambios se deben aplicar al DOM real.
• Declarativo: React es declarativo, lo que significa que no se especifica cómo se debe realizar una tarea, sino qué se debe realizar, esto hace que el código sea más fácil de entender y de mantener.
• Unidireccional: React es unidireccional, lo que significa que los datos fluyen en una sola dirección, los datos fluyen de los componentes padres a los componentes hijos.
• Universal: React se puede ejecutar tanto en el cliente como en el servidor, además, puedes usar React Native para crear aplicaciones nativas para Android e iOS.

Cuando utilizar react.

Algunos ejemplos de aplicaciones que se pueden crear con React JS:

• Cuando necesites crear una interfaz de usuario compleja. React JS es muy bueno para crear interfaces de usuario complejas con muchos componentes y estados.
• Cuando necesites crear una interfaz de usuario que sea receptiva. React JS es una biblioteca de vanguardia que está optimizada para la creación de interfaces de usuario receptivas.
• Cuando necesites crear una interfaz de usuario que sea escalable. React JS es una biblioteca bien diseñada que puede escalar fácilmente para aplicaciones grandes.

• Sitios web de comercio electrónico: React JS es una buena opción para crear sitios web de comercio electrónico, ya que permite crear interfaces de usuario complejas y receptivas.
• Aplicaciones móviles: React JS también se puede utilizar para crear aplicaciones móviles.
• Aplicaciones de redes sociales: React JS es una buena opción para crear aplicaciones de redes sociales, ya que permite crear interfaces de usuario complejas y escalables.

Por qué utilizar react.

• React JS es una biblioteca muy popular. Hay una gran comunidad de desarrolladores de React JS que pueden ayudarte a aprender y utilizar la biblioteca.
• React JS tiene una gran documentación. La documentación de React JS es muy completa y fácil de seguir.
• React JS es una biblioteca de código abierto. Puedes utilizar React JS sin costo alguno.

Conclusión.

Los lenguajes de programación del lado del cliente son esenciales para crear aplicaciones web, estos lenguajes, como JavaScript, html, o css, permiten la interacción dinámica y ayudan a manipular del contenido directamente en el navegador que este del usuario, esto mejora la experiencia del usuario al hacer que las páginas respondan mucho más rapido. React.js, que fue desarrollado por Facebook, es un framework de JavaScript que se ha hecho muypopular en los ultimos años, se enfoca en componentes reutilizables y utiliza un estilo de programación declarativo, y esto facilita la creación de aplicaciones web un poco mas complejas de lo habitual y el mantenimiento de estas.

Bibliografía.

• https://es.scribd.com/document/575786689/Lenguajes-del-lado-del-cliente
• https://hopelchen.tecnm.mx/principal/sylabus/fpdb/recursos/r109644.PDF
• https://www.freecodecamp.org/espanol/news/ventajas-y-desventajas-de-javascript/
• https://yourcodeweb.wordpress.com/2017/02/22/ventajas-y-desventajas-de-html/
• https://www.mediummultimedia.com/web/cuales-son-las-desventajas-de-css/
• https://jconsoftwares.com/blog/article/11
• https://ebac.mx/blog/que-es-react
• https://blog.hubspot.es/website/que-es-react
• https://www.reactjs.wiki/cuales-son-las-caracteristicas-principales-de-react
• https://es.quora.com/Cu%C3%A1ndo-y-por-qu%C3%A9-utilizar-React-JS