Save 37% off PRO during our Black Friday Sale! »

Let’s Start Contributing to Open Source!

Let’s Start Contributing to Open Source!

Workshop at Code Mania 110. Presented with @AimeTPGM.

47fd6e7bd2b7bf8f2e3f2a51c7ffa53d?s=128

Thai Pangsakulyanont

November 25, 2017
Tweet

Transcript

  1. 1 Let’s start contributing to open-source! Code Mania 110

  2. Slide № 5 dtinth Thai Pangsakulyanont (Thai) bemusic / bemuse

    dtinth / promptpay-qr … taskworld / prescript
  3. Slide № 7 dtinth Thai Pangsakulyanont (Thai) AimeTPGM Pankamol Srikaew

    (Aime) phoomparin Phoomparin Mano (Phoom) chonlatee Chonlatee Jumratsee (Neng)
  4. Slide № 8 My open source story

  5. Slide № 9 2006

  6. Slide № 13 2006

  7. Slide № 14 Nowadays, many JavaScript libraries, frameworks, plugins, …

    Back then…
  8. Slide № 16

  9. Slide № 17

  10. Slide № 18

  11. Slide № 19 Date picker?

  12. Slide № 21

  13. Slide № 22

  14. Slide № 23 Create my own

  15. Slide № 24

  16. Slide № 25 offsetTop offsetLeft offsetHeight

  17. Slide № 26

  18. Slide № 27

  19. Slide № 28

  20. Slide № 29 Open source is a way to give

    back to the community
  21. Slide № 30 Open source motivated me to code more

  22. Slide № 31 Work with existing open-source software

  23. Slide № 32 Image: http://nevikup.blogspot.com/2011/07/smf.html

  24. Slide № 34 Simple Machine Forums Heavily modded

  25. Slide № 35 Lots of friends and programming experience!

  26. Slide № 36 Reading and understanding code

  27. Slide № 37 Reading and understanding code Debugging skills

  28. Slide № 38 Reading and understanding code Debugging skills Organizing

    large codebase
  29. Slide № 39 Reading and understanding code Debugging skills Organizing

    large codebase Maintainability
  30. Slide № 40 Reading and understanding code Debugging skills Organizing

    large codebase Maintainability Security best practices
  31. Slide № 41 Using and modifying open source software taught

    me the skills that tutorials could never teach
  32. Slide № 42 Programming is more fun!

  33. Slide № 43 dtinth / tabe25m

  34. Slide № 44 dtinth / atom-aesthetic-ui

  35. Slide № 45 But it doesn’t always have to be

    code!
  36. Slide № 46 2014 JavaScript for Automation

  37. Slide № 47

  38. Slide № 48 JXA-Cookbook / JXA-Cookbook

  39. Slide № 49 You don’t need to be an expert

  40. Slide № 50 GitHub profile is a high-quality portfolio

  41. Slide № 51 Contributing to open source is easier than

    ever
  42. Slide № 52

  43. Slide № 53 How to get started?

  44. Slide № 54 AimeTPGM Pankamol Srikaew (Aime)

  45. First Contribution Contribution 101: Newbie Edition

  46. 1BOLBNPM4SJLBFX 9 9 ., 9 ., 9C D 9 9

    : 9 9 C
  47. None
  48. : 9 HC : F F A HC : F

    F
  49. /: GF A 0 CG 9 D C C /

    D I A A 9 D 0/ I 0
  50. None
  51. Contribution Cheatsheet A: , @D C D

  52. Contribution Cheatsheet DA A A: A 9C AG

  53. Contribution Cheatsheet $cd ~/your/path/to/folder $git clone https://github.com/this-is-you/a-repository.git G DA 9C

    D C A 9C AG
  54. Contribution Cheatsheet $git checkout -b <branch-name> $git add . $git

    commit -m “a short comment to commit” $git push origin <branch-name> $git checkout master $git merge <branch-name> $git branch -d <branch-name> $git status $git commit -m “a short comment to commit” $git push origin master G DA DC A A C F A D latest Make Pull Request (master + new feature) merge new feature to master latest master refactor new feature create a branch add all untracked files commit changes push changes change branch to master merge branch to master delete a branch check current status commit changes (if any) push to master
  55. Contribution Cheatsheet G DA DC A A C F A

    D $git checkout -b session-review $git add . $git commit -m “add review for sessions” $git push origin session-review $git checkout master $git merge session-review $git branch -d session-review $git status $git commit -m “update sessions’ reviews” $git push origin master latest master session-review merge session-review to master Make Pull Request Example
  56. Contribution Cheatsheet G DA 9C D A : ,D @D

    C
  57. Contribution Cheatsheet G DA 9C D A : ,D @D

    C
  58. github.com/Roshanjossey/first-contributions/ blob/master/translations/README.th.md

  59. github.com/Roshanjossey/first-contributions/ blob/master/translations/README.th.md

  60. github.com/Roshanjossey/first-contributions/ blob/master/translations/README.th.md

  61. github.com/Roshanjossey/first-contributions/ blob/master/translations/README.th.md

  62. None
  63. – Aime (copied and modified the quote from Thor Ragnarok)

    I DA 9 C 9CH
  64. Slide № 74 Workshop

  65. Slide № 75 Repo: ThaiProgrammer / code-mania-110