🌐
Frontend Mentor
frontendmentor.io › articles › integrating-with-apis-a-beginners-guide-for-frontend-developers-u_xfEadBc-
API Integration Guide for Frontend Developers
March 13, 2024 - Learn to integrate APIs as a frontend developer. Fetch data, handle responses, and work with REST APIs.
🌐
Clerk
clerk.com › glossary › frontend-api
Frontend API
4 days ago - A Frontend API is an interface that allows client-side applications to interact with backend services, providing secure and straightforward methods for implementing features directly within the application’s frontend.
🌐
Reddit
reddit.com › r/golang › what do you use to quickly create a frontend for your api?
r/golang on Reddit: What do you use to quickly create a frontend for your api?
December 14, 2024 -

Hi all! I recently created a golang api (a server that gives json when accessing specific api routes)

The problem is that I don't know how to make a frontend for it? A lot of people recommend htmx but it requires you to give html instead of json, I don't want to change my server. What other ways do we have to create a frontend? Learning react is a very difficult task, it looks huge, need something faster

but what?

🌐
Medium
medium.com › @hendurhance › the-top-10-apis-every-frontend-developer-should-know-about-611f629ada67
The Top 10 APIs Every Frontend Developer Should Know About | by Endurance, the Martian | Medium
March 15, 2023 - One of the most common APIs every front-end developer should know about is the OpenWeather API. With this API, you can easily obtain weather information for over 200,000 cities. This can be very useful for different types of applications, ranging ...
🌐
LinkedIn
linkedin.com › pulse › understanding-apis-frontend-developers-guide-reactjs-ememe-tochukwu
Understanding APIs for Frontend Developers: A Beginner-Friendly Guide with ReactJS
July 4, 2023 - APIs are a vital tool for frontend developers, enabling seamless integration of external data into your ReactJS applications. With the fetch API or libraries like axios, you can easily interact with APIs to fetch data, submit forms, and create ...
🌐
ashutec
ashutec.com › blog › powerful-apis-that-every-frontend-developer-should-know-e4bf95649620
Blog | Powerful APIs that Every Frontend Developer Should Know
Used mostly by online eCommerce stores or shopping website prototypes, the Fake Store API provides software developers with dummy data for online shopping. The API helps developers quickly test different parts of the frontend through pseudo-real data with no requisite server-side code.
🌐
Reddit
reddit.com › r/frontend › light weight front end wrapper to an api?
r/Frontend on Reddit: Light weight front end wrapper to an API?
January 11, 2023 -

Not sure if this is the best place to ask, I've been out of the front end world for a while, but I know there are a ton of frameworks in the space these days. I have an API that I'd like to expose via a very simple UI. Is there a framework that's built for for this use case? Like, bare minimum stuff here. If I have an endpoint that returns json, I want a page that will simply executes that endpoint (with parameters) and then loops over the resulting json spitting out something decent looking. And if makes sense for the user to be able to click into one of the items listed, a way to link to a page with a parameter that would do the same. Something that's like a half step fancier than Swagger?

I feel really silly for describing it this way, and maybe the answer is just a basic/popular web framework for the language of my choice, but also maybe something like this exists? 😂 Thanks!

🌐
Medium
medium.com › swlh › making-use-of-apis-in-your-front-end-c168e343bea3
Making Use of APIs in Your Front End | by Patrick Pierre | The Startup | Medium
September 24, 2020 - What that definition basically means is that APIs allow your web application to communicate with other web applications. This “communication” can be best explained with an example specific to the project we are going to build. For this project, we will be using the Unsplash API to create an image gallery.
Find elsewhere
Top answer
1 of 4
39

I think you're being confused by the way the term API is being misused and abused by many web developers.

  • API means Application Programming Interface, i.e. any officially specified interface between different systems (or parts of the same system).
  • Some time ago, it became a big thing for web startup to offer public access to some of their internal data through a web service API, typically using REST and JSON, thus allowing third-party developers to integrate with their systems. Web developers started using the term "API" to mean specifically (and only) "publically accessible web service", and misusing it to include the implementation thereof.
  • In terms of frontend and backend, this web service API (and its implementation) is the backend. Some parts of it may be publically accessible and others only to your frontend.
  • A different name for this is "service layer", i.e. code that
    • represents services which the frontend calls
    • contains no display logic (that's the job of the frontend, after all)
    • is more abstract and coarse grained than simple CRUD actions (one service call will often involve multiple CRUD actions and should be executed within a database transaction).
    • contains the business logic of the application
2 of 4
14

Let us sketch out a "typical" website's architecture, with both a "front-end" and a "back-end". And since it's a website, we'll also explicitly have a "client". (Since there's no way for JavaScript in a browser to call MySQL on a server directly.)

For clarity, the terms we're using are:

  • Client: The HTML5 compliant browser, esp. the DOM and the JavaScript there loaded to manipulate it.
  • Front-End: The PHP server that the DOM is pointed to, containing both the individual page requested and some AJAX style XML or JSON access points.
  • Back-end: A database server, where MySQL runs.

For a properly designed program, each of these components has a private API to communicate with the others. The "front-end" PHP code does not issue arbitrary SQL SELECT statements directly, but rather calls stored procedures, pre-authorized SQL, or even distinct PHP calls to an entirely different instance of PHP that runs on the back-end server. These stored procedures or distinct HTTP calls are themselves an API.

The definition doesn't change even if we allow for some impurity of our design. If your PHP file writes and sends a SQL string directly to MySQL, IT IS STILL AN API, albeit a very unusual one that you are unlikely to repeat.

Note that it's entirely possible to have your front-end PHP be strictly synchronous, with no AJAX voodoo whatsoever. If you call the same external PHP functions in said synchronous file, you could consider them as using the same API as the client-side version, although use of the term "API" here may not give any real clarity.

An API as an Application Programming Interface, after all, and really refers to any time one program calls outside of its own process. If you're writing a project that has both a front-end and a back-end, be those AJAX/PHP/MySQL as above or MS Access/SQL Server, it's worthwhile to specify explicity how you'll be calling each other, if for no other reason than to make it easy to know where to look when something breaks.

(And the topic of public API is something else entirely. In our example above, only the URL displayed in the client is a "public API." Everything else is, in essence, "private." As in, you don't expect any code beyond your control to call your internal API, and you either deny such results outright or reserve the right to do so in the future.

🌐
Medium
medium.com › @devrmichael › rest-apis-for-frontend-developers-a-simple-guide-83074731e600
REST APIs for Frontend Developers: A Simple Guide | by Michael Siddiqi | Medium
February 12, 2025 - If you’ve ever felt lost when working with APIs, this guide is for you. I’ll break down what REST APIs are, how they work, and how you can use them effectively in your frontend projects.
🌐
Commercetools
docs.commercetools.com › frontend-api
Frontend APIs | Frontend APIs | commercetools Frontend
The Frontend APIs expose the following HTTP APIs to request information from your frontend application and to insert information into your backend system. The Context API returns information about the deployment environment and locales. The Page API returns the page structure and data required ...
🌐
Codemotion
codemotion.com › home › frontend › 5 top api tools for front-end web and mobile development
5 Top API Tools for Front-End Web and Mobile Development - Codemotion
December 19, 2022 - This API Tool protects its photographs Unsplash Licence, a Creative Commons Zero (CC0) type of licence, which states: ... The service provides a documentation section that covers all the main pain points of front-end development. In a nutshell, front-end developers who sign up to Unsplash for free benefit from:
🌐
Bitstack
blog.bitsrc.io › 6-apis-frontend-developers-should-know-3a94815c53dd
6 APIs Frontend Developers Should Know | by A Smith | Bits and Pieces
March 16, 2022 - JSONPlaceholder is a popular frontend development API. JSON stands for JavaScript Object Notation and is called a developer’s image placeholder.
🌐
Quora
quora.com › What-is-meant-by-a-Front-End-API
What is meant by a Front-End API? - Quora
Answer (1 of 4): A Frontend API is designed to be accessed directly from the client. It usually does not replace a traditional Backend API, but instead augments it to improve the developer experience.
🌐
GeeksforGeeks
geeksforgeeks.org › gblog › top-javascript-api
Top 10 JavaScript APIs For Frontend and Backend Developers - GeeksforGeeks
July 23, 2025 - This summarizes the list of the top 10 Javascript APIs frontend and backend developer when building web applications.
🌐
DEV Community
dev.to › hyggedev › great-beginner-friendly-api-s-to-start-practicing-frontend-development-52kl
Great Beginner Friendly API's To Start Practicing Frontend Development 🧑‍💻 - DEV Community
September 18, 2021 - The OpenWeatherMap restful API is a beloved resources for developers as well as my personal favorite, due to its simplicity. It does require an API key, but don't let that discourage you. Simply append your API key to your endpoint, and you're set.
🌐
Wix
dev.wix.com › docs › velo › articles › getting-started › frontend-apis
Frontend APIs
Here, we'll cover a few of the most common frontend APIs that you can use in your page code. Before we start learning about other APIs, we need to see how to import them. To use any API other than the $w API, you need to import a module or just the functions you want to work with. For example, to import the Location API, add this import to the top of your page code:
🌐
Getunleash
docs.getunleash.io › core concepts
Frontend API | Unleash Documentation
The Unleash Frontend API simplifies connecting client-side applications to Unleash.
🌐
Rootstack
rootstack.com › en › blog › frontend-developer-api
5 APIs every frontend developer should know | Rootstack
The Random User API is beneficial for beginners and provides randomly generated users to be used as placeholders for testing purposes. Makes the tool similar to Lorem Ipsum. Instead of text, people are available. The RandomUser API can return multiple results by specifying generated user details such as first and last name, email, username, address, title, gender, country, and more. User experience starts with effective frontend web development, where design meets functionality.