es.hideout-lastation.com
Paraíso Para Los Diseñadores Y Desarrolladores


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 el button .
  • Los elementos son diferentes partes o funcionalidades de los bloques, como el success o la alert .
  • Los modificadores cambian el estilo de los bloques, como large o small . 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.

Oficinas de Google en todo el mundo [Fotos]

Oficinas de Google en todo el mundo [Fotos]

Antes de que los gigantes tecnológicos comenzaran a ofrecer ventajas para levantar las cejas (como pagar los costos de las empleadas para congelar sus huevos), el gran atractivo de trabajar en lugares como Google era el salario, las instalaciones y sus impresionantes oficinas. Al ser una parte importante de la Web durante 16 años, Google ha acumulado una gran reputación por ser sus oficinas el lugar de trabajo ideal.Lo

(Consejos de tecnología y diseño)

Comprender las interacciones micro en el diseño de aplicaciones móviles

Comprender las interacciones micro en el diseño de aplicaciones móviles

La usabilidad es uno de los componentes clave del diseño de la interfaz de usuario móvil . La gran usabilidad a menudo implica microinteracciones que son pequeñas respuestas y comportamientos de una interfaz que dicta cómo se debe usar la IU. Estas microinteracciones definen comportamientos, fomentan el compromiso y ayudan a los usuarios a visualizar cómo debería funcionar una interfaz.Las i

(Consejos de tecnología y diseño)