Chingu Resource List

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

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!

Fork this repo and clone onto your local machine
Create a feature branch following the conventions documented in Contributing.
Add your resource to the appropriate category & test it to make sure it is consistent with how other resources are formatted.
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!

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

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.

chingu-voyages / chinguresourcelist Goto Github PK