El front-end se lo puede denominar como la parte visual o con la que el usuario va a interactuar, este tiene tecnologías como lo son:
HTML, CSS y JavaScript. Entre estas tecnologías tenemos frameworks y librerías como: Foundation, Tailwino, Bootstrap (de parte de css), Angular, Vue, React y Svelte (de parte de JavaScript).
Antes de eso tenemos que tener una etapa de diseño donde se van a dar las pautas de diseño antes de ingresar a la etapa de coding de nuestra aplicación. En esta etapa tenemos al UI Desing y al UX Desing, en ellas encontramos tecnologías como Adobe XD, Sketch y Figma (que nos permiten trabajar con el UI Desing).
Pero para que una aplicacion sea dinamica y tenga esa parte con la que el usuario no interactúa, tenemos el backend que se puede implementar con diversos lenguajes (con su respectivo framework) como pueden ser: Go, Rust, Python(con Django, Flask o FastApi), JavaScript(con Node.js), Ruby (RubyonRails), Java(Sping), PHP(con Laravel), etc…
2-yin-y-yang-de-una-aplicacion_-frontend-y-backend_211c3ed5-7544-4101-b792-4cd87b7faf39.pdf
Framework:
Conjunto de librerias, reglas y estandares para construir un producto digital
Framework:
Será la base sobre la cual podras construir y desarrollar tu proyecto, incluye todas las herramientas necesarias para completarlo (incluye librerías, estándares y reglas).
Librería:
Solo aborda una utilidad especifica, pudiendo agregar más de una en tu proyecto. Eso si, asegurate que no interfieran con el código de otra librería.
La unión entre el Frontend y el Backend se hace a través de una API: Application Programming Interface.