Want to create interactive content? It’s easy in Genially!

Get started free

Back end y Front end

ꭰIꭼꮐꭷꭷ ࿐R

Created on September 7, 2023

Start designing with a free template

Discover more than 1500 professional designs like these:

Relaxing Presentation

Modern Presentation

Colorful Presentation

Modular Structure Presentation

Chromatic Presentation

City Presentation

News Presentation

Transcript

Back End y Front End

Entiende las diferencias entre Front-End y Back-end en el ambiente de los sitios web.

Empezar

¿Qué es el Front-end? Se relaciona con todo lo que ven las personas, esto incluye el diseño (bien sea UI o UX) y ciertos lenguajes. Además, destaca por su característica funcional, pues sirve para que el usuario entre e interactúe con cualquier sitio. Motivo por el que debe cumplir con altos estándares de usabilidad y estética.

Resumen

¿Qué es el Back-end? Nos referimos a una capa de entrada o código de programa al que los usuarios no tienen acceso. ¿Por qué? Por lo general, dicho código está compuesto por uno o más lenguajes de programación empleados para orientar el desarrollo de estructuras web.

¿Qué hace un Desarrollador Front-End?

Los desarrolladores front-end son los encargados de construir a partir de código las interfaces web que utilizamos a partir de ideas o diseños. Te contamos más sobre el desarrollo front end, qué es y cuáles son las habilidades más importantes que se necesitan en este puesto de trabajo.El front-end es la capa frontal y que se ve en tu sitio web o en tu aplicación. Incluye el diseño, la distribución del contenido, las funcionalidades y todos los elementos con los que un usuario interactúa: Fuentes, botones, tablas, menús, colores, etc. El front end se utiliza para unir entre la interfaz gráfica de usuario (graphic user interface GUI, en inglés) y la ejecución de las acciones. Si cogieramos otro caso físico como analogía a una web, por ejemplo un portátil, la pantalla el teclado, el touchpad los botones o las luces serían aquellas cosas con las que interactúas, y sería el front end. Las partes que no se ven pero que hacen que el front end funcione se engloban dentro del back end y de eso se encargaran los desarrolladores back end. En el ejemplo del portátil, sería el disco duro, el procesador, etc.

+ info

¿Qué hace un Desarrollador Backend?

Un desarrollador backend se ocupa de la arquitectura interna de una web o aplicación móvil que soporta la interfaz de usuario y la operatividad de la solución en general.Los programas esconden una complejidad insondable para los usuarios finales. Detrás de una experiencia fluida y amigable, está un programa escrito con destreza. Y tras este programa, está un desarrollador backend. La arquitectura que soporta la operatividad de un servidor web es invisible para la mayor parte de los usuarios, especialmente para quienes emplean los programas para sus fines transaccionales como realizar una compra, diseñar un post, o incluso algo tan sencillo como redactar texto en un chat. Hace un par de décadas, un webmaster podía programar la totalidad de las funcionalidades que sirven de base a las herramientas, no sólo de la arquitectura que soporta el intercambio de datos y el rendimiento, sino también de la interfaz de usuario. En la actualidad, es imposible que una persona pueda desarrollar y dar mantenimiento a la arquitectura completa de cualquier solución.

+ info

¿Qué hace un Desarrollador Full Stack?

Un desarrollador full-stack es un programador que controla tanto el desarrollo front-end (cliente) como con el back-end (servidor) de aplicaciones web, software y sitios web. ¿Qué hace exactamente el desarrollador full stack? Los desarrolladores full stack combinan las habilidades de los desarrolladores front end y las de los programadores back end. Son capaces de trabajar con bases de datos y servidores y de asumir tareas de los administradores de sistemas o data scientists. El desarrollador full stack comprende la conexión entre la experiencia de usuario cuando utiliza una interfaz (front-end) y lo que ocurre en los servidores y almacenamiento de datos (back-end). Pueden trabajar en todas las áreas del desarrollo de software y, por consiguiente, tienen una gran demanda en el mercado laboral. Este perfil tan completo que es uno de los más demandados en pequeñas y medianas empresas que sobre todo en su etapa inicial deben optimizar los recursos.

+ info

principales lenguajes de programación de frontend

principales lenguajes de programación de frontend 1. HTML 2. CSS 3. JavaScript 4. React 5. Vue 6. TypeScript 7. Elm 8. Angular 9. JQuery 10. Swift

leprincipales lenguajes de programación de backend

principales lenguajes de backend 1. Java 2. Ruby 3. Python 4. PHP 5. JavaScript 6. SQL 7. Rust 8. C/C++ 9. NodeJS 10. Solidity

Diferencias entre front-end y back-end

Lo más atractivo del desarrollo front-end Como su propio nombre deja entrever, la programación en el front-end es aquella que se encarga de configurar y pintar todo aquello que los internautas ven cuando acceden a una web o a una aplicación. Es la parte visual y, por lo general, son aquellos desarrolladores a los que atrae el diseño gráfico los que acaban por decantarse por este área. El cometido de los desarrolladores dedicados a este área es que la interfaz que se encontrarán los usuarios sea tan atractiva como intuitiva, para que así la experiencia de usuario sea mucho más gratificante. Para ello, los desarrolladores recurren a tres herramientas principalmente, como son HTML, CSS y Javascript. Es cierto que, en los últimos tiempos, este último lenguaje de programación ha ido acaparando cada vez más protagonismo en el desarrollo de front-end desterrando a otras tecnologías como JQuery, que se ha quedado obsoleto. Por su parte, en Javascript se han desarrollado otros frameworks como React o Angular, que facilitan la tarea de los ‘developers’, que pueden crear componentes que luego replican en distintas partes de las plataforma que están desarrollando. Además, deben de tener un uso avanzado de otras herramientas alejadas de la programación como son programas de edición de imágenes (como pueda ser Photoshop), o plataformas como Figma o Sketch que permiten configurar de forma previa cómo será la navegación para hacer distintas pruebas de concepto antes de llegar al desarrollo final. Sirviéndose de todas esas tecnologías y de esos lenguajes, los desarrolladores front-end tienes que trabajar tanto en el aspecto y el diseño de la ‘app’ o la web en la que están trabajando, para así provocar una determinada sensación entre los usuarios que accedan a la misma, para que quieran regresar. Una tarea nada sencilla.

¿Por qué te atrapará la programación en el back-end? Los desarrolladores encargados de la programación del back-end son aquellos que prefieren configurar las bases de datos, aquellos que prefieren estudiar cómo sacar el máximo partido a los servidores para que resistan adecuadamente la carga de trabajo que tienen, los que aprovechan los recursos que pueden brindarles las API’s de terceros para obtener mejores desarrollos… En definitiva, los que configuran todo aquello que queda oculto de cara a los usuarios que acceden a una página web o un aplicación, y tienen que dar sus datos para registrarse o para realizar alguna compra desde dicha plataforma. Para poder realizar todas sus tareas, los desarrolladores de back-end se sirven de muchos lenguajes de programación. Desde PHP hasta Ruby, Python, Java o Javascript. Con ellos tienen que conseguir que los sitios vayan fluidos y que la capacidad de respuesta sea lo más óptima posible. Además, al contrario de lo que ocurría algún tiempo atrás, las páginas y ‘apps’ eran más estáticas, pero a medida que se hacen más dinámicas y la información que se muestra se actualiza constantemente, el trabajo de los desarrolladores en el back-end cobra cada vez más importancia. A todo esto se suma el conocimiento de bases de datos tanto relacionales, como MySQL u Oracle, hasta las no relacionales, como pueda ser MongoDB.

¡...!

¿Sabías que...

La ventana permite añadir contenido más amplio. Puedes enriquecer tu genially incorporando PDFs, vídeos, texto… El contenido de la ventana aparecerá al hacer clic en el elemento interactivo.

¿Sabías que...

La ventana permite añadir contenido más amplio. Puedes enriquecer tu genially incorporando PDFs, vídeos, texto… El contenido de la ventana aparecerá al hacer clic en el elemento interactivo.

Con esta función...

Puedes añadir un contenido adicional que emocione al cerebro de tu audiencia: vídeos, imágenes, enlaces, interactividad... ¡Lo que tú quieras!

Con esta función...

Puedes añadir un contenido adicional que emocione al cerebro de tu audiencia: vídeos, imágenes, enlaces, interactividad... ¡Lo que tú quieras!

Con esta función...

Puedes añadir un contenido adicional que emocione al cerebro de tu audiencia: vídeos, imágenes, enlaces, interactividad... ¡Lo que tú quieras!