A brief collection of links for developers.
Legend: 🟩 Learn, 🟨 Docs, 🟧 Library, 🟪 Tool.
💛 Special thanks to MDN, web.dev, WebDevSimplified, Fireship.
- 🟪 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.
- 🟪 Lipsum generator: placeholder text generator.
- 🟪 Convert Case: general text case converter.
- 🟪 CloudConvert: an online file converter that supports nearly all audio, video, document, ebook, archive, image, spreadsheet, and presentation formats.
- 🟩 OpenAPI Documentation: guide directed at HTTP-based API designers and writers wishing to benefit from having their API formalized in an OpenAPI Description (OAD).
B-trees are a popular data structure for storing large amounts of data, frequently seen in databases and file systems.
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.
- 🟩 Learn Responsive Design [web.dev]: a course exploring all aspects of responsive design.
- 🟧 Materialize: a modern responsive front-end framework based on Material Design.
Maskable icons are app icons that adapt to platforms.
- 🟩 Adaptive icon support in PWAs with maskable icons [web.dev].
- 🟪 Maskable.app: preview your maskable PWA icons before adding them to your web app manifest.
- 🟩 Maskable Icons: Android Adaptive Icons for Your PWA [CSS-Tricks].
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.
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.
- 🟪 Regex101: a regex tester with syntax highlighting, explanation, cheat sheet for PHP/PCRE, Python, GO, JavaScript, Java, C#/.NET.
- 🟩 Regular expressions in JavaScript [MDN]: a complete guide to using regex in JavaScript.
- 🟨 Regular expression syntax cheatsheet - JavaScript [MDN]: an overall cheat sheet of all the capabilities of RegExp syntax.
- 🟨 JavaScript RegExp Reference [w3schools]: a guide to using regex in JavaScript.
- 🟨 PHP Regular Expressions [w3schools]: a guide to using regex in PHP.
- 🟪 RegExr: a regex tester with syntax highlighting, PHP / PCRE & JS Support, contextual help, cheat sheet, reference, and searchable community patterns.
- 🟩🟪 Regex Learn [regexlearn.com]: interactive tutorials, cheatsheet, & playground.
- 🟩 Learn Regex: A Beginner's Guide [SitePoint]: a beginner’s guide to regex.
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.
- 🟩🟨 RFC 6749 [IETF].
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.
- 🟩🟨 RFC 7519 [IETF].
- 🟪 JWT.io: allows you to decode, verify and generate JWT.
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.
- 🟩🟨 Semantic versioning [semver.org]: a simple set of rules and requirements that dictate how version numbers are assigned and incremented.
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.
- 🟩 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 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.
- 🟩 Learn PWA [web.dev]: a course that breaks down every aspect of modern progressive web app development.
- 🟩 Progressive Web Apps [web.dev]: a collection that lets you learn what makes a Progressive Web App special and how to build one.
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).
- 🟩 Learn CSS [web.dev].
- 🟩 Learn to style HTML using CSS [MDN].
- 🟪 JS & CSS Minifier [Visual Studio Marketplace]: Visual Studio Code extension that minifies CSS files on save and more.
- 🟪 CSS Minifier & Compressor [Toptal]: an online CSS minifier tool and compressor, with fast and simple API Access.
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.
- 🟩 Structuring the web with HTML [MDN].
- 🟩 Learn HTML [web.dev]: an HTML course for web developers that provides a solid overview for developers, from novice to expert level HTML.
- 🟩 Learn Forms [web.dev]: a course about HTML forms to help you improve your web developer expertise.
- 🟩 HTML Tutorial [w3schools].
- 🟪 Online HTML Escape/Unescape Tool [FreeFormatter]: an online tool to escape and unescape HTML strings.
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).
- 🟩 Working with JSON [MDN]: a guide to understand how to work with data stored in JSON.
- 🟪 JSON online validator and formatter [JSON Lint]: a validator and reformatter for JSON.
- 🟪 JSON Editor Online: a versatile, high quality tool to edit and process your JSON data.
- 🟩🟨 APEX_JSON package [Oracle Base]: generate and parse JSON documents in PL/SQL.
Markdown is a lightweight markup language for creating formatted text using a plain-text editor.
- 🟩 Getting started [Markdown Guide]: an overview of Markdown, how it works, and what you can do with it.
- 🟨 Markdown Cheat Sheet [Markdown Guide].
- 🟧 markedjs/marked [GitHub] Library: a markdown parser and compiler.
- 🟪 Markdown Preview Github [Visual Studio Marketplace]: Visual Studio Code extension that changes VS Code's built-in markdown rendering in style and content.
A popular general-purpose scripting language that is especially suited to web development.
- 🟩🟨 PHP Tutorial [w3schools.com].
- 🟩🟨 PDO (PHP Data Objects) [php.net]: extension that defines an interface for accessing databases.
PL/SQL (Procedural Language for SQL) is Oracle Corporation's procedural extension for SQL and the Oracle relational database.
- 🟨🟧 Oracle APEX API [Oracle]: PL/SQL API for speed up the development in Oracle APEX.
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).