Glosario para QAs (Componentes web y mobile)

Iniciado por ANTRAX, Abril 18, 2023, 01:45:48 PM

Tema anterior - Siguiente tema

nanox20 y 1 Visitante están viendo este tema.

Imprimir
Ir Abajo Páginas1 2
Acciones del Usuario
Abril 18, 2023, 01:45:48 PM Ultima modificación: Julio 06, 2023, 01:08:56 PM por ANTRAX

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)



Swipe: Es cuando deslizamos en la pantalla (Puede ser cuando desbloqueamos el teléfono, cuando pasamos fotos, o cuando scrolleamos)


Gestos táctiles en pantallas móviles


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!

Espero que les sirva!
ANTRAX

Abril 18, 2023, 01:57:35 PM #1
Gracias gracias gracias  ;D
Abril 18, 2023, 02:04:16 PM #2
Graciasssss tremendo
Abril 18, 2023, 02:06:16 PM #3
Gracias!! muy buen material
Abril 18, 2023, 02:21:28 PM #4
Excelente!
Abril 18, 2023, 03:29:14 PM #5
Muchas gracias :)  :)  :)
ANDRE
Abril 18, 2023, 04:02:48 PM #6
Grosos! Gracias!
Abril 18, 2023, 05:32:50 PM #7
Muchas gracias!!!
Abril 18, 2023, 05:55:26 PM #8
que buena data Antrax, un glosario mas que práctico para los mas nuevos
José Alberto Pascal Sifuentes Frojan
Abril 18, 2023, 11:32:14 PM #9
Muy bueno lo voy a tener a mano
Abril 19, 2023, 07:35:54 PM #10
Excelente! mil gracias! a favorito
Abril 19, 2023, 11:39:35 PM #11
Genial!!Muchas gracias!!
Abril 20, 2023, 12:55:16 AM #12
Increíble aporte. Muchísimas gracias!!!!
Julitoezequiel
Abril 20, 2023, 04:46:35 PM #13
Tremendo!!!  Muchas gracias  :D

JUEDSAY
Abril 21, 2023, 12:55:53 PM #14
Nuevo update! Agregué las push notifications y el swipe en la parte mobile

Abril 24, 2023, 02:53:18 PM #15
Muy muy bueno y súper útil, gracias
CIRA
Abril 28, 2023, 01:49:16 AM #16 Ultima modificación: Abril 28, 2023, 02:04:18 AM por NicoGiglio
Dejo un sitio con varios componentes web funcionales para interactuar con los mismos! (Tengo entendido que sirve para jugar con postman al ser funcionales)

No tienes permitido ver enlaces. Registrate o Entra a tu cuenta

Salutes!
Abril 28, 2023, 02:22:46 PM #17
Muy bueno! ;D  Una pequeña corrección: se escribe Acordeón, no Acordion  :P
Mayo 23, 2023, 09:49:19 AM #18
Super útil, Muchísimas Gracias!!!
Mayo 24, 2023, 11:24:08 AM #19
Buenas, Otro que se me ocurre es el "Breadcrumb" o Migajas de Pan
Imprimir
Ir Arriba Páginas1 2
Acciones del Usuario