[MIGRATED] Development

Environment

Programming

[MIGRATED] Tools

Name Description
Postman The Collaboration Platform for API Development, 8 million + developers, 250 million APIs. Postman is a collaboration platform for API development. Postman's features simplify each step of building an API and streamline collaboration so you can create better APIs—faster.
Stoplight Studio Design APIs 10x faster with the Stoplight Studio free OpenAPI editor. Prototype and share your API within minutes.
Charles Charles is an HTTP proxy / HTTP monitor / Reverse Proxy that enables a developer to view all of the HTTP and SSL / HTTPS traffic between their machine and the Internet. This includes requests, responses and the HTTP headers (which contain the cookies and caching information).
Telerik Fiddler The free web debugging proxy for any browser, system or platform.

[MIGRATED] NPM Packages

"dependencies":

Name Description
bootstrap Build responsive, mobile-first projects on the web with the world’s most popular front-end component library.
bootstrap-vue BootstrapVue, with over 40 available plugins and more than 80 custom components, provides one of the most comprehensive implementations of the Bootstrap v4.3 component and grid system for Vue.js, complete with extensive and automated WAI-ARIA accessibility markup.
ejs Embedded JavaScript templates.
express Fast, unopinionated, minimalist web framework for node.
gulp-install Automatically install npm, bower, tsd, typings, composer and pip packages/dependencies if the relative configurations are found in the gulp file stream respectively.
mongodb The official MongoDB driver for Node.js. Provides a high-level API on top of mongodb-core that is meant for end users.
node-sass Node-sass is a library that provides binding for Node.js to LibSass, the C version of the popular stylesheet preprocessor, Sass. It allows you to natively compile .scss files to css at incredible speed and automatically via a connect middleware. Do not forget to include node-sass and sass-loader to use scss in Vue.
prismjs Prism is a lightweight, robust, elegant syntax highlighting library.
pug-cli Pug's CLI interface.
python-shell A simple way to run Python scripts from Node.js with basic but efficient inter-process communication and better error handling.
sass-loader Loads a Sass/SCSS file and compiles it to CSS.
three Three.js is a cross-browser JavaScript library and Application Programming Interface (API) used to create and display animated 3D computer graphics in a web browser. Three.js uses WebGL.
vue Vue is a progressive framework for building user interfaces. Unlike other monolithic frameworks, Vue is designed from the ground up to be incrementally adoptable.
yarn global add @vue/cli vue create my-project
watch The intention of this module is provide tools that make managing the watching of file & directory trees easier.


"devDependencies":

Name Description
gulp gulp is a toolkit for automating painful or time-consuming tasks in your development workflow, so you can stop messing around and build something.
gulp-pug Gulp plugin for compiling Pug templates
gulp-pug-linter Gulp plugin to lint Jade or Pug files.
lint-staged Run linters against staged git files and don't let 💩 slip into your code base!
tslint TSLint is an extensible static analysis tool that checks TypeScript code for readability, maintainability, and functionality errors. It is widely supported across modern editors & build systems and can be customized with your own lint rules, configurations, and formatters.
typescript TypeScript is a typed superset of JavaScript that compiles to plain JavaScript. Any browser. Any host. Any OS. Open source.
vue menu Recent web applications are mainly for mobile environments. Therefore UIs premised on mouse operation such as window, context-menu, nested-menu and so on are no longer mainstream. However the context-menu and nested-menu are still effective way to have operations on deeply structured data. This package is an implementation of {nested,context}-menu for PC environments as a Vue Component.
webpack At its core, webpack is a static module bundler for modern JavaScript applications. When webpack processes your application, it internally builds a dependency graph which maps every module your project needs and generates one or more bundles.
webpack-cli webpack CLI provides a flexible set of commands for developers to increase speed when setting up a custom webpack project.

[MIGRATED] Installation List

Chrome is my favourite web browser for both viewing and debugging in.

GitKraken is (in my experience) a more reliable source control tool for Git than SourceTree. It is available for Windows, Mac and Linux.

Visual Studio Code is my favourite source code editor, and was ranked the most popular developer environment tool, in the Stack Overflow 2018 Developer Survey. It is based on Electron.

Unity is a cross-platform game engine. As of 2018, the engine has been extended to support 27 platforms.

Android Studio is the official IDE for Google's Android operating system, built on JetBrains' IntelliJ IDEA software.

Notepad++ is my lightweight text and source code editor, usually for when stuff is less than a page long.

npm is a package manager used by 11 million JavaScript develoeprs, and gets the job done.

yarn is a more stable package manager than npm, which allows versions of installed packages to be different.

Python has become my multiplatform scripting language of choice as opposed to Bash or Batch scripts.

Beyond Compare is my favouriate diff / merge tool. It can comparing files, directories, images, FTP and SFTP directories, Dropbox directories, Amazon S3 directories, and archives.

Blender supports the entire 3D pipeline—modeling, rigging, animation, simulation, rendering, compositing and motion tracking, video editing and 2D animation pipeline.

Photoshop is my image editing software of choice. Textures, icons, photos are all a joy to iterate on using this. That said, its expensive and I am interested in alternatives.

ShareX lets me capture screen regions, and gifs easily.

AirVPN is a Virtual Private Network service I use in conjunction with Firefox. Maintains my privacy, allows full Netflix content, and stops my ISP from selling my browsing history to advertisers.

[MIGRATED] AWS Knowledge


AWS Console

[MIGRATED] Front End

[MIGRATED] Unity

[MIGRATED] Hardware

[MIGRATED] Vue / Angular / React task

Notes:

Note 01
Note 02
Note 03 (☆)
Note 04
+ Add
Note 02
[text of the note shown here]
  1. In the above diagram, note that it needs to be possible to star/unstar things,
  2. usig the star button in the upper right, and if something is currently starred, the star should be displayed in the vertical item list on the left.
  3. You can type notes in any of the panels, and the notes should be retained.
  4. You can also add more notes using the add button.
  5. Changing the title of the note should update the note in the list on the left.

Technical People