The document discusses how GitHub can be used by non-technical people. It provides an overview of version control and Git basics such as forking a repository, making commits, and merging changes. It also covers how to set up Git on your local machine and connect to GitHub to share code. GitHub features like issues, milestones, apps and Pages are mentioned. An example is given of its use on President Obama's 2012 reelection campaign with 240 code repositories.

1. GITHUB FOR PEOPLE
WHO DON’T CODE
Christopher Schmitt ★ http://twitter.com/teleject

2. https://CSSsummit.com/

3. https://CSSDevConf.com/

4. http://DWMGBook.com/

5. http://nonbreakingspace.tv/

6. Version Control

14. $

15. $

21. X

22. X

23. X

24. X

25. X

26. X
X

27. X
X

28. X
X X
X
X
X

29. X
X X
XX
X

30. X
X X
XX
X X XX

31. X
X X
XX
X

32. X
X X
X
X

33. X
X X
X
X

37. X
X
X
X
X
X
X
X
X

38. X
X
X
X
X
X
X
X
X

39. X
X
X
X
X
X
X
X
X

40. X
X
X
X
X
X
X
X
X

41. X
X
X
X
X
X
X
X
X

42. X
X
X
X
X
X
X
X
X

44. Git

45. Git Basics
Distributed system is one where every
developer clones or forks the project

46. Git Basics
Distributed system means every dev forks or
clones a copy of the project or repository

47. Git Basics
Devs make changes quickly since they work on
their copy of the project or local repository

48. Git Basics
When devs make changes to show others, they
lock them down through commits

49. Git Basics
Devs can sync or merge their changes with
with any other remote repository

50. Git Basics
Making a copy of a local repo is called
branching

51. Git Basics
Changes made can be merged
to a local repository

52. Quick Recap
• Forking is cloning or copying a project
• Repository is a place where the history
of your work is stored
• Forking to your account into a local
repository

53. Quick Install

54. https://code.google.com/p/git-osx-installer/

55. http://msysgit.github.io/

57. Command
Line
Interface

58. git clone

59. git init

60. git add *

61. git status

62. git commit
-m “what changed”

63. GitHub

64. GitHub
• Git on your local maching, connect to
GitHub to send your code out to the
world Web-based, social versioning control
• Cloud-based code repos
• Social coding. Community coding.

65. Be sure to have logged in

66. Fork the repository

67. Download the project files

68. Readme file is in the root folder

72. Issues

74. Emoji Support

75. http://www.emoji-cheat-sheet.com

76. Milestones

78. GitHub’s Apps

79. http://windows.github.com

80. http://mac.github.com

81. http://mac.github.com
DEMO

82. Upload Files
without a
Command Line

83. http://deployhq.com

94. GitHub Pages
http://pages.github.com

95. Projects on GitHub

96. https://github.com/
paulirish/css3please

97. https://github.com/
Modernizr/Modernizr

98. https://github.com/
jquery/jquery

102. “GitHub was like water.”
Daniel Ryan,
Director of Frontend Development for President Obama’s 2012 Election Campaign

103. Re-election team
• ~240 repositories (or code set, assets, apps,
projects, reaction GIFs)
• Including first responsive presidential campaign site
• Projects written in various languages from Python,
Rails, PHP, JavaScript, CSS, Sass, Less, etc.
• Developers did work at the office and home.
• Project length 18 months

104. Thank you!
Christopher Schmitt ★ http://twitter.com/teleject

105. Thanks to:
Man Icon: Louie McPherson, from The Noun Project
Lightbulb Icon: Schöner Medien, from The Noun Project