<img align="center" src="animation.svg" width="100%" height="60px" alt="Learning"/>

Links to what I'm learning. Languages. Libraries. Frameworks. Etc.

You might find my Projects and Templates helpful for kickstarting your own learning.

Chances are, you can guess the URL of each repo: https://github.com/hchiam/learning-...

Or you can browse this README file. Ctrl+F or command+f seems to immediately expand the details to show you matches.

Or bookmark this search link: https://github.com/hchiam?tab=repositories&q=learning+

Click to expand

<details> <summary>Projects</summary>

Projects: things that I've built or maintain

1. Besides the rest of this list, I contribute to other people's projects, like: GoogleChromeLabs/ProjectVisBug
2. lightweight-inspector: a minimal js/css/html inspector that can work in mobile browsers, with the whole code easily readable on GitHub.
3. how-draggable: make any element draggable, or draggable and editable
4. A minimal slides editor and presenter in your browser.
5. A minimal notepad in your browser (automatically restores, and works offline after your first visit).
6. Firefox add-ons like Check All Scripts with URLVoid (now works in mobile!) and Console Log Element (now works in mobile too!) and togglavatar
7. Chrome extensions like a linter, quick menu search, quick selection search, and experimental test automator
8. _2DNote to make visuals with 2D coordinates more accessible to people who are blind.
9. Google Voice Assistant apps: Code Tutor and Mental Temperature Converter
10. html-template-generator and demo site: https://html-template-generator.surge.sh
11. stylable-select
12. random code tips
13. deps, a CLI tool that generates a dependency graph (as an interactive SVG). Just give it a file/folder as a starting point.
14. Code Inspiration to-do list web app that works offline (after your first visit).
15. No fancy touchpad pen? Draw by moving the mouse and hitting spacebar to toggle.
16. Electron-powered desktop app anonymous-input for personal teaching/educational use. Used Electron.js, Travis CI, mocha, spectron, npm, yarn, ... - although I'd now recommend Tauri
17. Code Explorer
18. Voice User Interface named LUI
19. Experimental programming language to make it easier to write code with speech recognition
20. Convenience code I use in my CodePen.io Front-End demos, such as:
    • my personal CSS boilerplate
    • codepen-full-page-link
    • copyToClipboard.js
    • a Chrome check message
    • prevent-link-window-opener-attacks.js
    • flying focus ring
    • keyboard focus trap
    • morphing_button
21. Machine Learning examples and other ML repos and notes, like a genetic algorithm to generate a conlang, or text-similarity-test built using TensorFlow.js or PyTorch demos. Or like experimenting with comment analysis using tfjs, USE, and UMAP (as opposed to t-SNE or PCA.
22. Atom plugin tutorial and a server based on it to seek code snippets for you
23. HTML template generator
24. API examples:
    • https://github.com/hchiam/sourcefetch-server#sourcefetch-server
    • https://github.com/hchiam/timestamp-microservice-hchiam
25. grid - 2D array helper class in JS
26. Glitch.com Backend/server demos like this Node.js server and this URL shortener microservice
27. Example HTML5 web apps/games (NOTE: old): https://github.com/hchiam/embeddedWebApps
28. trysterollup game controller wrapper around Trystero
29. canvas-converse - to more easily "converse" with the canvas API.

</details> <details> <summary>Templates</summary>

Templates: repos and snippets to get started faster

1. Azure DevOps
2. Bash Scripts and PowerShell and Zsh
3. Chrome Extension or Firefox add-on
4. Content Security Policy (CSP)
5. convenience template repo for getting started faster on creating your own convenience scripts or packages (this template repo comes with issue template, PR template, contributor reminder, codeowner, etc. files already set up for better collaboration on GitHub). Like my learning-template or my project-template.
6. Custom VS Code (Visual Studio Code) linter
   • or a more recent VSCode extension: "Hello deepseek-vscode"
7. Cypress
8. Electron for building desktop apps using web technologies (JS/HTML/CSS)
9. esbuild
10. Flask
11. flying focus ring and keyboard focus trap and morphing_button
12. GitHub Actions
13. Godot (game engine)
14. Google Apps Scripts for things like Google Docs
15. Google Assistant App templates: Code Tutor or Mental Temperature Converter
16. Google Map Widget
17. gpt4all
18. inter-process communication with Node/JS and Python
19. JavaScript practice (and bookmarklets and TotT)
20. Jasonette
21. Java practice
22. Jazzer (and Jazzer.js) for fuzzing / fuzz testing
23. Jest
24. jQuery
25. Keras
26. Lighthouse CI
27. linter stuff like lint-staged to automatically include code style fixes in your commits
    • ESLint with Google JS Style Guide Rules
    • TSLint
28. localGPT
29. Okta sign-in widget (also serves as a minimal node/express app with its server.js)
30. open-props
31. [Phas