HDTutorial
EN
How to Contribute to Open Source Projects - Live example with the p5.js web editor

Playback starts YouTube’s embedded player (privacy-enhanced mode).

How to Contribute to Open Source Projects - Live example with the p5.js web editor

44,348 views 2:48:04

Watch on YouTube
ChannelCoding Garden

Chapters

Description from the creator

00:00 Intro
4:04 What will I be contributing to?
6:25 What are the steps to begin contributing to an open source project?
12:50 Find a project to contribute to
15:21 Read the project README
17:12 Read the Community Guide / Code of Conduct
18:33 Looking through some other code of conducts
19:07 A note on code of conducts in general
21:14 Reading the contribution guidelines
22:28 Breakdown of technology used, coding patterns and style guides
23:55 Setting up local machine for development
24:54 Forking the repo
33:35 Running tests locally to make sure everything is working
34:17 Reviewing the project visual design guidelines
35:09 Finding an issue to work on
38:12 Reading through issues
47:17 Voting on which issue to work on
52:29 Verifying / Reproducing the issue locally and in production
56:27 Leave a comment on the issue to let people know you have begun working on it
1:01:14 Begin working / find the code where the bug is occuring
1:16:41 Using Chrome Debugger / Visual Studio Code to step through code
2:28:25 Commenting on the issue with an update on my progress / findings

💖 Donate: coding.garden/donate
😍 Pledge: coding.garden/pledge
💬 Discord: coding.garden/discord
🎉 Stickers: coding.garden/stickers
💻 Gear List: coding.garden/gear
Search for more Coding Garden videos here: cg-videos.now.sh
View the Coding Garden FAQ here: github.com/CodingGardenCommunity/app-wiki/wiki/…

About this tutorial

Coding Garden published this 2:48:04 video tutorial. It has been watched 44,348 times on YouTube.

Duration
2:48:04
Views
44,348
Likes
1,570

Share

This tutorial in other languages