Please enable JavaScript.

Coggle requires JavaScript to display documents.

image (1) FRONTEND VS BACKEND - Coggle Diagram

- - - - A continuación algunos roles más que intervienen en el desarrollo de proyectos de software (no se
        limita a desarrollo web):
        
         Especialista en usabilidad y experiencia de usuario
        
         Administrador de bases de datos
        
         Diseñador gráfico
        
         Redactor y editor de contenidos
        
         Arquitecto de información
        
         Gestor del proyecto
        
         Especialista en seguridad de la información
- - - - Como parte de esta información, encontramos: archivos HTML, CSS y Javascript, además de imágenes, sonidos, videos y otros recursos que podría tener el sitio.
        
        Veamos entonces las tecnologías del lado del cliente:
        
         CSS:
        
        Los archivos CSS u hojas de estilo cascada definen la apariencia de la página (los colores de fondo, tamaños y colores de fuente, ubicación de los elementos, cambios según el tamaño del dispositivo).
        
         Javascript:
        
        Este es el lenguaje de programación que interpretan los navegadores, y por tanto, es el lenguaje que permite realizar interacciones con la página.
        
         HTML:
        
        Estos archivos definen la estructura semántica del sitio (le dice a los navegadores qué imágenes, menús de navegación, y secciones contiene cada página).
- - - - No, y no. HTML solo define la estructura de un sitio, y CSS los estilos.
        No son lenguajes de programación.
    - - Javascript sí es un lenguaje de programación, pero ejecutado sobre un navegador no puede ni debe conectarse a la base de datos de tu aplicación.
        
        Ten en cuenta que el código Javascript que se ejecuta en el navegador se puede alterar.
        
        Se puede modificar porque se ejecuta en el navegador (y por tanto en la computadora del usuario visitante).
        
        Entonces si expones el usuario y contraseña de tu base de datos en el código Javascript de tu página, todos lo verían.
        
        ¿Eso significa que puedo modificar cualquier página que visito?
        
        Puedes modificar las páginas que visitas, ejecutando código Javascript que tú mismo escribes. También
        puedes modificar la estructura HTML del sitio que estás viendo y alterar las propiedades CSS.
        
        Cada vez que alguien haga una petición a la página, el servidor responderá con la información correcta,
        que de eso se encarga el desarrollador backend.
- - - - Elaborar una respuesta puede implicar varias cosas.
        
         Verificar si el usuario tiene permisos para ver dicha página.
        
         Consultar la base de datos y mostrar los resultados en la página.
        
         Mostrar aleatoriamente una imagen.
        
         Realizar un cálculo importante y mostrar el resultado.
      - Así, el cliente recibirá la respuesta ya procesada.
      - Podrá alterar estos archivos como ya te comenté antes, pero los datos verdaderos (leídos de una o varias
        bases de datos) se verán reflejados en la respuesta que realiza el servidor.
      - Y eso es lo que ven también todos los clientes conectados, como la verdad absoluta.
- - - - Algunos sitios realizan validaciones en el lado del cliente (usando Javascript), pero no validan
        adecuadamente en el lado del servidor.