inside github: helpful github hacks and tips for web development
TRANSCRIPT
![Page 1: Inside GitHub: Helpful Github Hacks And Tips For Web Development](https://reader035.vdocuments.net/reader035/viewer/2022062320/55c0a2f6bb61ebd05a8b4698/html5/thumbnails/1.jpg)
10+ HELPFUL
@tompeham I @usersnap
TO BOOST PRODUCTIVITY
GITHUB HACKS
![Page 2: Inside GitHub: Helpful Github Hacks And Tips For Web Development](https://reader035.vdocuments.net/reader035/viewer/2022062320/55c0a2f6bb61ebd05a8b4698/html5/thumbnails/2.jpg)
HELLO EVERYONE!
MY NAME IS THOMAS.
![Page 3: Inside GitHub: Helpful Github Hacks And Tips For Web Development](https://reader035.vdocuments.net/reader035/viewer/2022062320/55c0a2f6bb61ebd05a8b4698/html5/thumbnails/3.jpg)
I GUESS YOU’RE FAMILIAR WITH GITHUB, RIGHT?
![Page 4: Inside GitHub: Helpful Github Hacks And Tips For Web Development](https://reader035.vdocuments.net/reader035/viewer/2022062320/55c0a2f6bb61ebd05a8b4698/html5/thumbnails/4.jpg)
THAT IS GITHUB
![Page 5: Inside GitHub: Helpful Github Hacks And Tips For Web Development](https://reader035.vdocuments.net/reader035/viewer/2022062320/55c0a2f6bb61ebd05a8b4698/html5/thumbnails/5.jpg)
GitHub for developers?
Many developers breathe GitHub.
And that’s great.
It’s the software that helps us (developers) build great software.
![Page 6: Inside GitHub: Helpful Github Hacks And Tips For Web Development](https://reader035.vdocuments.net/reader035/viewer/2022062320/55c0a2f6bb61ebd05a8b4698/html5/thumbnails/6.jpg)
10+ HELPFUL GITHUB HACKS
![Page 8: Inside GitHub: Helpful Github Hacks And Tips For Web Development](https://reader035.vdocuments.net/reader035/viewer/2022062320/55c0a2f6bb61ebd05a8b4698/html5/thumbnails/8.jpg)
1. CLONE LIKE HELL
![Page 9: Inside GitHub: Helpful Github Hacks And Tips For Web Development](https://reader035.vdocuments.net/reader035/viewer/2022062320/55c0a2f6bb61ebd05a8b4698/html5/thumbnails/9.jpg)
Clone and learn.
• GitHub offers a great amount of free, public projects and code snippets.
• You can use all that code. For free.
• Clone projects + download code = learn about coding practices.
![Page 10: Inside GitHub: Helpful Github Hacks And Tips For Web Development](https://reader035.vdocuments.net/reader035/viewer/2022062320/55c0a2f6bb61ebd05a8b4698/html5/thumbnails/10.jpg)
2. WHO TO FOLLOW?
![Page 11: Inside GitHub: Helpful Github Hacks And Tips For Web Development](https://reader035.vdocuments.net/reader035/viewer/2022062320/55c0a2f6bb61ebd05a8b4698/html5/thumbnails/11.jpg)
Who to follow on GitHub?
• GitHub is the largest developer community in the world.
• Follow interesting people and gather inspiration.
• Here’s how.
![Page 12: Inside GitHub: Helpful Github Hacks And Tips For Web Development](https://reader035.vdocuments.net/reader035/viewer/2022062320/55c0a2f6bb61ebd05a8b4698/html5/thumbnails/12.jpg)
Who to follow on GitHub?• Assuming that people who have a
huge follower base on GitHub are worth to follow:
![Page 13: Inside GitHub: Helpful Github Hacks And Tips For Web Development](https://reader035.vdocuments.net/reader035/viewer/2022062320/55c0a2f6bb61ebd05a8b4698/html5/thumbnails/13.jpg)
Who to follow on GitHub?• Search for people with more than
1.000 followers. • Here’s the search query:
https://github.com/search?o=desc&q=followers%3A%3E1000&ref=searchresults&s=followers&type=Users
![Page 14: Inside GitHub: Helpful Github Hacks And Tips For Web Development](https://reader035.vdocuments.net/reader035/viewer/2022062320/55c0a2f6bb61ebd05a8b4698/html5/thumbnails/14.jpg)
Who to follow on GitHub?• Search for repositories which have
been starred a great number of times:
• https://github.com/search?o=desc&q=stars%3A%3E1000&ref=searchresults&s=stars&type=Repositories
![Page 15: Inside GitHub: Helpful Github Hacks And Tips For Web Development](https://reader035.vdocuments.net/reader035/viewer/2022062320/55c0a2f6bb61ebd05a8b4698/html5/thumbnails/15.jpg)
3. KEYBOARD SHORTCUTS
![Page 16: Inside GitHub: Helpful Github Hacks And Tips For Web Development](https://reader035.vdocuments.net/reader035/viewer/2022062320/55c0a2f6bb61ebd05a8b4698/html5/thumbnails/16.jpg)
Keyboard shortcuts
• Why not use shortcuts on GitHub?
• Press “?” on any GitHub page and you’ll get a list of shortcuts available.
![Page 17: Inside GitHub: Helpful Github Hacks And Tips For Web Development](https://reader035.vdocuments.net/reader035/viewer/2022062320/55c0a2f6bb61ebd05a8b4698/html5/thumbnails/17.jpg)
Keyboard shortcuts
![Page 18: Inside GitHub: Helpful Github Hacks And Tips For Web Development](https://reader035.vdocuments.net/reader035/viewer/2022062320/55c0a2f6bb61ebd05a8b4698/html5/thumbnails/18.jpg)
4. COMMIT EARLY AND OFTEN
![Page 19: Inside GitHub: Helpful Github Hacks And Tips For Web Development](https://reader035.vdocuments.net/reader035/viewer/2022062320/55c0a2f6bb61ebd05a8b4698/html5/thumbnails/19.jpg)
Keyboard shortcuts
• Commits are updates to a project which refers to changes in one or more files
• very completed task should therefore result in a commit on GitHub
![Page 20: Inside GitHub: Helpful Github Hacks And Tips For Web Development](https://reader035.vdocuments.net/reader035/viewer/2022062320/55c0a2f6bb61ebd05a8b4698/html5/thumbnails/20.jpg)
5. TRACE CHANGES IN A FILEWITH GIT BLAME
![Page 21: Inside GitHub: Helpful Github Hacks And Tips For Web Development](https://reader035.vdocuments.net/reader035/viewer/2022062320/55c0a2f6bb61ebd05a8b4698/html5/thumbnails/21.jpg)
Trace changes with git blame• git blame is pretty cool. It’s an super
easy way to display changes of any file.
![Page 22: Inside GitHub: Helpful Github Hacks And Tips For Web Development](https://reader035.vdocuments.net/reader035/viewer/2022062320/55c0a2f6bb61ebd05a8b4698/html5/thumbnails/22.jpg)
6. SEND LINE LINKS
![Page 23: Inside GitHub: Helpful Github Hacks And Tips For Web Development](https://reader035.vdocuments.net/reader035/viewer/2022062320/55c0a2f6bb61ebd05a8b4698/html5/thumbnails/23.jpg)
Send line links
• Did you know that you share links to a certain code line (or multiple lines)?
• Simply select the line in the code view and you’ll see how the URL will change. You can even select multiple lines by pressing “SHIFT”.
![Page 24: Inside GitHub: Helpful Github Hacks And Tips For Web Development](https://reader035.vdocuments.net/reader035/viewer/2022062320/55c0a2f6bb61ebd05a8b4698/html5/thumbnails/24.jpg)
THERE’S WAY MORE…
![Page 26: Inside GitHub: Helpful Github Hacks And Tips For Web Development](https://reader035.vdocuments.net/reader035/viewer/2022062320/55c0a2f6bb61ebd05a8b4698/html5/thumbnails/26.jpg)
QUESTIONS?
PING ME ON TWITTER @TOMPEHAM