Glosario Front-end

Autor: | Última modificación: 21 de enero de 2022 | Tiempo de Lectura: 3 minutos
Temas en este post: ,

Glosario Front-end

El desarrollo front-end es uno de los pilares del diseño de software. Es lo que le da forma a la interfaz de cualquier página, aplicación o programa para que funcione correctamente. En este glosario front-end definimos los conceptos fundamentales que necesitas conocer para entender las bases de esta disciplina.

Base de datos

En programación, una base de datos es un conjunto de información que se almacena y categoriza en base a un criterio común para hacer uso de ella posteriormente. Estos datos pueden ser documentos de texto, archivos multimedia, tablas, etc. Para grandes cantidades de datos, hay programas denominados DBMS (Database Management System) que guardan la información de manera estructurada, facilitando su acceso y explotación más adelante. En desarrollo front-end, las bases de datos almacenan los elementos que componen una interfaz.

CMS (Content Management System)

Un CMS o un sistema de gestión de contenidos es un software que permite crear y administrar los elementos de una interfaz digital como una página web. Es un entorno de trabajo colaborativo en el que varios usuarios participan para gestionar el contenido que se halla en una base de datos. Es una manera eficiente de diseñar, publicar y organizar el contenido de un sitio web, sin necesidad de dominar el desarrollo front-end.

CSS (Cascading Style Sheets)

Las CSS, u hojas de estilo en cascada, son uno de los estándares del desarrollo front-end definido por el W3C (World Wide Web Consortium). Es el lenguaje que determina el diseño final en la interfaz de usuario de los elementos que componen un documento HTML. A través de las CSS, el desarrollador elige la tipografía, los colores y la maquetación de una página web.

Desarrollo front-end

El desarrollo front-end es la rama de la programación que se encarga de crear y diseñar la interfaz de usuario de una página web, haciendo uso de HTML, CSS y JavaScript. Esto incluye la inserción de los contenidos, su maquetación en la pantalla y la adición de efectos dinámicos. El objetivo es que el sitio se pueda visualizar correctamente en cualquier navegador web, que su navegación sea intuitiva para los usuarios y su rendimiento óptimo.

Diseño web adaptable

El diseño web responsive o adaptable es aquel que tiene como objetivo que una página web se pueda visualizar correctamente y tenga el mismo rendimiento en cualquier navegador, dispositivo o tamaño de pantalla. Para ello, los desarrolladores utilizan la proporcionalidad como medida para indicar los tamaños de los objetos, elementos multimedia flexibles y las media queries (una utilidad de CSS3 que permite adaptar el contenido a las propiedades de las diferentes pantallas como la resolución).

HTML (Hyper Text Markup Language)

El HTML, o lenguaje de marcado de hipertexto, es un modelo de lenguaje que permite crear páginas web. Junto a CSS y JavaScript, se trata de uno de los estándares del desarrollo front-end, según el W3C. El texto de una página de HTML indica los diferentes elementos que componen una interfaz gráfica de usuario. Los navegadores renderizan estos documentos desde un servidor web o un disco local, convirtiéndolos en sitios web.

JavaScript

JavaScript es un lenguaje de programación y un estándar del desarrollo front-end. Utilizado generalmente del lado del cliente, está implementado en la mayoría de los navegadores web y permite optimizar la visualización y dinamismo de las páginas web. Es un lenguaje de programación dirigido por eventos, funcional e imperativo.

Lenguaje de programación

Un lenguaje de programación es aquel que transmite al ordenador las instrucciones de un desarrollador. Se trata de un lenguaje formal, es decir, sus reglas y estructuras gramaticales están ya determinadas. Es una herramienta fundamental para implementar los algoritmos que indican al programa las acciones a realizar.

User interface (Interfaz gráfica de usuario)

En el contexto del desarrollo front-end, se denomina interfaz gráfica de usuario a la pantalla en la que una persona interactúa con un dispositivo, ya sea un ordenador, un smartphone o cualquier aparato inteligente. Para que esta interacción sea efectiva, el desarrollador debe diseñar la interfaz de usuario de manera que los contenidos estén distribuidos clara y coherentemente, y la navegación sea intuitiva y dinámica.

WebAssembly

WebAssembly es un estándar de desarrollo front-end diseñado para complementar a JavaScript y optimizar su rendimiento. Se trata de un lenguaje de bajo nivel, en código binario portable, que se ejecuta usualmente del lado del cliente y permite mejorar la performance de las páginas web.

[email protected]