30 Acrónimos Desarrolladores web deberían saber
La jerga de la industria del desarrollo web contiene tantos acrónimos que utilizamos día tras día, que no solo es desalentador para los principiantes, sino que a veces también es difícil para los desarrolladores prácticos . La mayoría de nosotros usa con seguridad acrónimos más comunes como HTML, CSS o HTTP, pero ¿qué ocurre con los menos utilizados o los más nuevos?
En este glosario, hemos recopilado 30 acrónimos que se utilizan con frecuencia en los artículos y discusiones de desarrollo web de hoy para ayudar a nuestros lectores a mantenerse al día con la jerga de la industria contemporánea .
1. ARIA
Aplicaciones de Internet enriquecidas accesibles : a veces también se usa como WAI-ARIA .
Estándares web publicados por World Wide Web Consortium (W3C). La especificación ARIA define diferentes metodologías de front-end que hacen que el contenido web sea accesible para personas con discapacidad que acceden a la web con tecnologías de asistencia (AT), como lectores de pantalla.
2. ACSS
Hojas de estilo en cascada atómicas : una metodología de escritura CSS desarrollada por Yahoo.
ACSS se basa en clases reutilizables, de propósito único (Atomic) y nombres de clase breves y predecibles que hacen posible el estilo directamente del HTML. Atomizer es una herramienta que puede ayudar a generar clases Atomic para proyectos web.
3. AMP
Accelerated Mobile Pages : un estándar web móvil iniciado por Google con el objetivo de agilizar los sitios para dispositivos móviles .
AMP restringe cómo podemos usar HTML, CSS y JavaScript para mejorar el rendimiento, y nos proporciona los componentes que podemos usar para cargar recursos externos y ejecutar scripts a través del tiempo de ejecución de AMP.
4. API
Interfaz de programación de aplicaciones : un conjunto de características de códigos pre-escritas (propiedades, métodos, clases, etc.) especificadas por el editor de la API, que nos ayudan a utilizar las mejores prácticas y escribir código consistente .
Podemos elegir entre muchas API web, pero los sitios de medios sociales y tecnología, como Facebook, Twitter y Google también publican sus propias API.
5. BEM
Bloquear, Elemento, Modificador : una convención de nomenclatura para escribir clases CSS legibles, consistentes y mantenibles.
Cuando usamos la metodología BEM, creamos clases en todo el proyecto que siguen la sintaxis block__element--modifier
.
- Los bloques son los nombres de entidades independientes, como el
menu
o elbutton
. - Los elementos son diferentes partes o funcionalidades de los bloques, como el
success
o laalert
. - Los modificadores cambian el estilo de los bloques, como
large
osmall
. Por ejemplo,.button__alert--large
sería un nombre de clase BEM válido.
6. CDN
Content Delivery Network : una red de servidores distribuidos que almacena copias duplicadas de nuestro contenido web.
CDN nos permite entregar contenido a cada usuario desde un servidor que está más cerca de su ubicación o menos sobrecargado . De esta forma podemos lograr un mejor rendimiento y reducir el tiempo de inactividad del servidor.
7. CMS
Content Management System : un software que nos permite publicar, modificar y organizar diferentes tipos de contenido digital.
La mayoría de los CMS se utilizan para la publicación web, como WordPress, Drupal y Joomla. Los CMS separan el contenido de la presentación y la funcionalidad, por lo tanto, hacen posible administrar el contenido web sin ningún conocimiento de codificación.
8. CRUD
Crear, leer, actualizar, eliminar : un término utilizado en la administración de bases de datos, contiene las cuatro funciones básicas de una base de datos persistente.
En SQL, los cuatro comandos relacionados son: INSERT
(para Create), SELECT
(para Read), UPDATE
(para Update) y DELETE
(para Delete).
Las funciones de CRUD describen el ciclo de vida de datos típico en sitios web dinámicos.
9. CSSOM
Modelo de objetos de hojas de estilo en cascada : un conjunto de API utilizadas por los navegadores para representar correctamente estilos CSS en una página web.
CSSOM representa todos los estilos CSS (selectores y sus propiedades) en una página web como un mapa de nodos . CSSOM tiene una estructura de árbol similar a DOM, pero es un modelo de datos separado.
10. CTA
Call-to-Action : un término de marketing de uso frecuente en diseño web.
Una CTA es un mensaje dirigido a los usuarios o posibles clientes para que tomen una acción inmediata . En el diseño web, los CTA suelen tener enlaces que intentan atraer a los usuarios para que hagan clic en un botón, pancarta, anuncio, etc.
11. DOM
Document Object Model : una API para documentos HTML y XML, utilizada por los navegadores para representar estos documentos.
El DOM especifica la estructura lógica de un documento y lo representa como un árbol de nodos en el que los nodos son objetos que representan diferentes partes del documento. Los nodos se pueden crear, modificar y eliminar.
12. ECMAScript (ES)
Script de la Asociación Europea de Fabricantes de Computadoras : una especificación de lenguaje de scripting en la cual se basa la sintaxis de JavaScript, junto con JScript y ActionScript.
ECMAScript recibió su nombre de la Asociación Europea de Fabricantes de Computadoras, la organización que lo estandarizó.
13. FOSS
Software libre y de código abierto : un software que es gratuito en el sentido de que no tiene ninguna restricción sobre los derechos de autor, y de código abierto en el sentido de que cualquiera puede acceder y modificar el código fuente del software.
A veces también se conoce como FLOSS . Ver la postura de GNU en la terminología FOSS vs. FLOSS.
14. FTU
Uso por primera vez: la primera vez que un usuario carga un software después de la instalación .
FTU es una parte crucial del proceso de adopción de la aplicación . Las tasas de retención de usuarios se pueden mejorar si la incorporación del usuario está diseñada correctamente. Durante FTU podemos mostrar cómo funciona una aplicación o hacer que los usuarios configuren opciones importantes (zona horaria, idioma, preferencias, etc.).
15. GUI
Interfaz gráfica de usuario : un tipo de interfaz de usuario, a diferencia de las interfaces impulsadas por comandos .
Una GUI hace posible que los usuarios sin conocimientos técnicos interactúen con un software sin aprender lenguajes de comando, como MS-DOS. Las GUI usan iconos gráficos y un lenguaje visual para permitir a los usuarios dar comandos a la aplicación y tomar entradas.
16. IDE
Entorno de desarrollo integrado : una aplicación de software que nos proporciona un entorno de programación que integra diferentes herramientas necesarias para el desarrollo y las pruebas, como un editor de código fuente, herramientas de automatización de compilación, un compilador o intérprete y un depurador. Xcode, Eclipse y Visual Studio son ejemplos de IDEs.
17. IIFE
Expresión de función invocada inmediatamente : un patrón de diseño de JavaScript popular que crea un alcance léxico.
Un IIFE es una expresión de función que se ejecuta inmediatamente después de su evaluación. Se puede usar para almacenar código que debe ejecutarse solo una vez, crear espacios de nombres y crear variables privadas y cierres.
Un IIFE usa la siguiente sintaxis:
(Código de función }());
18. ITCSS
Hojas de estilo en cascada del triángulo invertido : una arquitectura CSS escalable para código CSS reutilizable .
ITCSS divide las propiedades de CSS en niveles según su especificidad e importancia . Los niveles se representan como un triángulo invertido en el que la especificidad aumenta desde la parte superior plana a la punta en la parte inferior.
19. JSON
Notación de objetos JavaScript : un formato de datos legible por el hombre, independiente del idioma, para intercambiar datos .
JSON puede almacenar objetos como colecciones de pares de nombre-valor y matrices como colecciones ordenadas de valores. Su sintaxis es similar a la de JavaScript, por eso es el formato de datos más común en las aplicaciones basadas en JavaScript.
20. LÁMPARA
Linux, Apache, MySQL, PHP / Python / Perl : una popular pila web para crear sitios web dinámicos.
La pila LAMP consta de Linux como sistema operativo, Apache como servidor web, MySQL como software de gestión de bases de datos y PHP, Perl o Python como lenguaje de scripting. Su variante de Windows se llama WAMP, mientras que su variante de OS X es MAMP .
21. LTR / RTL
De izquierda a derecha / de derecha a izquierda : términos utilizados en la internacionalización
LTR y RTL son propiedades locales de la configuración de idioma o país de una IU . LTR significa de izquierda a derecha, RTL significa de derecha a izquierda. Indican la dirección del texto .
La mayoría de los lenguajes son LTR y las interfaces generalmente están diseñadas para ellos, pero puede agregar fácilmente soporte RTL a la mayoría de los CMS, como WordPress con el archivo rtl.css
.
22. SIGNIFICADO
MongoDB, Express.js, Angular, Node.js : una pila web solo para JavaScript para crear sitios web dinámicos y aplicaciones web.
La pila MEAN consta de la base de datos MongoDB NoSQL, el marco de aplicación web Express.js, el framework de frontend Angular.js y el tiempo de ejecución de Node JavaScript, y se ejecuta en cualquier sistema operativo .
23. MVC
Modelo-Vista-Controlador : un patrón arquitectónico utilizado en la programación orientada a objetos .
El patrón MVC mantiene la lógica de datos separada de la interfaz de usuario agrupando los objetos en tres grupos: Objetos de modelo para la estructura de datos subyacente y lógica, Objetos de vista para la interfaz de usuario y Objetos de controlador para actuar como intermediario entre otros objetos y para la coordinación de tareas .
24. OAuth
Autenticación abierta : un protocolo abierto que hace posible la autorización segura de forma segura y estandarizada.
OAuth se utiliza con frecuencia como un método para permitir a los usuarios iniciar sesión en un sitio utilizando servicios de terceros, como Facebook, Twitter o Google, eliminando así la barrera del registro.
25. POO
Programación orientada a objetos : un paradigma de programación en oposición a la programación de procedimientos.
En OOP, creamos modelos similares al entorno del mundo real haciendo uso de cuatro principios principales: abstracción, encapsulación, herencia y polimorfismo . En el centro de OOP, hay objetos que contienen datos encapsulados en forma de propiedades y métodos .
26. REGEX
Expresión regular : un patrón de texto utilizado para combinar combinaciones de caracteres en diferentes cadenas.
Regex hace posible buscar fácilmente ciertas secuencias de caracteres en un texto y validar la entrada del usuario . Regex es parte de muchos lenguajes de programación populares, como JavaScript, PHP, Python, Ruby, Java y otros.
27. DESCANSO
Representational State Transfer : conjunto de pautas arquitectónicas de diseño de software para la transmisión de datos entre el cliente y el servidor. Siguiendo los principios de la arquitectura REST, podemos crear API RESTful para nuestras aplicaciones web.
28. SCM
Source Control Management : un sistema para administrar versiones múltiples del mismo documento, aplicación, código u otro tipo de información. También se llama gestión de control de versión o revisión .
SCM hace posible realizar un seguimiento de los cambios y evitar la pérdida de información . Los sistemas SCM más populares son Git y SVN .
29. SMACSS
Arquitectura escalable y modular para hojas de estilo en cascada : una metodología de escritura CSS que nos permite modularizar código CSS y hacerlo más legible y mantenible.
SMACSS define 5 tipos de reglas de estilo (base, diseño, módulo, estado, tema) y las identifica con diferentes prefijos de selector.
30. WYSIWYG
Lo que ve es lo que obtiene : un tipo de editor de contenido que permite a los usuarios editar texto, imágenes y otros tipos de contenido sin escribir ningún marcado .
En un editor WYSIWYG, los usuarios pueden ver cómo se verá el resultado final mientras crean el contenido. La interfaz del editor de publicaciones de WordPress y la mayoría de las plataformas de blogs son buenos ejemplos de sistemas WYSIWYG.
Un vistazo a: estándares web de ARIA y accesibilidad a las aplicaciones HTML
Una web verdaderamente abierta e inclusiva necesita tecnologías que permitan a los usuarios con discapacidad que dependen de las tecnologías de asistencia disfrutar de contenido web dinámico y aplicaciones web modernas. Los estándares web de accesibilidad del W3C apuntan a poblar la web con las aplicaciones de Internet enriquecidas accesibles (ARIA) que los usuarios con discapacidades pueden usar de manera eficiente.ARI
Tendencias molestas de diseño web que debe evitar (o hacer con moderación)
A la gente le encanta seguir las tendencias . Y no hay nada malo en eso. De hecho, para ser "cool" seguir las tendencias es imprescindible. Esto es muy importante para los diseñadores web a fin de mantenerse al día con la creciente competencia. Pero cuando se trata de seguir las tendencias, los diseñadores web a veces tienden a pensar demasiado o pasan por alto algunos de los detalles más importantes, especialmente para la usabilidad.En