Una respuesta breve es que depende de un proyecto y de las personas que lo están realizando.
Primero, es bueno definir Front-End y Back-End, por lo que estamos en la misma página. Tenga en cuenta que no me enfocaré demasiado en esos términos y muchas personas tienen una opinión ligeramente diferente al respecto. Depende principalmente del proyecto, las interpretaciones de los términos y las herramientas / tecnologías utilizadas.
Interfaz
- ¿Cómo aprendería un desarrollador web autodidacta a construir un sistema back-end distribuido?
- ¿El desarrollo de iOS es front-end o back-end?
- ¿Por qué casi todos los bootcamps enseñan Ruby on Rails y no PHP para la programación de back-end?
- Cuando un desarrollador back-end implementa una API, ¿debería tener una idea clara de lo que está haciendo el desarrollador front-end?
- ¿Cómo vinculan los desarrolladores back-end su trabajo con los desarrolladores front-end?
Capa UI / UX compuesta por HTML, CSS, JavaScript y medios. Obtiene datos del Back-End y lo llama cuando algo necesita ser guardado / cambiado. Tenga en cuenta que muchos proyectos, especialmente los más antiguos, tienen esas capas mezcladas. A veces bastante mal.
Back-end
La capa de lógica de negocios que sirve archivos al navegador, maneja archivos de lectura, escritura, comunicación con la base de datos y posiblemente otros servicios.
* Extra: arquitectura multicapa
Tenga en cuenta que las descripciones anteriores son enormes simplificaciones. Las arquitecturas modernas en proyectos más grandes son de varias capas, ver: microservicios.
Entonces, si tiene las capas de front-end y back-end separadas adecuadamente, debe centrarse en la API que une esas dos. De esa manera, Front-End y Back-End pueden desarrollarse en forma separada (principalmente), por ejemplo, por otras personas / equipos.
En tal situación, tiene Separación de preocupaciones y no necesita administrar una gran aplicación monolítica de estilo spaghetti. Por supuesto, la separación de Front-End y Back-End no hace que esos dos códigos sean mágicamente finos y elegantes. Las pruebas y otras buenas prácticas aún son algo para recordar.
Algunos bits sobre API
Por ejemplo, puede tener API basada en REST que sirve y consume JSON como
/ users / all – obtiene todos los usuarios en forma como:
[{“id”: “123”, “name”: “John”}, {“id”: 456 “,” name “:” Mary “}]
Luego puede renderizar la vista basada en HTML en Front-End utilizando un marco como Angular u otras herramientas como React, jQuery, custom.
Desarrolladores Full-Stack
Algunos desarrolladores escriben código de front-end y back-end. No necesariamente en proporciones similares y al mismo tiempo. Los desarrolladores más experimentados, incluso si se centran en Front-End o Back-End tienden a conocer algunos aspectos del otro lado.