UNIVERSIDAD TECNOLÓGICA DE LA SIERRA DE GUERRERO

TECNOLOGÍAS DE LA INFORMACIÓN
GRUPO 2

TERCER CUATRIMESTRE

PORTAFOLIO DE EVIDENCIAS
ASIGNATURA:
APLICACIONES WEB
AMBIENTE DE DESARROLLO WEB
MAESTRO:
OSVALDO GONZÁLEZ DÍAZ

ALUMNO:
ÁNGELO CRÍSTOPHER CRUZ FAUSTINO

MATRICULA:
22302055

16 DE AGOSTO DEL 2023

TECNOLOGÍAS PARA LA CREACIÓN DE APLICACIONES WEB
Identificar los conceptos de aplicaciones web: - Internet y Web. - Aplicación Web. - Front
end. - Back end. - Hosting. - Protocolos (http, https). - Modelo Cliente - Servidor.
Internet y Web:
Internet: Es una red global de redes de computadoras interconectadas que permite la
comunicación y el intercambio de información en todo el mundo.
Web: Se refiere a la World Wide Web, una parte de Internet que permite acceder y
navegar a través de sitios web y páginas web mediante navegadores.
Aplicación Web:
Una aplicación web es un software que se ejecuta en un navegador web. Los usuarios
pueden acceder y utilizar la aplicación a través de la interfaz de usuario proporcionada por
el navegador.
Front End:
El front end es la parte visible de una aplicación web con la que los usuarios interactúan
directamente. Incluye el diseño, la interfaz de usuario y la experiencia del usuario.
Back End:
El back end es la parte no visible de una aplicación web que maneja la lógica, la gestión
de datos, la seguridad y otras funcionalidades detrás de escena. Incluye servidores, bases
de datos y la lógica de negocio.
Hosting:
El hosting es el servicio que permite a las aplicaciones web estar en línea y accesibles en
Internet. Los proveedores de hosting alojan los archivos y datos de una aplicación en
servidores que están en línea las 24 horas.
Protocolos (HTTP, HTTPS):
HTTP (Hypertext Transfer Protocol): Es el protocolo utilizado para transferir datos en la
web. HTTP define cómo los navegadores y los servidores se comunican y presentan la
información.
HTTPS (HTTP Secure): Es una versión segura de HTTP que utiliza SSL/TLS para cifrar la
comunicación entre el cliente y el servidor, proporcionando una capa adicional de
seguridad.
Modelo Cliente - Servidor:
El modelo cliente-servidor es un enfoque de arquitectura en el que una aplicación se
divide en dos partes: el cliente (que solicita y muestra información) y el servidor (que
almacena y proporciona datos y servicios).
HERRAMIENTAS PARA EL DESARROLLO DE APLICACIONES WEB
Herramientas del Lado del Cliente:
Ventajas:
Interfaz Rápida y Responsiva: Las herramientas del lado del cliente permiten la ejecución
rápida de acciones y cambios en la interfaz, ya que no requieren comunicación constante
con el servidor.
Experiencia de Usuario Mejorada: Pueden mejorar la experiencia del usuario con
animaciones, interacciones y actualizaciones en tiempo real sin recargar la página
completa.
Menos Carga en el Servidor: Al ejecutarse en el navegador del usuario, las herramientas
del lado del cliente reducen la carga en el servidor, lo que puede mejorar la escalabilidad.
Retroalimentación Instantánea: Pueden proporcionar retroalimentación inmediata a los
usuarios, como validación de formularios en tiempo real.
Desventajas:
Dependencia del Navegador: Las herramientas del lado del cliente pueden funcionar de
manera diferente en diferentes navegadores, lo que puede requerir esfuerzos adicionales
para garantizar la compatibilidad.
Seguridad: Al estar en el lado del cliente, pueden estar expuestas a ataques maliciosos,
como inyecciones de JavaScript.
Limitaciones de Rendimiento: En aplicaciones complejas, demasiadas operaciones en el
lado del cliente pueden ralentizar el rendimiento, especialmente en dispositivos más
antiguos.
No Adecuado para Datos Sensibles: No es seguro almacenar datos confidenciales en el
lado del cliente, ya que podrían ser accesibles para usuarios malintencionados.
Herramientas del Lado del Servidor:
Ventajas:
Seguridad Mejorada: Al estar en un entorno controlado en el servidor, las herramientas del
lado del servidor pueden proteger mejor los datos sensibles y mitigar los riesgos de
seguridad.
Procesamiento de Datos Complejos: Pueden realizar cálculos y procesamientos más
complejos y pesados sin afectar la experiencia del usuario.
Consistencia de Datos: Al centralizar el manejo de datos en el servidor, se puede
garantizar una mayor consistencia y precisión de los datos.
Adaptabilidad a Dispositivos: Las herramientas del lado del servidor pueden proporcionar
una experiencia coherente en diferentes dispositivos y navegadores.
Desventajas:
Mayor Latencia: La comunicación constante entre el cliente y el servidor puede causar
mayor latencia, lo que puede afectar la experiencia del usuario en aplicaciones en tiempo
real.
Mayor Carga en el Servidor: Las operaciones en el lado del servidor pueden aumentar la
carga en los recursos del servidor, lo que puede afectar el rendimiento y la escalabilidad.
Mayor Tiempo de Desarrollo: Las herramientas del lado del servidor a menudo requieren
más tiempo para desarrollar y poner en marcha debido a su complejidad.
Menos Interacción Instantánea: En comparación con las herramientas del lado del cliente,
las del lado del servidor pueden no proporcionar interacciones instantáneas en la interfaz
de usuario.

CONFIGURACIÓN DEL AMBIENTE DE DESARROLLO WEB

El proceso de instalación y configuración del ambiente de desarrollo web es esencial para
asegurarte de que tengas las herramientas y entorno adecuados para crear y probar
aplicaciones web. Aquí está el proceso general para configurar un ambiente de desarrollo
web:
Elegir un Sistema Operativo:
Decide qué sistema operativo utilizarás para el desarrollo. Puede ser Windows, macOS o
una distribución de Linux.
Instalar un Navegador Web:
Asegúrate de tener un navegador web actualizado, como Google Chrome, Mozilla Firefox
o Microsoft Edge, para probar tus aplicaciones en diferentes entornos.
Instalar un Editor de Código o Entorno de Desarrollo Integrado (IDE):
Elige un editor de código o IDE según tus preferencias. Algunas opciones populares son
Visual Studio Code, Sublime Text, Atom y JetBrains WebStorm.
Instalar Lenguajes y Frameworks:
Instala los lenguajes de programación y frameworks que planeas utilizar en tu aplicación.
Esto podría incluir HTML, CSS, JavaScript, Python, Ruby, PHP, Node.js, etc.
Configuración de Git:
Si planeas utilizar control de versiones con Git, instala Git en tu sistema y configura tu
nombre de usuario y dirección de correo electrónico.
Instalar Gestor de Paquetes:
Algunos lenguajes o frameworks pueden requerir un gestor de paquetes para administrar
dependencias y bibliotecas. Ejemplos incluyen npm para Node.js y pip para Python.
Instalar Servidor Web Local:
Si se desea desarrollar localmente antes de la publicación, considera instalar un servidor
web local como Apache, Nginx o XAMPP, yo utilice este último.
Configurar Bases de Datos:
Si tu aplicación web utiliza una base de datos, instala y configura el sistema de gestión de
bases de datos correspondiente, como MySQL, PostgreSQL o MongoDB.
Instalar Extensiones y Plugins:
Personaliza tu editor de código o IDE instalando extensiones y plugins que te ayuden a
mejorar la eficiencia y la productividad durante el desarrollo.
Configurar Variables de Entorno:
Algunas aplicaciones web pueden requerir la configuración de variables de entorno para
acceder a credenciales de API, claves de seguridad, etc.
Realizar Pruebas Iniciales:
Asegúrate de que todas las herramientas y configuraciones estén funcionando
correctamente realizando algunas pruebas iniciales.
Crear un Proyecto de Prueba:
Crea un pequeño proyecto de prueba para verificar que puedas escribir, compilar y
ejecutar código sin problemas.
Documentar la Configuración:
Es recomendable documentar todos los pasos que has realizado para configurar tu
ambiente de desarrollo. Esto facilitará la replicación en futuros proyectos o en otros
sistemas.