miércoles, 20 de septiembre de 2023

Diseño WEB: FrontEnd y Backend

 

¿Qué es frontend?

El frontend es la parte del desarrollo web que se dedica a la parte frontal de un sitio web, en pocas palabras del diseño de un sitio web, desde la estructura del sitio hasta los estilos como colores, fondos, tamaños hasta llegar a las animaciones y efectos.

Es esa parte de la página con la que interaccionan los usuarios de la misma, es todo el código que se ejecuta en el navegador de un usuario, al que se le denomina una aplicación cliente, es decir, todo lo que el visitante ve y experimenta de forma directa.

Un front-end, es la persona que se dedica básicamente al diseño web, pero esto no significa que no toque código, tanto el front-end como el back-end están en contacto con código todo el tiempo.

Dentro del área de front-end se trabaja con lenguajes mayormente del lado del cliente, como:

HTML (lenguaje de marcado de hipertexto, se utilizan etiquetas que estructuran y organizan el contenido de la web). 

CSS (se encarga del formato y diseño visual de las páginas web escritas en html) para darle estructura y estilo al sitio. 

Javascript (un lenguaje de programación, rápido y seguro para programar centros de datos, consolas, teléfonos móviles o Internet) para complementar los anteriores y darle dinamismo a los sitios web. 

HTML y CSS son lenguajes de marcado y estilo. Javascript es un lenguaje de programación.

De ellos se generan una gran cantidad de frameworks y librerías que van aumentan las capacidades que se tiene para generar cualquier tipo de interfaz de usuario, como React, Redux, Angular, Bootstrap, Foundation, LESS, Sass, Stylus y PostCSS, entre otros.

Se conoce como el lado del cliente.


¿Qué es backend?

Mientras que el frontend es la capa de programación ejecutada en el navegador del usuario, el backend procesa la información que alimentará el frontend de datos.

Es la capa de acceso a los datos, ya sea de un software o de un dispositivo en general, es la lógica tecnológica que hace que una página web funcione, lo que queda oculto a ojos del visitante.

El backend de una solución, determina qué tan bien se ejecutará la aplicación y qué experiencia, positiva o negativa, obtendrá el usuario de su uso.

Trabajar en este apartado supone algo totalmente diferente al frontend, ya que exige el dominio de otros términos de programación, lenguajes que requieren una lógica, ya que esta área es también la encargada de optimizar recursos, de la seguridad de un sitio y otros factores. 

Un framework de desarrollo es el que trabaja en el lado del servidor, se encarga de que las personas puedan disfrutar de una grata experiencia, su propósito principal es que los procesos de desarrollos estén más acelerados, que se puedan volver a utilizar los fragmentos de códigos ya existentes y que se realicen buenas prácticas mediante el uso de distintos patrones.

Con ellos se pueden escribir códigos o desarrollar aplicaciones con el mínimo esfuerzo. Los códigos de programación que más se utilizan son PHP, JavaScript, Python y Ruby, entre otros. 

Las herramientas que se utilizan son editores de código, compiladores, debuggeadores para revisar errores de seguridad y gestores de bases de datos.

El flujo de trabajo de un backend consiste en darle funciones a un sitio; mientras que el frontend hace un sitio estático, el backend después le da funciones y adapta el sistema programado a ese sitio web. 

Otras funciones que se gestionan son:

  • Creación de funciones que simplifiquen el proceso de desarrollo.
  • Acciones de lógica.
  • Conexión con bases de datos.
  • Uso de librerías del servidor web (un ejemplo puede ser para implementar temas de caché).

Además, debe velar por la seguridad de los sitios web y optimizar al máximo los recursos para que las páginas sean ligeras.

Servidor de IP, Servidor DNS, Servidor WEB

 Servidor de IP: Un servidor de IP es el cual que proporciona un servicio de reparto de IP

Servidor DNS: Un servidor de IP es el cual proporciona un servicio de DNS (Sistema de Nombres de Dominio)

 Servidor WEB: es un programa informático que procesa una aplicación del lado del servidor, realizando conexiones bidireccionales o unidireccionales y síncronas o asíncronas con el cliente y generando o cediendo una respuesta en cualquier lenguaje o aplicación del lado del cliente.

Qué es un Dominio

 

¿Qué es un dominio en Internet?

Es el nombre único e irrepetible que se le da a un sitio en Internet para que las marcas (propietarias de dichas páginas) sean identificadas de forma cómoda y sencilla por los usuarios y sus clientes.

Al considerarse como exclusivo, solo habrá una empresa, compañía, organización o persona con dicho nombre. Para asegurar esto, existen organizaciones encargadas de los dominios en Internet, tales como IANA e ICANN.

IP Estática y IP Dinámica

 

¿En qué se diferencian las direcciones IP estáticas y dinámicas?

Cuando se asigna una dirección IP estática a un dispositivo, esta no cambia. La mayoría de los dispositivos utilizan direcciones IP dinámicas que les asigna la red cuando se conectan. Estas cambian con el tiempo.

Casos en los que se necesitan direcciones IP estáticas

La mayoría de los usuarios no necesita direcciones IP estáticas. Por lo general, es importante tener una cuando un dispositivo o sitio web externo necesita recordar tu dirección IP. Un ejemplo de ello son las VPN y otras soluciones de acceso remoto que confían (incluyen en una lista blanca) en determinadas IP por motivos de seguridad. Si alojas un servidor, no necesitas una dirección IP estática, aunque puede simplificar el proceso de configuración. Google Fiber ofrece las dos opciones.

Cómo obtener una dirección IP dinámica

  • Usa la configuración avanzada de tu red para configurar el DNS dinámico. Cuando se modifique la dirección IP, la entrada de DNS del servidor se actualizará automáticamente con la nueva dirección IP para que los usuarios externos puedan usar el mismo nombre del dominio. Puedes elegir el proveedor de DNS dinámico y, además, no es necesario que instales software adicional en tu computadora.

IP privada y pública

IP privada y pública

Una dirección IP privada se utiliza dentro de una red privada para conectarse de forma segura a otros dispositivos dentro de esa misma red. Una dirección IP pública te identifica ante el resto de Internet para que toda la información que buscas pueda encontrarte.







IPV4 vs IPV6

¿Cuál es la diferencia entre IPv4 e IPv6?

La diferencia más obvia es que IPv4 utiliza una dirección de 32 bits, mientras que IPv6 utiliza una de 128 bits. Esto significa que IPv6 ofrece 1.028 veces más direcciones que IPv4, lo que básicamente resuelve el problema de «quedarse sin direcciones» (al menos en un futuro previsible).


IPv6 es una dirección alfanumérica separada por dos puntos, mientras que IPv4 es solo numérica y separada por puntos. De nuevo, aquí tienes un ejemplo de cada uno:

  • IPv4 – 192.168.10.150
  • IPv6 – 3002:0bd6:0000:0000:0000:ee00:0033:6778

También hay algunas diferencias técnicas entre IPv4 e IPv6, aunque las personas que no son desarrolladores no necesitan conocerlas realmente.

Algunas de las diferencias técnicas más notables son que:

  • IPv6 incluye calidad de servicio (QoS) incorporada.
  • El IPv6 tiene una capa de seguridad de red incorporada (IPsec).
  • IPv6 elimina la Traducción de Direcciones de Red (NAT) y permite la conectividad de extremo a extremo en la capa IP.
  • La multidifusión es parte de las especificaciones básicas en IPv6, mientras que es opcional en IPv4. La multidifusión permite la transmisión de un paquete a múltiples destinos en una sola operación.
  • IPv6 tiene cabeceras de paquetes más grandes (aproximadamente el doble de grandes que IPv4).

¿Qué es una IP?

 

  • ¿Qué es una IP?
Una dirección IP es una etiqueta numérica que identifica de manera lógica y jerárquica a una interfaz —habitualmente un dispositivo — conectada a la red, que utilice el protocolo de internet o que corresponda al nivel de red del modelo TCP/IP.​ 

Formulario de Google

 https://forms.gle/fh5Ebh8qtz2ejukz8