Frontend, Backend y Full Stack

Clase 2 de 19 • Curso de Introducción al Desarrollo Backend

Clase anteriorSiguiente clase

Antonio Demarco Bonino

student•

La gran comparativa es algo así:

Fronted = Son los Avengers (todo el mundo ve su trabajo y cómo lo hacen)
Backend = Los Hombres de Negro (nadie ve su trabajo pero si no lo hacen el planeta se destruye)
Full Stack = El Inspector Gadget o James Bond 007 (tiene una infinidad de recursos para sacar todo adelante y evitar que el proyecto o la trama de caiga)

Arturo Vargas Gutierrez

student•

backend es Goku y los demás, frontend es Mr satán llevándose todo el crédito

JESUS ALEXIS CARMONA CASTRO

student•

Mas claro no pudo ser jajaj

Kevin Daniel Mora Gonzalez

student•

Creo que los gustos para hacer la parte del backend es para alguien que tiene mas orientación por resolver la lógica del negocio y en la parte del frontend podría ser una persona a la que le guste que lo que esta creando el pueda ver que los usuarios finales interactúan con todo lo que el creo con el código.

¿Que opinan?

Juan Carlos Montilla Sánchez

student•

Concuerdo contigo

Felix Torres Javier Antonio

student•

concuerdo en que ambos, tanto Frontend como Backend deben de entender y códificar la lógica de negocio, cada quien con sus distintas areas

Rolando Tarqui Benito

student•

2 - Frontend, Backend y Full Stack

Fronted (Cliente): Se enfoca en la parte del renderizado y lo que se muestra al cliente. Clientes mas populares:
- Navegadores: hacen solicitudes HTML o pueden enviar datos y soportan;
  - HTML; Markdown
  - CS; Tailwind, Bootstrap, Foundation
  - JS; React, Angular , Vue
- APP mobile: Pueden ser de android o iOS, q se conectan a un servicio de backend para solicitar datos y luego renderizarlo. Soportan:
  - IOS; Swift, Objetive C
  - Android; Kotlin, JAVA
  - Cross Plataform; React Native, Flutter, .NET MAUI
- IOT: Podemos conectar dispositivos que envíen datos a un SV para luego visualizarlo
Backend (Server): Se enfoca en desarrollar servicios que se conectan a un frontend o sea un cliente a través de una API (application programming interface). Existen múltiples lenguajes de programación con su respectivo framework que se utilizan para el desarrollo backend;
Python → Django
JavaScript → Express.js
TypeScript → NestJS
Ruby → Ruby on Rails
PHP → Laravel
Java → Spring
Go → Gin
C# → .NET
FullStack developer: Es un dev que desempeña funciones de frontend y backend, pero generalmente tiene una especialidad en la que ejerce una mayor profundidad de conocimiento.

💡 El ingeniero en “forma T” es una analogía que sugiere que el conocimiento del desarrollador debería graficarse en forma de una letra T, puesto que el conocimiento de su especialidad debe alcanzar un mayor nivel de profundidad, mientras que superficialmente entiende otras tecnologías que complementan su punto mas fuerte.

Arvin Fernando Morales Villalobos

student•

Excelente aporte, claro y conciso, saludos.

Carlos David Barbosa Peña

student•

Excelente

SANDRO SIMON

student•

Hablando de roles, un Backend developer debería conocer sobre bases de datos, pues siempre va a necesitar interactuar con ellas. Por otro lado, no tengo claro si conocer sobre tecnologías vinculadas al ANALISIS DE DATOS (pandas, matplotlib, jupyter, entre otros) le sumaría valor a su rol como Backend Developer.

Felipe Toro C

student•

Muy sorprendido del avance de platizi con este nuevo curso, las animaciones, el apoyo visual y las presentación está excelente, Todo eso fusionado con todo el conocimiento de Nico hace muuyyy entretenida la clase. Ojala se continue con está linea.

Luis Fernando Jonathan Vargas Osorn

student•

Segun freddy vega en sus videos el fullstack no existe

Guillermo Rivadeneira

student•

cual video ?

López Ary Dani

student•

Fuentes?

Diego Fernando Velesaca Orellana

student•

Pregunta seria: Tiene el rol backend mayor complejidad que el frontend y/ó vicerversa?

Jesús David García Cuello

student•

Ambos pueden llegar a ser simples o complicados, eso varía de acuerdo a la aplicación, el lenguaje y los frameworks que se usen. Una aplicación frontend puede ser simple o compleja, mientras que una aplicación backend puede ser un poco más compleja en general, debido a la lógica de negocios y manejo de datos. Sin embargo, la complejidad dependerá de la aplicación.

Emerson Cedeño

student•

siendo FullStack Dev con especialidad en PHP, diría que la complejidad es relativa dependiendo del proyecto, no es lo mismo un website que una aplicación, trabajar con un framework o un CMS, que el producto sea de consumo público o restringido, y el tiempo de entrega y/o los recursos que se deban utilizar para la implementación... ahora bien, "complejidad" a nivel de... aprendizaje?, orientación?... me parece que el frontend tiene mayor exposición que el backend, no obstante un buen frontend no hace mucho sin un buen backend 🤓

Gilbert Ardila

student•

bueno hablando estrictamente React y Vue son librerias, no frameworks, pero la idea es la misma

Jonathan David Olivos

student•

Resumen

Roles y elementos en el desarrollo frontend y backend, y la conexión entre ambos:

Frontend (Cliente):

Navegador:
- Interfaz que presenta la aplicación web al usuario.
- Procesa y muestra HTML, CSS y JavaScript.
Móvil:
- En el contexto de frontend, se refiere al desarrollo de interfaces para aplicaciones móviles.
- Puede implicar el uso de tecnologías específicas para el desarrollo móvil, como React Native o Flutter.

Backend (Servidor):

Full Stack:
- Desarrollador que trabaja tanto en el frontend como en el backend.
- Capaz de manejar la lógica del servidor y construir interfaces de usuario.

Conexión entre Frontend y Backend:

HTTP/HTTPS:
- Protocolos de comunicación estándar entre el navegador y el servidor.
- Permite el intercambio de solicitudes y respuestas.
API (Interfaz de Programación de Aplicaciones):
- Define cómo se pueden solicitar y entregar datos entre el frontend y el backend.
- Puede ser RESTful, GraphQL, u otro.
AJAX (Asynchronous JavaScript and XML):
- Tecnología que permite la actualización de partes específicas de una página sin recargarla por completo.
- Utiliza JavaScript para realizar solicitudes asíncronas al servidor.
Fetch API:
- Proporciona una interfaz JavaScript para acceder y manipular partes del canal HTTP, como solicitudes y respuestas.
WebSocket:
- Proporciona un canal de comunicación bidireccional entre el cliente y el servidor.
- Útil para aplicaciones en tiempo real.
Librerías y Frameworks:
- Utilizados en ambos lados para facilitar la conexión y la transferencia de datos.
- Ejemplos: Axios, jQuery, Express, Django, Flask.

La conexión entre frontend y backend es esencial para el funcionamiento de aplicaciones web, ya que permite la transferencia de datos y la interactividad entre el usuario y la aplicación.

Samuel Suárez

student•

#2. Frontend, Backend y Fullstack.

Podemos separar las partes de una aplicacion en el Cliente y Servidor

Cada parte de la aplicacion funciona de manera distinta.

Un frontend se encarga de la parte del cliente de una aplicacion. El Cliente es toda la parte visual de una aplicacion.
El backend se encarga del lado del servidor de una aplicacion. Es todo lo invisible de una aplicacion que hace que funcione. Se encarga de entregar los datos y trabajar en conjunto con el frontend.

Ambas partes de la aplicacion se comunican utilizando APIs Aplication Program Interface

Isaac Leonardo M.

student•

Esta imagen aparece en las diapositivas, pero no en el video. Así que la comparto para que la puedan ver desde acá.

bernardo villalba

student•

Hola, este es el mejor profesor de platzi, sin dudas, nunca escuche tan claro los conceptos de frontend, backend y ingenieros tipo T, es muy claro el profe nico,excelente!!!!!!! muy contento con todo el contenido.

David Espino

student•

El curso comienza maravillosamente. Las explicaciones son extremadamente claras y dinámicas. Estoy muy emocionado de comenzar este curso

Javier Marin Ayza

student•

Cuando se habla de cross platform se menciona flutter, net maui y react native... pero no se dice nada de ionic... tampoco veo ningún curso en platzi sobre esta tecnología había uno pero ya no esta... quiere decir esto que ionic ya ha pasado a la historia no es una tecnología que vaya a salir adelante? lo digo poque bueno supongo que os pasa a todos la cantidad de cosas que aprendemos hace un tiempo me puse en ionic y quería profundizar más pero si no tiene tanto futuro como otras me gustaría saber para "no percer tiempo" y centrarme en otras aunque es una lástima me gustaba mucho como se basaba en angular y lo utilizo mucho y me encanta...

Geovanni Labastida Vázquez

student•

Rol como backend Dev consiste en escribir código del lado del servidor que esta relacionado con:

Reglas de negocio
Validación
Autorización de usuarios
Conexiones a base de datos .

OTROS ROLES

DATA BASE ADMIN Gestiona una base de datos, sus políticas y como vamos a disponer de esa DB a través del código y su seguridad. . SERVER ADMIN Se encarga de gestionar la seguridad en los servidores que es donde corre el código a disposición. . FULL STACK Hace las dos cosas, conoce sobre Cloud, Marketing, Frontend y Backend. Normalmente enfocándose en una pero integrando todas las tecnologías. . BACK END DEV Como backend Dev vas a desarrollar servicios donde el Cliente (front end) se conecta. . . Fontend - Cliente Backend - Server . El backend es donde esta la disposición y distribución de los servicios, el cliente se enfoca en conectarse para recibir HTML o Datos y renderizar la página. . Tipos de Clientes Navegador (frontend) Móvil IOT (dispositivos como sensores) . Lenguajes BackEnd . Nos permiten programar estos servicios y normalmente van acompañados de un framework para escribir código más ágil, con estructura y estándares para desarrollar. . Conexión Estos dos se conectan a través de una API [Application Programming Interface] (http)

Juan Esteban Sierra Agudelo

student•

Frontend: Todo lo visual Backend: Lo no visual, como lo pueden ser los servidores.

Alexander Flores Rayme

student•

Backend: Permite conectar y mostrar datos a través de una api rest, puede ser mostrado en la web, móvil y IOT. Podemos escribir Código HTML (Markdown) Estilos CSS y JavaScript en el servidor, para renderizar en el cliente. _ Frontend: Sera el encargado de crear la interfaz y mostrar estos datos con una API, el cual permitirá la interacción como crear, editar o eliminar datos. _ FullStack: Es el que lleva el conocimiento tanto de frontend como backend.

Fidel Parabacuto

student•

Hoy en día cada área es muy amplia y lo que se llama FullStack por lo general tienen conocimientos sólidos en algo y noción de otras áreas.

Alvarado Sophy

student•

Excelente aporte claro y conciso se comprende muy bien todo

Kevin Andrés

student•

Imagine the internet as a restaurant: the frontend is what you see—the tables, the menu, the decoration; the backend is the kitchen, where all the invisible magic happens to make everything work; and the Full Stack is that chef who knows how to both serve tables and cook, capable of building the entire restaurant from scratch. Learning frontend first keeps you motivated because you see quick results, then backend gives you the power of logic and data, and when you combine both, you gain the full vision to create real products. In the end, remember: code is not the goal, it’s the tool to build things that change people’s lives