Don't want to feel left out when your friends discuss Frontend Web Development? Here is a list of 61 Buzz words to make yourself look cool (right from basics to advanced ones) in Alphabetical Order:
Short for “Application Program Interface”, how computers and applications communicate with one another.
Often abbreviated to “app”, these are programs designed to perform functions. Might refer to desktop, mobile or even web apps.
Attributes are special words used inside the opening tag to control an HTML Element's behavior
No, it is not the point where you feel like breaking everything...
These are points when your website will adjust to accommodate the screen size to make sure the user has the best experience viewing the website at that size.
The program you use to access the Web — such as Chrome, Firefox, or Safari.
Depending upon the context:
Bootstrap refers to a free, open-source frontend framework for designing websites and web apps
Initializing a project (Eg: “This app was bootstrapped with
An error or flaw in the website or app that keeps it from running as expected.
Cache is temporary data storage that helps site speed by storing relevant information on your computer the first time you visit a website. Thanks to cache, when you visit the website again, your computer does not have to reload all the website information as it's already saved.
CI/CD is a method to frequently deliver apps to customers by introducing automation into the stages of app development. The main concepts attributed to CI/CD are continuous integration, continuous delivery, and continuous deployment. CI/CD is a solution to the problems integrating new code can cause for development and operations teams
Nope, we are not talking about the source of all that is good, chocolatey, and sugary in the world...
It is the data sent by an Internet server to a browser. Each time the browser accesses the same server, it sends the data back as a means of tracking how (and how often) it accesses the server.
This is the process used by search engines that involves sending a bot to your website to gather information on pages that exist and no longer exist and update their database on the information it has gathered. It is necessary to get indexed by search engines and get found.
12. CSS Selectors
A CSS selector selects the HTML elements you want to style. The commonly used selectors use HTML classes, IDs, and tags; but there are a plethora of complex selectors that can be used to granularly select elements.
13. CSS Property
Characteristics that are dictated by CSS such as color schemes and fonts.
Short for Call to Action. These are elements (generally buttons) on your website that drive certain conversions or goals such as donations, newsletter signups, or user registrations.
Remember those bugs we talked about? Well, debugging is the process of identifying and dealing with them.
Deployment is a combination of all of the activities that make a software system available for use.
Documentation is essentially the central point of reference for anyone involved in managing, maintaining or using a website or piece of software and provides information on requirements, architecture and design, technical properties, information for the end user.
The Document Object Model is a cross-platform and language-independent interface that treats an XML or HTML document as a tree structure wherein each node is an object representing a part of the document. The DOM represents a document with a logical tree.
The address for a website is entered into the browser.
Short for “favorite icon”, it’s the icon that appears in your website’s browser tab.
21. First Contentful Paint
Abbreviated to FCS, it measures how long it takes the browser to render the first piece of DOM content after a user navigates to your page
The most basic of the building blocks for data collection. These are the storage units that your website visitors use to enter their names, email addresses, notes, etc.
Above the fold is also used in website design to refer to the portion of the webpage that is visible without scrolling. As screen sizes vary drastically there is no set definition for the number of pixels that define the fold
Frameworks were invented to make the process of building a website faster and easier. You can think of a framework as a collection of solutions, tools, and components that you can access in one central location — rather than seeking them all out separately each time
Git is a version control system where developers can store and manage their code.
GitHub is a cloud interface for Git, which also offers its own features, such as bug tracking, task management and project wikis
Hex color codes are the most commonly used color-coding system that provides values that tell the display how much of a color to show.
“Hypertext Markup Language” The coding language used to build a website in terms of both form and function.
Hypertext Transport (or Transfer) Protocol, the data transfer protocol used on the World Wide Web.
Basically the same as HTTP, but uses encryption methods to secure the data passed to and from webpages.
HTML element used to embed a website within another website.
33. Largest Contentful Paint
Largest Contentful Paint (LCP) is a performance metric that measures how long it takes for the largest content element to be rendered on the screen.
A library is a set of modules which makes sense to be together and that can be used in a program or another library. A package is a unit of distribution that can contain a library or an executable or both.
35. Light House
Lighthouse is an open-source, automated tool for testing and improving the quality of web pages
36. Meta Tag
Additional information on web pages or elements, such as the way a piece of content should display in Google search results, the photo credit for an image, etc.
Minification is the process of minimizing code and markup to reduce the file size. When creating an HTML file, for example, developers will most likely use spacing, comments, and variables to make the code more readable as they work with it. To minify the code once the webpage is ready to go live, developers will remove these comments and spaces to ensure a quicker page-load time
Mobile-first is an approach to web design and development that prioritizes mobile devices. Rather than building a website with a desktop in mind and then considering how it might look on a mobile device, with a mobile-first approach, the website is first built for the small screen.
Short for Minimum Viable Product, refers to the most pared-down version of a product that can be released to the market.
Links on a website that points to the other pages. Generally found in the menu at the top of a site or in a footer
42. Opening/Closing Tags
Angle brackets (
<>) that bookend an HTML element to help build the structure of a webpage. Closing tags include a forward slash (
The Promise object represents the eventual completion (or failure) of an asynchronous operation and its resulting value.
A redirect is when a web page is visited at a certain URL, it changes to a different URL
Resolution is a metric used to describe the size of an image or a screen.
46. Responsive Design
Responsive design ensures that a website is displayed correctly no matter what device the user is viewing it on.
Software as a service (or SaaS) is a way of delivering applications over the Internet as a service.
48. Search Engine Optimization
Abbreviated as SEO, it is the process of creating and modifying content for the best visibility on search engines.
49. Semantic HTML
Semantic HTML is the use of HTML markup to reinforce the semantics, or meaning, of the information in webpages and web applications rather than merely to define its presentation or look
Computers running software that allows users to access your website and houses the hosting
51. Server-Side Rendering
Server-side rendering (SSR) is an application's ability to convert HTML files on the server into a fully rendered HTML page for the client.
Outline of all pages on a website, organized in hierarchical order
A Slider is a Carousel generally consisting of images or cards that rotate, highlighting different photos, links, and content.
The representation of a digital image as rectangles, lines and other geometric entities, resulting in the image being scalable to any size.
UI is the interface of interaction between the visitor and a computer.
A user’s interaction with the UI with a focus on how satisfying and successful the experience is.
A relatively simple and easy-to-use software application or component made for one or more different software platforms.
A visual guide to show the structure and content of a web page without any design elements. This helps to focus on the layout of content and hierarchy, without being distracted by design
Stands for “What You See is What You Get”. It is a visual content editor that allows you to modify content as Rich Text (text with formatting)
Yarn is a package manager just like NPM that doubles down as a project manager.
Research says, writing down your goals on pen & paper makes you 21% to 39% more likely to achieve them. Check out these notebooks and journals to make the journey of achieving your dreams easier: https://www.amazon.com/Tapajyoti-Bose/e/B09VGDDHRR
Thanks for reading
Need a Top Rated Front-End Development Freelancer to chop away your development woes? Contact me on Upwork
Want to see what I am working on? Check out my Personal Website and GitHub
Want to connect? Reach out to me on LinkedIn
Follow me on Instagram to check out I am up to recently.
Follow my blogs for Weekly new Tidbits on Dev
These are a few commonly asked questions I get. So, I hope this FAQ section solves your issues.
I am a beginner, how should I learn Front-End Web Dev?
Look into the following articles:
Would you mentor me?
Sorry, I am already under a lot of workload and would not have the time to mentor anyone.
Top comments (2)
Nice one Tapajyoti.
Sometimes we hear those vocabularies and assumed that we know them especially for "Self-learners".
Probably the most overused work from that list for me is "cache" haha!