60 front-end web development buzzwords do you know?

Don’t want to get confused when your friends discuss front-end web development? Today Haihai brings you 60 front-end web development terms, see how many you know. The following list is in alphabetical order:

1. API

Abbreviation for Application Program Interface, how a computer and an application communicate with each other.

2.Application

Often abbreviated as “Apps,” these are programs designed to perform functions. May refer to desktop, mobile or even web applications.

3.Attribute (attribute)

Attributes are special words used in opening tags to control the behavior of HTML elements

4.Breakpoint (breakpoint)

This is the point at which your site will adjust to fit the screen size to ensure users have the best experience when viewing your site at that size.

5. Browser

Programs used to access the web, such as Chrome, Firefox, or Safari.

6. Bootstrap

Bootstrap is a free and open-source front-end framework for designing websites and web applications

Initialize a project (eg: “This app is create-react-app started via bootstrap”)

7. Bug

Bugs or defects in a website or application that prevent it from functioning as intended.

8.Cache (cache)

A cache is temporary data storage that helps improve website speed by storing relevant information on your computer the first time you visit a website. Thanks to caching, when you visit the site again, your computer doesn’t have to reload all the site information because it’s already saved.

9. CI/CD

CI/CD is a method of frequently delivering applications to customers by introducing automation into the application development phase. The main concepts of CI/CD are continuous integration, continuous delivery and continuous deployment. CI/CD is a solution to the problems that integrating new code can create for development and operations teams

10. Cookies

It is data sent by the Internet server to the browser. Every time the browser hits the same server, it sends data back to track how (and how often) it hits the server.

11. Crawl (crawl)

This is a process used by search engines that involves sending bots to your website to collect information on pages that exist and no longer exist, and update their databases based on the information collected. It is necessary to be indexed and found by search engines.

12. CSS selectors

CSS selectors select the HTML elements you want to style. Common selectors use HTML classes, IDs, and tags. But there are many complex selectors that can be used to select elements finely.

13. CSS Properties

Characteristics specified by CSS, such as color schemes and fonts.

14. CTAs

Abbreviation for call to action. These are elements (usually buttons) on your website that drive certain conversions or goals, such as donations, newsletter sign-ups, or user sign-ups.

15.Debug (debug)

Remember the bug we mentioned above? Debugging is the process of identifying and dealing with them.

16.Deployment (deployment)

Deployment is the combination of all the activities that make a software system available for use.

17. Documentation

Documentation is essentially the central point of reference for anyone involved in administering, maintaining or using the website or software, and provides end users with information about requirements, architecture and design, technical properties and information.

18. DOM (Document Object Model)

The Document Object Model is a cross-platform and language-independent interface that treats an XML or HTML document as a tree structure, where each node is an object that represents a portion of the document. DOM represents a document with a logical tree.

19.Domain (domain)

Enter the website address in your browser.

20. Favicon (web icon)

Abbreviation for “favorite icon,” which is the icon that appears in your website’s browser tab.

21. FCS

First Contentful Paint, which measures the time it takes the browser to render the first piece of DOM content after the user navigates to your page

22.Fields (field)

The most basic building block of data collection. These are the storage units your website visitors use to enter their names, email addresses, notes, and more.

23.Fold (folding)

Above the fold is also used in website design and refers to the portion of a web page that is visible without scrolling. Since screen sizes vary widely, there is no fixed definition for the number of pixels that define the collapse

24.Framework (framework)

Frameworks were invented to make the process of building websites faster and easier. You can think of a framework as a collection of solutions, tools, and components that you can access in one central place, rather than looking for them individually each time

25. Git

Git is a version control system where developers store and manage their code.

26. GitHub

GitHub, the cloud interface to Git, also provides its own features such as bug tracking, task management, and project wikis

27.Hex (hexadecimal)

Hexadecimal color codes are the most commonly used color coding system and provide values ​​that tell the monitor how many colors to display.

28. HTML

“Hypertext Markup Language” is the coding language used to build websites in terms of form and function.

29. HTTP

Hypertext Transfer (or Transport) Protocol, a data transfer protocol used on the World Wide Web.

30. HTTPS

Basically the same as HTTP, but uses encryption to protect data passing in and out of web pages.

31. iFrame

HTML element used to embed a website in another website.

32. JavaScript

JavaScript is a client-side language used by web developers to add automation, animation, and interactivity to web pages

33. LCP

Largest Contentful Paint is a performance metric that measures how long it takes to render the largest content element on the screen.

34.libraries

A library is a meaningful set of modules that can be put together and used in a program or another library. A package is a distribution unit that can contain libraries or executables or both.

35. Lighthouse

Lighthouse is an open source automation tool for testing and improving the quality of web pages

36.Meta Tag

Additional information about the page or element, such as how the content appears in search results, the photo source of the image, etc.

37.Minification

Minification is the process of minimizing code and markup to reduce file size. For example, when creating HTML files, developers are likely to use spacing, comments, and variables to make the code more readable when used. To minify the code after the page is ready to go live, the developers will remove these comments and spaces to ensure faster page load times

38. Mobile-first

Mobile first is an approach to web design and development that prioritizes mobile devices. Instead of taking a mobile-first approach when building your website with the desktop in mind and then how it will look on mobile, build your website for the small screen first.

39. MVP

Abbreviation for Minimum Viable Product, which refers to the most streamlined version of a product that can be put on the market.

40.Navigation (navigation)

Links to other pages on the website. Usually found in the menu at the top of a website or in the footer

41. NPM

The default package manager for the JavaScript runtime environment Node.js

42. Opening/Closing Tags

Angle brackets ( <> ) mark HTML elements as footers to help structure the web page. The closing tag includes a forward slash ( </> ).

43. Promises

A Promise object represents the eventual completion (or failure) of an asynchronous operation and its resulting value.

44.Redirects (redirect)

A redirect is when a web page is accessed from a URL, it changes to a different URL

45.Resolution

Resolution is a metric used to describe the size of an image or screen.

46. ​​Responsive Design

Responsive design ensures that the website displays correctly no matter what device the user is viewing it on.

47. SaaS

Software as a service is a way of delivering applications as a service over the Internet.

48. SEO

Search Engine Optimization, which is the process of creating and modifying content for optimal visibility on search engines.

49.Semantic HTML (semantic HTML)

Semantic HTML is the use of HTML markup to enhance the semantics or meaning of information in web pages and web applications, not just to define its presentation or appearance

50.Server (server)

A computer running software that allows users to access your website and provides hosting services

51. SSR

Server-side rendering is the ability of an application to convert HTML files on the server into fully rendered HTML pages on the client side.

52. Sitemap

A sitemap is an outline of all pages on a website, organized in a hierarchical order

53.Slider (slider)

A slider is a carousel, usually consisting of rotating images or cards, highlighting different photos, links, and content.

54. SVG

Represent digital images as rectangles, lines, and other geometric entities, allowing images to be scaled to any size.

55. TypeScript

A strict syntactic superset of JavaScript, with optional static typing added to the language.

56. UI (User Interface)

UI is the interface between the visitor and the computer.

57. UX (User Experience)

User interaction with the UI, with a focus on the satisfaction and success of the experience.

58. Widgets (widgets)

A relatively simple and easy-to-use software application or component made for one or more different software platforms.

59.Wireframe (Wireframe)

Displays visual guides for web page structure and content without any design elements. This helps to focus on the layout of content and hierarchy without being distracted by the design.

60. WYSIWYG

Means “What You See Is What You Get”. It is a visual content editor that allows you to modify content into rich text (formatted text)

You’ve seen it all here, you might as well give a like and favorite, follow me to take you to experience the fun of web programming ? https://www.infoq.cn/u/haiyong/publish

The text and pictures in this article are from InfoQ