Frontend, Backend y Full Stack

2/19
Recursos

Aportes 29

Preguntas 2

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

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)

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?

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.

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.

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.

Segun freddy vega en sus videos el fullstack no existe

#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.

 

  1. Un frontend se encarga de la parte del cliente de una aplicacion. El Cliente es toda la parte visual de una aplicacion.
     
  2. 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

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

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

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.

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

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)

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

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.

Resumen

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

Frontend (Cliente):

  1. Navegador:
    • Interfaz que presenta la aplicación web al usuario.
    • Procesa y muestra HTML, CSS y JavaScript.
  2. 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):

  1. 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:

  1. HTTP/HTTPS:
    • Protocolos de comunicación estándar entre el navegador y el servidor.
    • Permite el intercambio de solicitudes y respuestas.
  2. 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.
  3. 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.
  4. Fetch API:
    • Proporciona una interfaz JavaScript para acceder y manipular partes del canal HTTP, como solicitudes y respuestas.
  5. WebSocket:
    • Proporciona un canal de comunicación bidireccional entre el cliente y el servidor.
    • Útil para aplicaciones en tiempo real.
  6. 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.

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.

Lenguajes de BackEnd y sus FrameWorks= Python → Django JavaScript → Express.js TypeScript → NestJS Ruby → Ruby on Rails PHP → Laravel Java → Spring Go → Gin C# → .NET

Ecosistemas que interactuan con Servicios "Movile"- IOS= Swift - Objective C Android= Kotlin - Java CrossPlataforms= React Native - Flutter - .NET MAUI

Herramientas de Lenguaje: HTML: Markdown CSS: Tailwind - Bootstrap - Foundation JS: Angular - React - Vue

Es interesante el camino de desarrollador web. Tanto frontend, backend y full-stack. Si que me falta mucho para llegar a ese objetivo. A darle con todo.

Es interesante el camino para desarrollarse como un programador de backend y frontend. Esta especialidad si me gusta con la diferencia de que voy a ir paso a paso. En mi caso comenzare con el backend. Tengo conocimientos de frontend pero no tan avanzados como para ser full-stack. Con el tiempo espero ser el mejor. A comenzar.

Yo trabajo como desarrollador FullStack y lo que dice Nico es complementamente cierto, mis funciones son mas del lado Backend pero debes en cuando hay que echarle al frontEnd

Navegadores: Los navegadores hacen solicitudes en los cuales el backend envía un HTML o puede enviar datos. El cual los navegadores los obtiene y empiezan a hacer un renderizado.

BACKEND DEVELOPER: Vas a desarrollar servicios en los cuales clientes (Frontend) empiezan a conectarse. En Backend está toda esa distribución y disposición de servicios. Los clientes normalmente se enfocan en la parte de renderizado, se conectan y empiezan a renderizar.

BACKEND DEVELOPER: Vas a desarrollar servicios en los cuales clientes (Frontend) empiezan a conectarse. En Backend está toda esa distribución y disposición de servicios. Los clientes normalmente se enfocan en la parte de renderizado, se conectan y empiezan a renderizar.

Muy buena clase

Un fullstack es un programador super sayayin nivel dios…😃

Lenguajes de programación para backend y sus frameworks

Tengo un ligero conocimiento de front y estoy conociendo el back