API PROGRAMMING

Application programming interface In computer programming, an application programming interface (API) is a set Of subroutine definitions, protocols, and tools for building software and applications. A good API makes it easier to develop a program by providing all the building blocks, which are then put together by the programmer. An API may be for a web-based system, operating system, database system, computer hardware, or software library. An API specification can take many forms, but often includes specifications for routines, data structures, object classes, variables, or remote calls. POSIX, Microsoft Windows API, the C++ Standard Template Library, and Java APIs are examples of different forms of APIs. Documentation for the API is usually provided to facilitate usage. The status of APIs in intellectual property law is controversial.

Application programming interface

What is an API? - Fast Tech Skills https://www.youtube.com/watch?v=B9vPoCOP7oY

Introduction to API Design https://www.youtube.com/watch?v=E6LCNQJv6G8

Simple Drag and Drop Coding <style type="text/css">#div1 { width: 350px; height: 70px; padding: 10px; border: 1px solid #aaaaaa; } </style> <script> function allowDrop(ev) { ev.preventDefault(); function drag(ev) { ev.dataTransfer.setData("text", ev.target.id); function drop(ev) { var data = ev.dataTransfer.getData("text"); ev.target.appendChild(document.getElementById(data)); </script> <p>Drag the W3Schools image into the rectangle:</p> <div id="div1" ondragover="allowDrop(event)" ondrop="drop(event)"> </div> <p><br /> <img draggable="true" height="69" id="drag1" ondragstart="drag(event)" src="http://www.w3schools.com/html/img_logo.gif" width="336" /></p>

I make a DandD Menu

<style type="text/css">#div1 { width: 350px; height: 70px; padding: 10px; border: 1px solid #aaaaaa; }

</style> <script> function allowDrop(ev) { ev.preventDefault(); } function drag(ev) { ev.dataTransfer.setData("text", ev.target.id);

function drop(ev) { ev.preventDefault(); var data = ev.dataTransfer.getData("text"); ev.target.appendChild(document.getElementById(data)); }

</script> <p>Drag the W3Schools image into the rectangle:</p> <div id="div1" ondragover="allowDrop(event)" ondrop="drop(event)"> </div>

<p><br /> <img draggable="true" height="69" id="drag1" ondragstart="drag(event)" src="http://www.w3schools.com/html/img_logo.gif" width="336" /></p>

Drag the picture to above BOX.