web technologies

API

GraphQL - a query language for APIs and a runtime for fulfilling those queries with your existing data.

Backend

Django - a high-level Python Web framework that encourages rapid development and clean, pragmatic design.

  Django Debug Toolbar

Flask - a lightweight WSGI web application framework.

socket.io - enables real-time, bidirectional and event-based communication.

uWSGI - a software application that "aims at developing a full stack for building hosting services", named after the Web Server Gateway Interface (WSGI). uWSGI is often used for serving Python web applications in conjunction with web servers such as Cherokee and Nginx, which offer direct support for uWSGI's native uwsgi protocol.

Build

Bazel - build and test software of any size, quickly and reliably

Continuous Integration/Continuous Delivery

Circle CI - integrates with GitHub and Bitbucket

Dapper - Docker Build Wrapper

GitLab Continuous Integration (CI) ＆ Continuous Delivery (CD)

Jenkins - a free and open source automation server.

Pipelines - integrates with Bitbucket

Travis CI - Easily sync GitHub projects with Travis CI

CI 從入門到入坑

Front-end

AMI.js - AMI Medical Imaging (AMI) JS ToolKit

Angular - a TypeScript-based open-source web application framework

Bootstrap - quickly design and customize responsive mobile-first sites, featuring Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful JavaScript plugins.

CodePen - Build, Test, and Discover Front-end Code.

D3.js - a JavaScript library for visualizing data with HTML, SVG, and CSS.

DataTables - Add advanced interaction controls to your HTML tables

Electron - allows for the development of desktop GUI applications using web technologies. It combines the Chromium rendering engine and the Node.js runtime.

gulp.js -  an open-source JavaScript toolkit used as a streaming build system in front-end web development. It is a task runner built on Node.js and npm, used for automation of time-consuming and repetitive tasks involved in web development like minification, concatenation, cache busting, unit testing, linting, optimization, etc.

jQuery - a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers.

OpenSeadragon - An open-source, web-based viewer for high-resolution zoomable images, implemented in pure JavaScript

Paper.js - The Swiss Army Knife of Vector Graphics Scripting

React - a JavaScript library for building user interfaces

Redux - A Predictable State Container for JS Apps

Sass (syntactically awesome style sheets) - a preprocessor scripting language that is interpreted or compiled into Cascading Style Sheets (CSS)

Semantic UI - a development framework that helps create beautiful, responsive layouts using human-friendly HTML.

Vue.js - an open-source Model–view–viewmodel JavaScript framework for building user interfaces and single-page applications.

Frontend Developer Handbook

Front-end: 3D Graphics

Babylon.js - a real time 3D engine using a JavaScript library for displaying 3D graphics in a web browser via HTML5.

PlayCanvas - an open-source 3D game engine/interactive 3D application engine alongside a proprietary cloud-hosted creation platform that allows for simultaneous editing from multiple computers via a browser-based interface.

three.js - a 3D library that tries to make it as easy as possible to get 3D content on a webpage.

HTML5 Site Template

HTML5 UP

Icon

useAnimations - Animated icons in Lottie Framework for immediate implementation to your apps or websites.

IDE

CodeSandbox - Online IDE for Rapid Web Development

Repl.it - write code and build apps and websites using a browser

JavaScript

CoffeeScript - CoffeeScript is a little language that compiles into JavaScript. Underneath that awkward Java-esque patina, JavaScript has always had a gorgeous heart. CoffeeScript is an attempt to expose the good parts of JavaScript in a simple way.

LiveScript - a language which compiles to JavaScript. It has a straightforward mapping to JavaScript and allows you to write expressive code devoid of repetitive boilerplate.

TypeScript - a strict syntactical superset of JavaScript, and adds optional static typing to the language.

Programmable Web API directory

[Online Book] Eloquent JavaScript

Learning

MDN: Learn web development

MDN: Web technology for developers

Roadmap to becoming a web developer in 2020

Log

Elastic Stack - open source logging platform

Message Queue

celery - Distributed Task Queue

RabbitMQ - an open-source message-broker software (sometimes called message-oriented middleware) that originally implemented the Advanced Message Queuing Protocol (AMQP) and has since been extended with a plug-in architecture to support Streaming Text Oriented Messaging Protocol (STOMP), MQ Telemetry Transport (MQTT), and other protocols.

Node.js

Express.js - a web application framework for Node.js. Fast, unopinionated, minimalist web framework for Node.js.

Node.js - As an asynchronous event-driven JavaScript runtime, Node.js is designed to build scalable network applications.

Node.js Tutorial: Learn in 3 Days

Package Manager

Conan - C/C++ package manager

QA

Chai.js - BDD / TDD assertion library for node.js and the browser that can be delightfully paired with any javascript testing framework.

Zombie.js - Insanely fast, full-stack, headless browser testing using node.js.

WebAssembly

WebAssembly - a binary instruction format for a stack-based virtual machine. Wasm is designed as a portable target for compilation of high-level languages like C/C++/Rust, enabling deployment on the web for client and server applications.

Web Server

apache - a secure, efficient and extensible server that provides HTTP services in sync with the current HTTP standards.

Nginx - a web server which can also be used as a reverse proxy, load balancer, mail proxy and HTTP cache.