Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • 40 vistas

    Backend y Frontend

    Cargado por

    EDUARDO
    El documento describe las diferencias entre frontend y backend. El frontend incluye HTML, CSS y JavaScript y se encarga de la interfaz de usuario, mientras que el backend se comunica con el frontend a través de APIs y se encarga del procesamiento de datos y lógica de negocio. También explica conceptos como frameworks, librerías, HTTP, requests, responses y el flujo típico de desarrollo de aplicaciones web.

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd

    Backend y Frontend

    Cargado por

    EDUARDO
    40 vistas4 páginas
    El documento describe las diferencias entre frontend y backend. El frontend incluye HTML, CSS y JavaScript y se encarga de la interfaz de usuario, mientras que el backend se comunica con el frontend a través de APIs y se encarga del procesamiento de datos y lógica de negocio. También explica conceptos como frameworks, librerías, HTTP, requests, responses y el flujo típico de desarrollo de aplicaciones web.

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    DOCX, PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    El documento describe las diferencias entre frontend y backend. El frontend incluye HTML, CSS y JavaScript y se encarga de la interfaz de usuario, mientras que el backend se comunica con el frontend a través de APIs y se encarga del procesamiento de datos y lógica de negocio. También explica conceptos como frameworks, librerías, HTTP, requests, responses y el flujo típico de desarrollo de aplicaciones web.

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Descargar como docx, pdf o txt
    40 vistas4 páginas

    Backend y Frontend

    Cargado por

    EDUARDO
    El documento describe las diferencias entre frontend y backend. El frontend incluye HTML, CSS y JavaScript y se encarga de la interfaz de usuario, mientras que el backend se comunica con el frontend a través de APIs y se encarga del procesamiento de datos y lógica de negocio. También explica conceptos como frameworks, librerías, HTTP, requests, responses y el flujo típico de desarrollo de aplicaciones web.

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Descargar como docx, pdf o txt
    de 4

    Frontend and Backend basics

    Frontend: se constituye de lo visual, la parte con la interactúa el usuario, la cara visible.


    El frontend consta de:
     HTML: hypertext markable language, estructura de la página.
     CSS: Cascade style sheets, los estilos.
     JS: Agrega funcionalidad a la página.
    CSS tiene 3 frameworks populares: Foundation, Boostrap y Tailwind.
    JS Frontend tiene 4 derivados útiles: React.js, Angular, Svelte y Vue.
    Antes de comenzar con el código, se recomienda pasar por la etapa de diseño, UI Design – UX
    Design.
     Adobe XD
     Sketch
     Figma
    Framework: Conjunto de librerías, reglas y estándares para construir un producto digital.
    Librería: Solo aborda una utilidad especifica, pudiendo agregar más de una en tu proyecto. Eso
    sí, asegúrate que no interfieran con el código de otra librería. Código escrito por otros usuarios
    para facilitar el diseño.

    Cómo se conecta el frontend con el backend


    Términos:
     API —> Application Programming Interface
     SOAP —> Simple Object Access Protocol
     REST —> Representational State Transfer
     XML —> Extensible Markup Language
     JSON —> JavaScript Object Notation
    API: Una API es una sección del motor, que permite que el frontend, pueda comunicarse con el
    backend, y que pueda haber mensajes de ida y vuelta.
    Para complementar el aporte 😀:

    HTTP nos permite transportar la información que viene de distintas formas: HTML, CSS,JS,
    webAPIs.
    En la capa inferior se vale de protocolos como:
     IP: para identificar y comunicarse con el servidor
     TCP, UDP: para la forma de envió de la información
     TLS: hace la encriptación de la información
     DNS: resuelve los nombres de dominio a direcciones IP.
    Request
     Cabezeras: piezas de informacion (Host, Accept-Language)
     Metodos: GET, POST, PUT, DELETE
    Responce
     body: JSON o diccionarios
     Header: Status Code, Server: aplicativo que permite distribuir, Date, Etag: hast, cahe,
    Accept-Rnages: como entregamos la info, Content-Length, Content-Type
    El server envía el HTML, css y javascript al customer para que el mismo mediante su navegador
    pueda representar la app web, a su vez el customer envía un request http al server para que el
    mismo mediante su API pueda contestar (response) con los datos que van a venir en formato
    JSON para que el customer pueda aprovecharlos.

    ¿Cómo es el flujo de desarrollo de una aplicación web?


    Entorno local (Editor de Código → Git → mi local) Pasar del entorno local al servidor se llama
    deploy.
    Normalmente se hace un push a un repositorio remoto (GitHub), el cual es un servidor que solo
    contiene el código de tu proyecto. Cada vez que uno trae código de GitHub a un entorno local
    es un pull.
    Lo que se hace normalmente en un entorno profesional es CI/CD (Continuous Integration and
    Continuous Delivery) o Continous Deployment. Se prueba (testea), si funciona bien, el código se
    va a al servidor (production).
    El proyecto se guarda en production en un domain (dominio). Se puede comprar un dominio,
    por ejemplo, en namecheap.
    En mi computadora, las cosas van a vivir en un entorno local:
     Dirección y puerto, por ejemplo: 127.0.0.1 (IP) : 8000 (Puerto)

    También podría gustarte