Hola a todos! A pedido de varios miembros que están empezando en el mundo de la informática, he decidido hacer este glosario en donde iré dejando un listado de componentes web y mobile, con sus respectivos nombres, y para que se utiliza cada uno. Esto es con el fin de que puedan tener un mejor vocabulario de la jerga informática.
Glosario de Componentes WEB
Input – Field: Campo para insertar caracteres
Tablas: Las tablas pueden tener distintos diseños, pero básicamente son para acomodar datos
Notificaciones: Aparecen cuando recibimos alguna actualización dentro del sistema
Acordión: Es un componente que permite expandirse/contraerse para mostrar información ahorrando espacio en la web
Cards – Tarjetas: Son cuadros o rectángulos con información. Muy vistos en blogs
Checkbox: Es un componente clickeable, que sirve para marcar un elemento
Modal: Es una especie de cartel que aparece luego de tocar un botón o link y que muestra alguna información.
Tabs: Son solapas o pestañas. Se pueden cambiar entre ellas, y cada una de ellas mostrará una información distinta
Paginación: Sirve para pasar a la siguiente página de un listado. Muy visto en tablas así como también en blogs
Progress Bar o Barra de progreso: Es una barra que muestra el avance de carga de algo del sitio web
Spinner: Es un elemento que nos indica que el sitio web esta cargando
Tooltip: Aparece cuando ponemos el mouse sobre algún elemento. Sirve para mostrar algún tipo de información de uso de ese elemento
Popover: Es similar a un tooltip, solo que tiene una especie de título en la parte superior, y luego una explicación del componente
Form – Formulario: Es utilizado para colocar información y almacenarla en la base de datos, o también muy utilizado en los sitios webs como formularios de contacto
Radio Button: Sirve para seleccionar una opción de un listado. A diferencia del checkbox, este solo permite seleccionar 1 sola opción, mientras que en el checkbox se pueden seleccionar varias
Dropdown – Select – ComboBox: Es un elemento desplegable que muestra varias opciones adentro
Multiselect: A diferencia del select común o dropdown, este permite seleccionar varios items de un desplegable
Gráfico de araña – Radar chart: Permite graficar una tendencia
Grafico de burbuja
Gráfico de barras
Gráfico de torta
Gráfico Lineal
Botón
Switch – Pildora – Toggle: Es un elemento que permite encender o apagar algo
Toast (tostada): Es un tipo de notificación web
Placeholder: Son las palabras grises que aparecen dentro de los input de un formulario, y que sirven como guía para saber que completar dentro de dicho input
Popup: Es cuando clickeamos un link o imagen, y se nos abre una nueva página con publicidad. (muy visto en páginas de descargas o videos)
Menú Hamburguesa: Es un menú que puede colapsarse. Muy visto en sitios responsives (que se adaptan a teléfonos móviles)
Label: El texto que aparece en cualquier sitio web
Leyenda: Es el texto que aparece al posicionar el mouse sobre algún elemento
Breadcrumb – Migajas de pan: Hacen referencia desde donde llegamos a la página que estamos viendo actualmente
Glosario de Componentes Mobile
Menú Hamburguesa: Al igual que en los sitios webs responsives, el menú hamburguesa también aparece en las aplicaciones mobile.
Splash: Es la pantalla de inicio cuando abrimos una aplicación. Suele mostrar una breve presentación o el logo de la app por unos segundos
Push Notifications: Notificaciones emergentes (Cuando una aplicación nos envía una notificación)
Gestos táctiles en pantallas móviles
Swipe: Es cuando deslizamos en la pantalla (Puede ser cuando desbloqueamos el teléfono, cuando pasamos fotos, o cuando scrolleamos)
Esto es todo por ahora. Si se me ocurren más, los iré agregando a este mismo glosario, o si quieren sugerir algunos más, pueden hacerlo en los comentarios y los agrego! Para ver más posts similares de QA, recuerden visitar esta categoría.
Por otro lado, en el foro de Underc0depodrán ver aún más contenido para QAs!
