Chingu Resource List

📓 A crowd-sourced list of resources for Developers & Teams 📓

Contents

• APIs
• Backend
• Books
• Communication & Collaboration Tools
• Design
• Frontend
• Git
• Languages
• Packages & Libraries
• Tools
• Open Source Contribution
• Productivity Tools
• Everything Else

How to Contribute

Welcome to the crowd-sourced list of Developer resources sponsored by Chingu. We welcome your contributions and comments.

Sharing a resource is easy!

1. Fork this repo and clone onto your local machine
2. Create a feature branch following the conventions documented in Contributing.
3. Add your resource to the appropriate category & test it to make sure it is consistent with how other resources are formatted.
4. Create a Pull Request (PR)

That's it! An admin with review and approve your PR. If there are any questions about your contribution we'll ask them or request changes through the PR process.

APIs

Whether it's for commercial apps or portfolio projects Developers depend on quality sources of data. Here are a few that have captured our attention!

• Data.gov
• Kaggle
• Nasa
• UN Open Data Portal
• Open Data Network

Backend

General

• Understanding the Backend Part 1: What is the Backend & what does it do?
• Understanding the Backend Part 2: What is the Backend & what does it do?

Database Management Systems

MongoDB

• MongoDB Basics: Learn the fundamentals of MongoDB.

PostgreSQL

• PostgreSQL Tutorial: Quick guide to learn PostgreSQL quickly.

Security

• An Introduction to Environment Variables & How to Use Them: Decoupling configuration from the application
• Protect Application Assets: How to Secure Your Secrets: Here's a hint! Your browser isn't safe.

GraphQL

• Why GraphQL?: Advantages of GraphQL over REST

Books

• Free Programming Books: A large list of programming language books from the Ebook Foundation

Communication and Collaboration Tools

Design

• Adobe Color Wheel: One of the best color guides to choose for your next project
• Color Hunt: Free and open source platform for color inspiration
• Lorem Picsum: This is the Lorem Ipsum of photos, easy to use photo placeholders
• App Icon Generator: Easily generate icons for your next mobile application
• Contrast Checker: Contrast & Color Accessibility Checker

UI/UX

• UX or UI, where to focus?: Understand the difference between UI & UX
• UI Goodies: Variety of UI resources for designers
• Adobe XD: Free program to create design prototypes
• Daily XD Creative Challenges: Learn Adobe XD with daily challenges and videos, scroll to the bottom to see previous challenges
• Let's XD: Learn Adobe XD at your own pace with videos and exercises

Frontend

CSS

• What I Learned About CSS: One Chingu's insights on using CSS
• CSS Tricks: Helpful articles, videos, and guides. Highly recommend the guides for flexbox and grid
• Flexbox Froggy: Learn flexbox as you place the frog on the lily pad in this in-browser game
• Flexbox Defense: Another in-browser game to level up your flexbox skills
• Flexbox Zombies: Master flexbox as you defeat zombies with this coding game
• CSS Diner: Learn more about the types of CSS selectors with this in-browser game
• Grid Garden: Learn CSS Grid with an in-browser game
• CSS Reference: CSS Reference is a free visual guide to CSS

HTML

• HTML Reference: A free guide to all HTML elements and attributes

General

• The A11Y Project: A community-driven effort to make web accessibility easier.
• a11y Resources: A growing list of accessibility tools and resources
• FlorinPop's YouTube Channel: 200+ videos on HTML, CSS, JavaScript, Framworks, etc.
• Responsive Web Design Basics: How to create sites which respond to the needs and capabilities of the device they are viewed on.
• Browser Support Tables: Provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers
• Dev Docs: DevDocs combines multiple API documentations in a fast, organized, and searchable interface. Here's what you should know before you start
• Frontend Mentor: Improve your front-end coding skills by building real projects
• Catchafire: Volunteer your skills and make a difference virtually (variety of skills including web design and development)

Frameworks

React

• React Tutorial: An Overview and Walkthrough: Introduces the most important React concepts in a detailed, beginner-friendly way.

• Exploit React Error Boudaries to Improve UX: How to automate error detection & reporting

• Guidelines to improve your React folder structure: How to structure a repo for React

• All React Hooks: For complete understanding of Hooks in React (Video)

Angular

• Testing Angular: A Guide to Robust Angular Applications

• Learn Angular: Full Tutorial Course

• Angular 11 Project: Learn how to create an Angular 11 project from scratch in this full course

Vue

• Intro to Vue.js: Rendering, Directives, and Events

NextJs

• Getting Started with NextJS: Documentation on getting started with NextJs
• Intro to NextJS Features: A breakdown of NextJs features by FreeCodeCamp

Git

• GitExplorer: Find the right git commands you need without digging through the web
• How to Contribute on GitHub: A step-by-step guide to contributing on GitHub
• GitHub Readme Stats: Add cards showing your cumulative GitHub statistics to your profile page

Languages

Javascript

• Beginner's Series to: JavaScript: 51-part Javascript beginners course by Microsoft
• Deep Javascript: Theory & Techniques: By Dr. Axel Rauschmayer)
• Javascript for Impatient Programmers: By Dr. Axel Rauschmayer
• Looping over arrays & objects in Javascript: Options for looping
• Tackling Typescript: Upgrading from Javascript: By Dr. Axel Rauschmayer
• You Dont Know JavaScript: Book series diving deep into the core mechanisms of JavaScript
• JavaScript 30: Build 30 things with vanilla JS in 30 days with 30 tutorials
• Javascript Questions: JS Questions & Answers for interview prep!

Python

• How to Use Object-Oriented Programming in Python: Comprehensive info on OOP in Python
• Data Structures & Algorithms in Python: Overview of internal & user-defined data structures + algorithms in Python
• I Thought I Was Mastering Python Until I Discovered These Tricks: Tips for Python Developers

Code Snippets

What are your short solutions to common problems in any language? Add them to the table below to share with others. Be sure to add your snippet in the /codesnippets directory and comment the code for the reader.

File name	Language	Description
formatRawDate.js	Javascript	Format a raw date
objectToFile.js	NodeJS	Write the contents of an object array to a file
reduceObject.js	Javascript	Use .reduce to process and array, returning an object with the results
validateDirPath.js	NodeJS	Validate that the path exists and is a directory

Motivation

• You Know More Than You Think: How build up your confidence as a Dev

Packages and Libraries

Cloud Deployment

• Deploy React and Express to Heroku: Step-by-step guide to create a React/Node app and deploy to Heroku
• How to deploy React App to GitHub Pages: Simple instructions to deploy React app on GitHub Pages

Teamwork

Agile

• A Short Introduction to the Scrum Methodology: How to embrace change in a project.

Teams

• What I Learned About Group Projects: Tips from a Chingu on how to be successful in a group project

Tools

• Introduction to Docker: An introduction into what docker is and how to use it.
• Zenhub 101: The Essential Guide: How to effectively use ZenHub to manage & track projects
• Introduction to Authentication with NextAuth: How to add authentication to your NextJs applications using NextAuth as an example

Open Source Contribution

• A Beginner's Guide
• How to link your PR to an issue
• How to create a PR on GitHub

Productivity Tools

• Cloudinary: A media service that stores, transforms, optimises, and delivers all your media assets.
• Sourcegraph: A software tool that allows you search all of your code.
• Insomnia: A software tool to test API endpoints.
• Netlify: Build, deploy, and scale modern web projects.
• Retool: Build internal tools without writing a line of code.
• Laravel Forge: Provision and deploy unlimited PHP applications.
• AWS Amplify: Fastest, easiest way to build mobile and web apps that scale.
• Auth0: An easy to implement, adaptable authentication and authorisation platform.
• Garden: A cloud service that enables fast and efficient Kubernetes development.
• Bitrise: A fast, flexible, and scalable mobile CI/CD that simplifies development and deployment of mobile apps.
• Vercel: Build and publish any front-end application in less than three clicks.
• EasyCron: A service that runs all your cron jobs for you on the cloud.
• WakaTime: A tool that automatically report stats and metrics right from your code editor.
• EverSQL: A service that predict performance bottlenecks and optimize SQL queries, using AI.
• Ngrok: A tool that provides an instant, secure URL to your localhost server through any NAT or firewall.

Everything Else

• Complete list of Github Markdown Emoji's: A complete list of emoji's you can use in Readme's.

• Emoji Cheatsheet: Emojis for Github, Discord, and more!

• gitmoji: More emojis for GitHub.

• spam mimic: An interesting website that encodes messages to a generic spam message.