Los enlaces son solo para miembros. Registrate o iniciá sesión/antrax-labs.org/wp-content/uploads/2023/04/heading-of-qa-automation-what-is-it-and-why-do-you-need-it-750x350.jpg
Hi everyone! At the request of several members who are getting started in the IT world, I've decided to make this glossary where I'll be listing web and mobile components, with their respective names and what each one is used for. The goal is to help you build a better vocabulary of IT jargon.
Glossary of WEB Components
Los enlaces son solo para miembros. Registrate o iniciá sesión/antrax-labs.org/wp-content/uploads/2023/04/input.png
Input – Field: A field for entering characters
Input – Field: A field for entering characters
Los enlaces son solo para miembros. Registrate o iniciá sesión/antrax-labs.org/wp-content/uploads/2023/04/Tabla-1536x705.png
Tables: Tables can have different designs, but basically they are used to arrange data
Tables: Tables can have different designs, but basically they are used to arrange data
Los enlaces son solo para miembros. Registrate o iniciá sesión/antrax-labs.org/wp-content/uploads/2023/04/notificaciones-1.png
Notifications: They appear when we receive some update within the system
Notifications: They appear when we receive some update within the system
Los enlaces son solo para miembros. Registrate o iniciá sesión/antrax-labs.org/wp-content/uploads/2023/04/bootstrap-accordion-menu-with-plus-minus-icon.gif
Accordion: A component that can expand/collapse to display information while saving space on the page
Accordion: A component that can expand/collapse to display information while saving space on the page
Los enlaces son solo para miembros. Registrate o iniciá sesión/antrax-labs.org/wp-content/uploads/2023/04/cards-1140x610.png
Cards: Boxes or rectangles containing information. Very common in blogs
Cards: Boxes or rectangles containing information. Very common in blogs
Los enlaces son solo para miembros. Registrate o iniciá sesión/antrax-labs.org/wp-content/uploads/2023/04/checkbox-750x273.png
Checkbox: A clickable component used to mark an item
Checkbox: A clickable component used to mark an item
Los enlaces son solo para miembros. Registrate o iniciá sesión/antrax-labs.org/wp-content/uploads/2023/04/modal.gif
Modal: A kind of panel that appears after clicking a button or link and displays some information.
Modal: A kind of panel that appears after clicking a button or link and displays some information.
Los enlaces son solo para miembros. Registrate o iniciá sesión/antrax-labs.org/wp-content/uploads/2023/04/tabs.gif
Tabs: You can switch between them, and each one displays different information
Tabs: You can switch between them, and each one displays different information
Los enlaces son solo para miembros. Registrate o iniciá sesión/antrax-labs.org/wp-content/uploads/2023/04/paginacion.png
Pagination: Used to move to the next page of a list. Very common in tables as well as in blogs
Pagination: Used to move to the next page of a list. Very common in tables as well as in blogs
Los enlaces son solo para miembros. Registrate o iniciá sesión/antrax-labs.org/wp-content/uploads/2023/04/progress-bar-768x248.png
Progress Bar: A bar that shows the loading progress of something on the website
Progress Bar: A bar that shows the loading progress of something on the website
Los enlaces son solo para miembros. Registrate o iniciá sesión/antrax-labs.org/wp-content/uploads/2023/04/spinner2.gif
Spinner: An element that tells us the website is loading
Spinner: An element that tells us the website is loading
Los enlaces son solo para miembros. Registrate o iniciá sesión/antrax-labs.org/wp-content/uploads/2023/04/tooltip.gif
Tooltip: Appears when we hover the mouse over an element. It's used to display some kind of usage information about that element
Tooltip: Appears when we hover the mouse over an element. It's used to display some kind of usage information about that element
Los enlaces son solo para miembros. Registrate o iniciá sesión/antrax-labs.org/wp-content/uploads/2023/04/popover.gif
Popover: Similar to a tooltip, except it has a sort of title at the top, followed by an explanation of the component
Popover: Similar to a tooltip, except it has a sort of title at the top, followed by an explanation of the component
Los enlaces son solo para miembros. Registrate o iniciá sesión/antrax-labs.org/wp-content/uploads/2023/04/Formulario-768x478.png
Form: Used to enter information and store it in the database; also widely used on websites as contact forms
Form: Used to enter information and store it in the database; also widely used on websites as contact forms
Los enlaces son solo para miembros. Registrate o iniciá sesión/antrax-labs.org/wp-content/uploads/2023/04/radio.gif
Radio Button: Used to select an option from a list. Unlike the checkbox, it only allows selecting a single option, whereas with checkboxes you can select several
Radio Button: Used to select an option from a list. Unlike the checkbox, it only allows selecting a single option, whereas with checkboxes you can select several
Los enlaces son solo para miembros. Registrate o iniciá sesión/antrax-labs.org/wp-content/uploads/2023/04/dropdowns.gif
Dropdown – Select – ComboBox: A drop-down element that shows several options inside
Dropdown – Select – ComboBox: A drop-down element that shows several options inside
Los enlaces son solo para miembros. Registrate o iniciá sesión/antrax-labs.org/wp-content/uploads/2023/04/multiselect2.gif
Los enlaces son solo para miembros. Registrate o iniciá sesión/antrax-labs.org/wp-content/uploads/2023/04/multiselect1.gif
Multiselect: Unlike the regular select or dropdown, this one lets you select multiple items from a drop-down
Los enlaces son solo para miembros. Registrate o iniciá sesión/antrax-labs.org/wp-content/uploads/2023/04/multiselect1.gif
Multiselect: Unlike the regular select or dropdown, this one lets you select multiple items from a drop-down
Los enlaces son solo para miembros. Registrate o iniciá sesión/antrax-labs.org/wp-content/uploads/2023/04/grafico-de-arana.png
Spider chart – Radar chart: Lets you chart a trend
Spider chart – Radar chart: Lets you chart a trend
Los enlaces son solo para miembros. Registrate o iniciá sesión/antrax-labs.org/wp-content/uploads/2023/04/grafico-burbuja-768x452.png
Bubble chart
Bubble chart
Los enlaces son solo para miembros. Registrate o iniciá sesión/antrax-labs.org/wp-content/uploads/2023/04/grafico-de-barras-768x458.png
Bar chart
Bar chart
Los enlaces son solo para miembros. Registrate o iniciá sesión/antrax-labs.org/wp-content/uploads/2023/04/Grafico-de-torta-768x498.png
Pie chart
Pie chart
Los enlaces son solo para miembros. Registrate o iniciá sesión/antrax-labs.org/wp-content/uploads/2023/04/Grafico-lineal.png
Line chart
Line chart
Los enlaces son solo para miembros. Registrate o iniciá sesión/antrax-labs.org/wp-content/uploads/2023/04/boton.png
Button
Button
Los enlaces son solo para miembros. Registrate o iniciá sesión/antrax-labs.org/wp-content/uploads/2023/04/switch.gif
Switch – Pill – Toggle: An element that lets you turn something on or off
Switch – Pill – Toggle: An element that lets you turn something on or off
Los enlaces son solo para miembros. Registrate o iniciá sesión/antrax-labs.org/wp-content/uploads/2023/04/toast.gif
Toast: A type of web notification
Toast: A type of web notification
Los enlaces son solo para miembros. Registrate o iniciá sesión/antrax-labs.org/wp-content/uploads/2023/04/placeholder.png
Placeholder: The gray words that appear inside a form's inputs, serving as a guide for what to fill in that input
Placeholder: The gray words that appear inside a form's inputs, serving as a guide for what to fill in that input
Los enlaces son solo para miembros. Registrate o iniciá sesión/antrax-labs.org/wp-content/uploads/2023/04/popup.gif
Popup: When we click a link or image and a new page opens with ads. (very common on download or video sites)
Popup: When we click a link or image and a new page opens with ads. (very common on download or video sites)
Los enlaces son solo para miembros. Registrate o iniciá sesión/antrax-labs.org/wp-content/uploads/2023/04/hamburguesa.gif
Hamburger Menu: A menu that can be collapsed. Very common on responsive sites (those that adapt to mobile phones)
Hamburger Menu: A menu that can be collapsed. Very common on responsive sites (those that adapt to mobile phones)
Los enlaces son solo para miembros. Registrate o iniciá sesión/antrax-labs.org/wp-content/uploads/2023/04/label-1140x738.png
Label: The text that appears on any website
Label: The text that appears on any website
Los enlaces son solo para miembros. Registrate o iniciá sesión/antrax-labs.org/wp-content/uploads/2023/04/leyenda.png
Caption: The text that appears when hovering the mouse over an element
Caption: The text that appears when hovering the mouse over an element
Los enlaces son solo para miembros. Registrate o iniciá sesión/antrax-labs.org/wp-content/uploads/2023/04/Breadcrums.jpg
Breadcrumb: Shows the path we followed to reach the page we are currently viewing
Breadcrumb: Shows the path we followed to reach the page we are currently viewing
Glossary of Mobile Components
Los enlaces son solo para miembros. Registrate o iniciá sesión/antrax-labs.org/wp-content/uploads/2023/04/burguer.gif
Hamburger Menu: Just like on responsive websites, the hamburger menu also appears in mobile apps.
Hamburger Menu: Just like on responsive websites, the hamburger menu also appears in mobile apps.
Los enlaces son solo para miembros. Registrate o iniciá sesión/antrax-labs.org/wp-content/uploads/2023/04/splash.gif
Splash: The startup screen when we open an app. It usually shows a brief intro or the app's logo for a few seconds
Splash: The startup screen when we open an app. It usually shows a brief intro or the app's logo for a few seconds
Los enlaces son solo para miembros. Registrate o iniciá sesión/antrax-labs.org/wp-content/uploads/2023/04/iOS12_1120x660_190325_133100.gif
Push Notifications: Pop-up notifications (When an app sends us a notification)
Push Notifications: Pop-up notifications (When an app sends us a notification)
Los enlaces son solo para miembros. Registrate o iniciá sesión/antrax-labs.org/wp-content/uploads/2023/04/swipe.png
Swipe: When we slide across the screen (It can be when we unlock the phone, flip through photos, or scroll)
Swipe: When we slide across the screen (It can be when we unlock the phone, flip through photos, or scroll)
Touch gestures on mobile screens
Los enlaces son solo para miembros. Registrate o iniciá sesión/antrax-labs.org/wp-content/uploads/2023/04/gestos.png
That's all for now. If I think of more, I'll keep adding them to this same glossary, or if you want to suggest more, you can do so in the comments and I'll add them!
I hope you find it useful!
ANTRAX