Skip to content

Latest commit

 

History

History
200 lines (113 loc) · 13.7 KB

README.md

File metadata and controls

200 lines (113 loc) · 13.7 KB
Raw

Dev index

A brief collection of links for developers.

Legend: 🟩 Learn, 🟨 Docs, 🟧 Library, 🟪 Tool.

💛 Special thanks to MDN, web.dev, WebDevSimplified, Fireship.

General tools and utilities

  • 🟪 GitHub: an internet hosting service for software development and version control using Git, with access control, bug tracking, software feature requests, task management, and wikis for every project.
  • 🟪 Visual Studio Code: a source-code editor with support for debugging, syntax highlighting, intelligent code completion, snippets, code refactoring, and embedded Git.
  • 🟪 Figma: a vector graphics editor and prototyping tool for UI and UX design.
  • 🟪 Postman: an API platform for developers to design, build, test and iterate their APIs.

Text tools

File tools

  • 🟪 CloudConvert: an online file converter that supports nearly all audio, video, document, ebook, archive, image, spreadsheet, and presentation formats.

Learn

APIs

  • 🟩 OpenAPI Documentation: guide directed at HTTP-based API designers and writers wishing to benefit from having their API formalized in an OpenAPI Description (OAD).

Data structures

B-trees

B-trees are a popular data structure for storing large amounts of data, frequently seen in databases and file systems.

Database

A database is an organized collection of data or a type of data store based on the use of a database management system (DBMS), the software that interacts with end users, applications, and the database itself to capture and analyze the data. The DBMS additionally encompasses the core facilities provided to administer the database. Read more

  • 🟨🟧 MariaDB: one of the most popular open source relational databases.

Design

Icons

Maskable icons are app icons that adapt to platforms.

Monochrome icons allow web developers to specify a single color icon that will be filled in by the user-agent to match other icons on the device. On Android, this lets developers customize notifications and other areas where their icon appears with no color.

  • 🟪 Monochrome.fyi Tool: preview your monochrome icons before adding them to your web app manifest.

Regex

A regular expression (shortened as regex or regexp) is a sequence of characters that specifies a search pattern in text. Usually such patterns are used by string-searching algorithms for "find" or "find and replace" operations on strings, or for input validation.

Security

OAuth

The OAuth 2.0 authorization framework enables a third-party application to obtain limited access to an HTTP service, either on behalf of a resource owner or by allowing the third-party application to obtain access on its own behalf.

JSON Web Token (JWT)

JSON Web Token (JWT) is a compact, URL-safe means of representing claims to be transferred between two parties. The claims in a JWT are encoded as a JSON object that is used as the payload of a JSON Web Signature (JWS) structure or as the plaintext of a JSON Web Encryption (JWE) structure, enabling the claims to be digitally signed or integrity protected with a Message Authentication Code (MAC) and/or encrypted.

Version control

Version control (or source code management) is a class of systems responsible for managing changes to computer programs, documents, large web sites, or other collections of information.

Git

Git is free and open source software for distributed version control that tracks changes in any set of files, usually used for coordinating work among programmers collaboratively developing source code during software development.

Web development

  • 🟩 Learn web development [MDN]: a guide for complete beginners to web development.
  • 🟩 Web developer guides [MDN]: a collection of useful guides for web developers.
    • 🟩 Ajax: fetching data from the server.
  • 🟨 Web APIs [MDN]: a collection of APIs and interfaces (object types) available on the web, typically used with JavaScript (although this doesn't always have to be the case).
    • 🟩🟨 Console: access to the browser's debugging console.
    • 🟨 Element.insertAdjacentHTML(): method of the Element interface that parses the specified text as HTML or XML and inserts the resulting nodes into the DOM tree at a specified position.
    • 🟩🟨 HTMLElement.dataset: a read-only property of the HTMLElement interface that provides read/write access to custom data attributes (data-*) on elements.
    • 🟩🟨 Window.postMessage(): method that safely enables cross-origin communication between Window objects; e.g., between a page and a pop-up that it spawned, or between a page and an iframe embedded within it.
  • 🟪 CanIUse: up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers.
  • 🟨 The Open Graph protocol: enable any web page to become a rich object in a social graph.
  • 🟪 PageSpeed Insights [web.dev]: PageSpeed Insights (PSI) reports on the performance of a page on both mobile and desktop devices, and provides suggestions on how that page may be improved.

Progressive Web Applications (PWAs)

Progressive Web Apps are web applications that have been designed to be capable, reliable, and installable. These three pillars transform them into an experience that feels like a platform-specific application.

Languages

CSS

Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a document written in a markup language such as HTML or XML (including XML dialects such as SVG, MathML or XHTML).

HTML

The HyperText Markup Language or HTML is the standard markup language for documents designed to be displayed in a web browser. It can be assisted by technologies such as Cascading Style Sheets (CSS) and scripting languages such as JavaScript.

JSON

JavaScript Object Notation (JSON) is a standard text-based format for representing structured data based on JavaScript object syntax. It is commonly used for transmitting data in web applications (e.g., sending some data from the server to the client, so it can be displayed on a web page, or vice versa).

Markdown

Markdown is a lightweight markup language for creating formatted text using a plain-text editor.

PHP

A popular general-purpose scripting language that is especially suited to web development.

PL/SQL

PL/SQL (Procedural Language for SQL) is Oracle Corporation's procedural extension for SQL and the Oracle relational database.

SQL

SQL (Structured Query Language) is a domain-specific language used in programming and designed for managing data held in a relational database management system (RDBMS).