GitHub for People Who Don't Code

2,760 views

Published on

Published in: Technology, Design

GitHub for People Who Don't Code

  1. 1. GITHUB FOR PEOPLEWHO DON’T CODEChristopher Schmitt ★ http://twitter.com/teleject
  2. 2. https://CSSsummit.com/
  3. 3. https://CSSDevConf.com/
  4. 4. http://DWMGBook.com/
  5. 5. http://nonbreakingspace.tv/
  6. 6. Version Control
  7. 7. $
  8. 8. $
  9. 9. X
  10. 10. X
  11. 11. X
  12. 12. X
  13. 13. X
  14. 14. XX
  15. 15. XX
  16. 16. XX XXXX
  17. 17. XX XXXX
  18. 18. XX XXXX X XX
  19. 19. XX XXXX
  20. 20. XX XXX
  21. 21. XX XXX
  22. 22. XXXXXXXXX
  23. 23. XXXXXXXXX
  24. 24. XXXXXXXXX
  25. 25. XXXXXXXXX
  26. 26. XXXXXXXXX
  27. 27. XXXXXXXXX
  28. 28. Git
  29. 29. Git BasicsDistributed system is one where everydeveloper clones or forks the project
  30. 30. Git BasicsDistributed system means every dev forks orclones a copy of the project or repository
  31. 31. Git BasicsDevs make changes quickly since they work ontheir copy of the project or local repository
  32. 32. Git BasicsWhen devs make changes to show others, theylock them down through commits
  33. 33. Git BasicsDevs can sync or merge their changes withwith any other remote repository
  34. 34. Git BasicsMaking a copy of a local repo is calledbranching
  35. 35. Git BasicsChanges made can be mergedto a local repository
  36. 36. Quick Recap• Forking is cloning or copying a project• Repository is a place where the historyof your work is stored• Forking to your account into a localrepository
  37. 37. Quick Install
  38. 38. https://code.google.com/p/git-osx-installer/
  39. 39. http://msysgit.github.io/
  40. 40. CommandLineInterface
  41. 41. git clone
  42. 42. git init
  43. 43. git add *
  44. 44. git status
  45. 45. git commit-m “what changed”
  46. 46. GitHub
  47. 47. GitHub• Git on your local maching, connect toGitHub to send your code out to theworld Web-based, social versioning control• Cloud-based code repos• Social coding. Community coding.
  48. 48. Be sure to have logged in
  49. 49. Fork the repository
  50. 50. Download the project files
  51. 51. Readme file is in the root folder
  52. 52. Issues
  53. 53. Emoji Support
  54. 54. http://www.emoji-cheat-sheet.com
  55. 55. Milestones
  56. 56. GitHub’s Apps
  57. 57. http://windows.github.com
  58. 58. http://mac.github.com
  59. 59. http://mac.github.comDEMO
  60. 60. Upload Fileswithout aCommand Line
  61. 61. http://deployhq.com
  62. 62. GitHub Pageshttp://pages.github.com
  63. 63. Projects on GitHub
  64. 64. https://github.com/paulirish/css3please
  65. 65. https://github.com/Modernizr/Modernizr
  66. 66. https://github.com/jquery/jquery
  67. 67. “GitHub was like water.”Daniel Ryan,Director of Frontend Development for President Obama’s 2012 Election Campaign
  68. 68. 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
  69. 69. Thank you!Christopher Schmitt ★ http://twitter.com/teleject
  70. 70. Thanks to:Man Icon: Louie McPherson, from The Noun ProjectLightbulb Icon: Schöner Medien, from The Noun Project

×