-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathapi.html
executable file
·177 lines (176 loc) · 11 KB
/
api.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<link rel="apple-touch-icon" sizes="180x180" href="/assets/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon-16x16.png">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<link rel="manifest" href="/site.webmanifest">
<title>DevDum!</title>
<link rel="stylesheet" href="style.css">
<script src="script.js"></script>
</head>
<body>
<header>
<div id="header">
<svg version="1.1" id="Capa_1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"></svg>
</div>
</div>
<div id="mobileMenuToggle" title="Menu">Menu</div>
<div id="headerLeft">
<a href="/"><img alt="Home" title="Home" id="menuToggle" src="DevDum copy (1).png" width="190px"/></a>
</div>
<div id="headerRight">
<nav>
<ul>
<li><a id="github" rel="nofollow" href="https://github.com/" target="_blank">GitHub</a></li>
<li><a id="dailydev" rel="nofollow" href="https://app.daily.dev/" target="_blank">DailyDev</a></li>
<li><a id="w3" rel="nofollow" href="https://www.w3schools.com/" target="_blank">W3Schools</a></li>
<li><a id="mdn" rel="nofollow" href="https://developer.mozilla.org/en-US/" target="_blank">MDN WebDocs</a></li>
<li><a id="stack" rel="nofollow" href="https://stackoverflow.com/" target="_blank">StackOverflow</a></li>
</ul>
</nav>
</div>
</div>
</header>
<div id="wrapall">
<div id="sidebar">
<div id="stickThis">
<div id="sidebarContent">
<!-- <div id="logo"><imd </h1>
<h4>Less Searching. More Learning.</h4> -->
<aside>
<div><a id="color1" href="html.html"><img alt="HTML" title="HTML" src="icons/output-onlineimagetools-html.png"/></a></div>
<div><a id="color2" href="style.html"><img alt="CSS" title="CSS" src="icons/output-onlineimagetools-css.png"/></a></div>
<div><a id="color3" href="javascript.html"><img alt="JavaScript" title="Javascript" src="icons/output-onlineimagetools-js.png" width="53px"/></a></div>
<div><a id="color4" href="bootstrap.html"><img alt="Bootstrap" title="Bootstrap" src="icons/output-onlineimagetools-bootstrap.png"/></a></div>
<div><a id="color5" href="react.html"><img alt="React" title="React" src="icons/output-onlineimagetools-react.png"/></a></div>
<div><a id="color6" href="nodejs.html"><img alt="Node" title="Node" src="icons/output-onlineimagetools-nodejs.png" width="50px"/></a></div>
<div><a id="color7" href="api.html"><img alt="API" title="API" src="icons/output-onlineimagetools-api.png"/></a></div>
<div><a id="color8" href="mysql.html"><img alt="SQL" title="SQL" src="icons/output-onlineimagetools-sql.png"/></a></div>
<div><a id="color9" href="github.html"><img alt="GitHub" title="GitHub" src="icons/output-onlineimagetools-github.png"/></a></div>
<div><a id="color10" href="youtube.html"><img alt="YouTube" title="YouTube" src="icons/output-onlineimagetools-youtube.png"/></a></div>
<div><a id="color11" href="more.html"><img alt="More" title="More" src="icons/output-onlineimagetools-more.png" width="48px"/></a></div>
<a class="back2Top" href="#"><code>⮝ Back to Top ⮝</code></a>
</aside>
</div>
</div>
<div id="stick-here"></div>
</div>
<div id="main">
<section id="page">
<main>
<article id="yellow">
<h1 class="display-2">API<span class="vim-caret"><img alt="api" title="api" src="icons/output-onlineimagetools-api.png" width="62px"/></span></h1>
<h4><strong>API is the acronym for Application Programming Interface, which is a software intermediary that allows two applications to talk to each other.</strong></h4>
<input type="text" id="myInput" onkeyup="myFunction()" placeholder="Search for resources..." title="Type in a name">
</article>
<ul id="myUL">
<article>
<h2><a href="https://www.w3schools.com/js/js_api_intro.asp" target="_blank">W3Schools | JS Web APIs </a></h2>
<p>A Web API is a developer's dream. It can extend the functionality of the browser. It can greatly simplify complex functions.
It can provide easy syntax to complex code</p>
</article>
<article>
<h2><a href="https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Client-side_web_APIs" target="_blank">MDN | Web APIs</a></h2>
<p>A list of all the APIs and interfaces (object types) that you may be able to use while developing your Web app or site.</p>
</article>
<article>
<h2><a href="https://devdocs.io/dom/" target="_blank">DevDocs | Web APIs</a></h2>
<p>DevDocs combines multiple API documentations in a fast, organized, and searchable interface. When writing code for the Web, there are a large number of Web APIs available. </p>
</article>
<article>
<h2><a href="https://www.devresourc.es/category/public-apis/all" target="_blank">Dev Resources | Public APIs</a></h2>
<p>Dev Resources provide all available public APIs by the public APIs Project.</p>
</article>
<article>
<h2><a href="https://blog.bitsrc.io/6-apis-frontend-developers-should-know-3a94815c53dd" target="_blank">Medium | 6 APIs Every Developer Should Know</a></h2>
<p>In this blog, we list several APIs that are important to know for programmers.</p>
</article>
<article>
<h2><a href="https://blog.idrisolubisi.com/35-free-public-apis-to-improve-productivity" target="_blank">35 Public APIs to Improve Productivity</a></h2>
<p> Free public API resources that can aid development, and I'm pretty sure you are going to love it!</p>
</article>
<article>
<h2><a href="https://medium.com/epfl-extension-school/an-illustrated-introduction-to-apis-10f8000313b9" target="_blank">Medium | An Illustrated Introduction to APIs</a></h2>
<p>This post is an attempt to explain what APIs are — from scratch.</p>
</article>
<article>
<h2><a href="https://www.freecodecamp.org/news/what-is-an-api-and-how-to-test-it//" target="_blank">Free Code Camp | API Cheat Sheets</a></h2>
<p>This article explains what APIs are why you need them and dives into API specifications, documentation, and more.</p>
</article>
<article>
<h2><a href="https://www.quastor.org/p/principles-for-api-design?s=r" target="_blank">Principles for API Design</a></h2>
<p>Slack has a set of 6 design principles that can help you design better APIs</p>
</article>
<article>
<h2><a href="https://technologyadvice.com/blog/information-technology/how-to-use-an-api/" target="_blank">How to use an API: Just the Basics</a></h2>
<p>How to make an API call: GET, PUT, POST, DELETE. List of Uses and Examples of the API Process</p>
</article>
<article>
<h2><a href="https://publicapis.sznm.dev/all" target="_blank">Product Hunt | APIs for your next Project </a></h2>
<p>A list of best APIs for almost ANYTHING. You can filter and search as well.</p>
</article>
<article>
<h2><a href="https://medium.com/swlh/building-a-scalable-api-in-node-41c65f84d9c1" target="_blank">Build a scalable API in Node</a></h2>
<p>This article covers the topic of creating a scalable and configurable REST APIs, served with the help of express.</p>
</article>
<article>
<h2><a href="https://realpythonproject.hashnode.dev/a-cheat-sheet-for-javascripts-fetch-api" target="_blank">A cheat sheet for JavaScript's fetch API</a></h2>
<p>The fetch API in JavaScript is used to make requests. It can also be used to consume APIs. Let's take a look at some of the most common operations using fetch API.</p>
</article>
<article>
<h2><a href="https://stackshare.io/api-tools" target="_blank">Stackshare | What are the best API tools?</a></h2>
<p>Postman, Amazon API Gateway, Insomnia REST Client, Apigee, and Paw are the most popular tools in the category "API Tools". "</p>
</article>
<article>
<h2><a href="https://blog.hubspot.com/website/application-programming-interface-api" target="_blank">Hubspot | Types of APIs </a></h2>
<p>Consume public APIs as simpler programmable building blocks for a 10x developer experience.</p>
</article>
<article>
<h2><a href="https://towardsdev.com/web-storage-apis-local-storage-and-session-storage-7d0c944ee69" target="_blank">Local Storage vs. Session Storage</a></h2>
<p>A Complete Guide to Web Storage APIs — Local Storage and Session Storage.
</article>
<article>
<h2><a href="https://console.cloud.google.com/apis/library">Google Cloud Platform </a></h2>
<p>Welcome to the Google API Library. The API Library has documentation, links, and a smart search experience.</p>
</article>
</ul>
</main>
<footer>
<p>2022©DevDum! Code Smarter. Not Harder.<a rel="nofollow" href="https://github.com/rdevans87/DevDum" target="_blank" rel="nofollow">Hosted on GitHub!</a></p>
<a href="https://www.buymeacoffee.com/ryanevans" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Buy Me A Coffee" style="height: 42px !important;width: 180px !important;"></a>
<a href="https://www.producthunt.com/posts/devdum-code-smarter-not-harder?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-devdum-code-smarter-not-harder" target="_blank"><img src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=343032&theme=light"
alt="DevDum! Code Smarter. Not Harder. - 200+ Resources for web developers. It's a no brainer! | Product Hunt" style="width: 200px; height: 43px;" width="250" height="54" /></a>
</footer>
</section>
</div>
</div>
<script>
function myFunction() {
var input, filter, ul, li, a, i, txtValue;
input = document.getElementById("myInput");
filter = input.value.toUpperCase();
ul = document.getElementById("myUL");
article = ul.getElementsByTagName("article");
for (i = 0; i < article.length; i++) {
a = article[i].getElementsByTagName("a")[0];
txtValue = a.textContent || a.innerText;
if (txtValue.toUpperCase().indexOf(filter) > -1) {
article[i].style.display = "";
} else {
article[i].style.display = "none";
}
}
}
</script>
</body>
</html>