Glosario para QAs (Componentes web y mobile)

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

Tema anterior - Siguiente tema

Antraxlele y 3 Visitantes están viendo este tema.

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









que buena data Antrax, un glosario mas que práctico para los mas nuevos
José Alberto Pascal Sifuentes Frojan




Increíble aporte. Muchísimas gracias!!!!
Julitoezequiel


Nuevo update! Agregué las push notifications y el swipe en la parte mobile


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 los links. Registrarse o Entrar a mi cuenta

Salutes!

Muy bueno! ;D  Una pequeña corrección: se escribe Acordeón, no Acordion  :P


Buenas, Otro que se me ocurre es el "Breadcrumb" o Migajas de Pan