Developer Resources 💻

Learning + References

• Accessibility

  • a11y project | collection of accessibility resources, including a checklist to audit websites

• Algorithms

  • Algorithms by Jeff Erickson

• Android

  • ADB Commands — Part III - ProAndroidDev

• Architecture

  • Realworld implementation w/ different frameworks
  • The Majestic Monolith - Signal v. Noise
  • The Architecture of Open Source Applications: a 2 volume series overviewing systems like PyPy, RammitMQ, nginx, and many more
  • Build your own X: tutorials for various projects
  • CloudPosse’s reference architectures for AWS

• AWS

  • AWS Open Guide

• Cheat sheets

  • Rico’s Cheatsheets
  • Cheatsheet | Programming-Idioms

• CLI

  • awk intro - Learn by Example - GNU awk

• Data sets

  • Data Is Plural — Structured Archive - Google Sheets

• Datetime

  • UTC is Enough for Everyone, Right?

• Documentation

  • Content Guidance
  • Writing system software: code comments. -
  • Bullet point dev project-guidelines
  • “Speak up to the reader, don’t dumb things down. Assume an intelligent reader who is busy.” -John Collison (Stripe)
  • Educational
  • “For a concise explanation of Learning Objectives (which we’re calling Goals in this book), read UC Denver’s Assessment & Instructional Alignment Tutorial. Try to make your learning objectives Specific, observable and measurable and heed their tip to use the list of verbs in the taxonomy table worksheet to help you choose observable behaviors for your course learning objectives.” from The IPFS Primer: Note for Contributors
  • Generators
  • Reach for Markdown, not LaTeX - Bits, Bytes, and Words

• DBs

  • Intro
  • Interactive SQL Book | Select Star SQL
  • Advanced
  • How not to structure your database-backed web applications: a study of performance bugs in the wild | the morning paper

• Design

  • Aggregate of design resources 2020 | Paul Copplestone
  • Design with Difficult Data · An A List Apart Article
  • Your Brain on Front-End Development | CSS-Tricks

• Differential privacy

  • HN thread on a differential privacy toolset Google released

• Docker

  • Intro - Play with Docker Classroom
  • Technical container overview Keynote: Containers aka crazy user space fun - YouTube

• Email

  • Content + Phrasing
  • https://www.goodemailcopy.com/

• Functional

  • Either Monad
  • Railway Oriented Programming | F# for fun and profit
  • A glossary for Functional Programming jargon

• General SWE

  • Twitter thread on creating your own CS course online
  • teachyourselfcs.com and an HN thread
  • Why duplication is preferable to the wrong abstraction
  • Explanatory quiz where you guess at the speed of various software operations (such as decoding JSON or grep-ing for data
  • Thoughtwork’s—a SWE consulting firm—rolling guidance on processes, frameworks, and tools to use
  • Management-oriented framing of what technical debt is
  • Flow-diagram demonstrating the real decision-tree complexity of a seemingly simple feature like Slack’s “send user notifications”
  • A reminder that computers can be understood: “you will never understand every detail of the implementation of every level on that stack; but you can understand all of them to some level of abstraction, and any specific layer to essentially any depth necessary for any purpose.”

• Git

  • Intro
  • Merging vs. Rebasing | Atlassian Git Tutorial
  • How Square writes commit messages
  • [[Commit Messages]]

• Node.js

  • Intermediate
  • How to Debug a Node.js app in a Docker Container | @RisingStack
  • GraphQL
  • GraphQL Server Tutorial with Apollo Server and Express - RWieruch

• Interviews

  • https://css-tricks.com/interviewing-for-a-technical-position-doesnt-have-to-be-scary/

• Java

  • JVM Internals

• JavaScript (Language + VMs)

  • javascript.info: guides and references
  • Intro
  • WarriorJS | Text adventure game for learning JavaScript
  • Intermediate
  • Elegant patterns in modern JavaScript: RORO – freeCodeCamp.org
  • Advanced
  • How JavaScript works: inside the V8 engine + 5 tips on how to write optimized code

• Libraries

  • Should I “Rebuild or Report” this buggy 3rd party library?

• Matplotlib

  • Matplotlib | From Beginner to Intermediate

• Python

  • Numpy
  • Numpy: Visual Introduction
  • Pandas
  • Python Pandas: Tricks & Features You May Not Know – Real Python

• Rust

  • Unreviewed
  • Learning Rust With Entirely Too Many Linked Lists
  • Introduction - Rust By Example
  • Rust Cookbook
  • A half hour to learn Rust
  • RustStarterKit2020
  • A half-hour to learn Rust syntax

• Security

  • PagerDuty’s Open Security Training
  • Digital Standard - Privacy & Security standard w/ criteria, indicators, etc.

• Site Reliability Engineering (SRE)

  • SRE meta-list: collection of SRE blog posts from dozens of companies

• Lists/Talks/Podcasts/Recurring Content

  • Clojure Founder’s Best Talks
  • Changelog | Blog
  • The best developer videos from YouTube – on DevTube
  • Collection of SWE essays that Ben Kuhn liked, accompanied by short summaries and key takeaways

• Testing

  • Software Testing Anti-patterns
  • Why unit testing is overrated (and integration tests should be your focus)

• Web

  • Frontend
  • Introduction · Front-End Developer Handbook 2018

  • Architecture

    • frontend case studies
    • The App Shell Model | Web Fundamentals | Google Developers
    • Designing very large (JavaScript) applications - Malte Ubl - Medium

  • HTML

    • Different approaches to responsive tables

  • Performance

    • The Cost Of JavaScript In 2018
    • Using a library in your webpack project? Here’s how to optimize it | GoogleChromeLabs

  • React

    • React lifecycle methods diagram
    • The complete guide to static typing in “React & Redux” apps using TypeScript | piotrwitek

  • CSS

    • CSS Snippets - 30 Seconds of CSS

  • Potential Simple Web App Frameworks

    • Building Applications with AppRun – Yiyi Sun – Medium
    • Stimulus 1.0: A modest JavaScript framework for the HTML you already have - Signal v. Noise
  • Misc.
  • CORS Intro - https://frontendian.co/cors
  • RSA Intro - How RSA Works: TLS Foundations
  • Proxy local web services publicly - Read comments on Inlets 2.0 post on HN
  • Walkthrough of everything that happens when you go to google.com
  • Latency vs. Throughout as explained through a coffee brewing analogy
  • High Performance Browser Networking by a co-chair of the W3C Web Performance Working Group

• Regex

  • Intro - Using Regular Expressions to Find Cthulhu

Input field validation [assets/image.png]

Tools

Short-Use Tools

Meta Lists

GitHub - trimstray/the-book-of-secret-knowledge: A collection of awesome lists, manuals, blogs, hacks, one-liners, cli/web tools and more. Tiny Helpers - tiny tools for many tasks

Text References

• Unicode @ Graphemica
• Emoji Cheat Sheet

Web Tools

• Richard’s Toolbox

• Community-Built Tools for Webpage Performance

  • https://webhint.io/
• Serveo: expose local servers to the internet using SSH
• Simple text favicon generator | Favicon.io
• Favicon Generator | realfavicongenerator.net
• Email Link Builder

JS Tools

BundlePhobia | cost of adding a npm package (alternate: Package Phobia, moiva) ECMAScript Version Detector Better NPM Search Visualization of npm dependencies

Misc. + Sys Admin Tools

• Crontab.guru - The cron schedule expression editor
• CyberChef - Text Manipulation
• Convert Rich-Text to Markdown
• TablePlus- DB GUI

Diagramming

• DrawSQL - SQL DB Visual Schema Creator
• PlantUML for arbitrary diagrams

Audio/Video/Media Tools

• Otter.ai: Voice Transcription
• LogoSear.ch - massive DB of corporate logos

Note Taking + Documentation

• TexMe: Self-rendering Markdown + LaTeX documents

Medium-Use Tools

Dataprocessing

• List of Structured Text Tools
• Announcing R and Mode Studio: A Free Toolkit for Every Analyst
• Dataset Site Meta Search | Google
• Dataset Site Meta Search | Open Data Network

Web References

• DevDocs - PWA for API Documentation

Cloud

• Cloudcraft – Draw AWS diagrams
• Introducing CloudMapper: An AWS Visualization Tool | Duo Security

• WrapAPI: Webpage → API

  • Dashblock: Webpage → API

Long-Use Tools/Services

Open Source Versions of Internal Google Tools

Testing

• JavaScript End to End Testing Framework | Cypress.io

APM

• Node.js Performance Monitoring with Atatus APM

Team Communication

• Twist – Mindful Team Communication - Slack competitor by Todoist

Coding

• JupyterLab is Ready for Users – Jupyter Blog
• Observable | JavaScript Web Notebooks
• Discover 100+ No-Code Tools | NuCode
• AppGyver - multi-platform react native no-code platform

Misc. Components

• Stream | Newsfeed/notification feed as a service
• Self-hosted CA

Building Websites

• Webflow: Powerful no-code website builder
• Landen: The Website Platform for Startups

Sales

• Fomo | Social Proof Marketing Platform

Libraries + Frameworks + Packages

https://free-for.dev/#/

Libraries

• Backend

  • Node.js
  • https://docs.nestjs.com/graphql/quick-start
  • https://typegraphql.ml/docs/examples.html
  • GraphQL
  • https://hasura.io/
  • PostgREST
  • Load Testing
  • https://github.com/loadimpact/k6

• Charts

  • Frappe Charts: Simple and Modern SVG Charts
  • Nivo | React.js + d3 charts
  • A Visualization Grammar | Vega

• Code Authoring

  • Danger - PR messaging / checks
  • pre-commit

• Constraint Solving

  • https://www.optaplanner.org/

• Docs

  • Gatsby-based doc UI
  • https://github.com/Redocly/redoc

• Images

  • ClipArt ETC | Refined black & white drawings

• Markdown

  • In-Page Markdown Renderer | Markdeep

• Mobile Apps

  • Galio | React Native UI Framework
  • Embrace | full app experience recording (like FullStory on web)
  • Expo

• Infrastructure

  • Pulumi Documentation - potentially interesting, Terraform is winning atm though

• Service Workers

  • Get Started | Workbox | Google Developers

• Spinners

  • Epic Spinners | CSS-Only Spinners

• SysAdmin

  • Cockpit Project — Cockpit Project + cockpit-docker

• Tables

  • https://github.com/handsontable/handsontable

• Frontend

  • 7 GUIs - Framework for evaluating frontend libraries
  • Dashboards
  • Tabler | OSS Dashboard Template
  • https://tympanus.net/codrops/2018/09/16/freebie-libre-web-app-template/
  • Internal/Admin Dashboards
  • Forest Admin
  • Easy SQL admin dashboard
  • https://github.com/spotify/backstage
  • https://github.com/marmelab/react-adminj
  • https://github.com/appsmithorg/appsmith
  • Websites
  • Free HTML landing page templates for startups - Cruip
  • 400+ Free Website Templates | HTML & Bootstrap 2019 - Colorlib
  • Tailwind UI - HTML component library that YC commenters like

  • Collection of drop-in semantic CSS libraries

    • New.css
  • React
  • https://chakra-ui.com/
  • Lightweight SPAs
  • https://github.com/alpinejs/alpine
  • Augmentations
  • Web Components made by GitHub

Big Helpers

External Apps

• AWS Amplify | The foundation for your cloud-powered mobile & web apps
• G Suite | Build the apps your business needs with App Maker
• Blitz | Rails-like framework for building monolithic, full-stack React apps
• Redwood.js | Full-stack React, GraphQL, and Prisma apps - created by GitHub co-founder who also made SemVer, TOML, Jekyll

Internal Apps

• Retool | Simple Internal App Builder (data, forms, etc.)

Written by Alex Wendland, who is currently exploring fintech at Pinwheel. Here's a Twitter handle, a GitHub, some LinkedIn, ol' Facebook, or a hip Instagram if you're interested.