hacktoberfest/helpful-material.html at master · jmort125/hacktoberfest · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta http-equiv="X-UA-Compatible" content="ie=edge" />


  <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
  <meta http-equiv="Pragma" content="no-cache" />
  <meta http-equiv="Expires" content="0" />

  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" />

  <!-- Github follow button -->
  <script async defer src="https://buttons.github.io/buttons.js"></script>

  <link rel="stylesheet" href="./css/helpful-material.css" />
  <link rel="stylesheet" href="./css/navbar.css" />
  <link rel="stylesheet" href="./css/footer.css" />
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
  <title>Hacktoberfest - Helpful Material</title>
</head>
<link rel="shortcut icon" href="./images/sh_icon.png" />

<body>
  <button onclick="topFunction()" class="btn btn-danger" id="myBtn" title="Go to top"><img src="https://png.icons8.com/ios/50/000000/circled-chevron-up.png"
      alt="circled-chevron-up icon" /></button>
  <nav class="navbar navbar-expand-lg navbar-dark bg-primary">
    <a class="navbar-brand" href="/">Hacktoberfest</a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarColor01" aria-controls="navbarColor01"
      aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>

      <div class="collapse navbar-collapse" id="navbarColor01">
          <ul class="navbar-nav mr-auto">
              <li class="nav-item">
                  <a class="nav-link" href="/">Home</a>
              </li>
              <li class="nav-item active">
                  <a class="nav-link" href="/helpful-material">Helpful Material</a>
              </li>
              <li class="nav-item">
                  <a class="nav-link" href="/contributors">Contributors</a>
              </li>
              <li class="nav-item">
                  <a class="nav-link" id="twist" href="#">The twist</a>
              </li>
              <li class="nav-item">
                  <a class="nav-link" href="/cheese">Cheese!</a>
              </li>
              <li class="nav-item ">
                  <a class="nav-link" id="tools" href="/tools">Tools</a>
              </li>
          </ul>
      </div>
  </nav>

  <div class="container">
    <div id="header">
      <h1>Helpful Material <a href="https://github.com/lingonsaft/hacktoberfest">(Github repo)</a></h1>
      <p class="ml-3">Feel free to add any of your own projects, helpul links or guides below.</p>
    </div>

    <div id="content">
      <h2 class="mt-4">Projects</h2>
      <p class="ml-3">Feel free to add any of your own projects.</p>
      <h3 class="mt-4">Beginner Friendly Projects</h3>

      <div class="list-group beginnerProjects">
        <a data-difficulty="1" href="https://github.com/publiclab/plots2" target="_blank" class="list-group-item list-group-item-action easyProjectItem">public lab</a>
        <a data-difficulty="1" href="https://github.com/awesome-lists/awesome-bash" target="_blank" class="list-group-item list-group-item-action easyProjectItem">awesome-bash</a>
        <a data-difficulty="1" href="https://github.com/3daddict/memory-match-react" target="_blank" class="list-group-item list-group-item-action easyProjectItem">React Memory Match Game</a>
        <a data-difficulty="2" href="https://github.com/openebs/openebs" target="_blank" class="list-group-item list-group-item-action easyProjectItem">openebs</a>
        <a data-difficulty="2" href="https://github.com/Kinto/kinto" target="_blank" class="list-group-item list-group-item-action easyProjectItem">kinto</a>
        <a data-difficulty="2" href="https://github.com/oppia/oppia" target="_blank" class="list-group-item list-group-item-action easyProjectItem">oppia</a>
      </div>

      <h3 class="mt-4">Additional Projects</h3>
      <div class="list-group otherProjects">
       <a data-difficulty="1" href="https://github.com/nodejs/node" target="_blank" class="list-group-item list-group-item-action projectItem">node</a>
       <a data-difficulty="2" href="https://github.com/zulip/zulip" target="_blank" class="list-group-item list-group-item-action projectItem">zulip</a>
       <a data-difficulty="2" href="https://github.com/shivanshkroos/moviefy" target="_blank" class="list-group-item list-group-item-action projectItem">moviefy</a>
       <a data-difficulty="1" href="https://github.com/scrapy/scrapy" target="_blank" class="list-group-item list-group-item-action projectItem">scrapy</a>
       <a data-difficulty="2" href="https://github.com/hariprasetia/Belajar-CPP" target="_blank" class="list-group-item list-group-item-action projectItem">Belajar C++ (Learn C++)</a>
       <a data-difficulty="1" href="https://github.com/sharma-p/SimpleCalculatorApp" target="_blank" class="list-group-item list-group-item-action projectItem">Simple Calculator App(Android)</a>
       <a data-difficulty="2" href="https://github.com/kriswebdev/android_aircrack" target="_blank" class="list-group-item list-group-item-action projectItem">AirCrack-ng for Android</a>
       <a data-difficulty="1" href="https://github.com/sorrycc/awesome-javascript" target="_blank" class="list-group-item list-group-item-action projectItem">Awesome Javascript</a>
       <a data-difficulty="1" href="https://github.com/Kunamatata/Starcraft2ChromeExtension"  target="_blank" class="list-group-item list-group-item-action projectItem">A Starcraft Chrome Extension to find streams on Twitch</a>
     </div>

     <h2 class="mt-4">Helpful Links</h2>
     <div class="list-group">
       <a href="https://www.quora.com/What-is-Hacktoberfest" target="_blank" class="list-group-item list-group-item-action">What is Hactoberfest & How to participate</a>
       <a href="https://hacktoberfest.digitalocean.com/" target="_blank" class="list-group-item list-group-item-action">Hacktoberfest</a>
       <a href="https://hacktoberfestchecker.herokuapp.com/" target="_blank" class="list-group-item list-group-item-action">Hacktoberfest Checker</a>
       <a href="https://www.digitalocean.com/community/tutorials/how-to-create-a-pull-request-on-github" target="_blank" class="list-group-item list-group-item-action">How to Create a Pull Request</a>
       <a href="https://codeburst.io/a-step-by-step-guide-to-making-your-first-github-contribution-5302260a2940" target="_blank" class="list-group-item list-group-item-action">A Step by Step Guide to Making Your First GitHub Contribution</a>
       <a href="https://medium.freecodecamp.org/i-just-got-my-free-hacktoberfest-shirt-heres-a-quick-way-you-can-get-yours-fa78d6e24307" target="_blank" class="list-group-item list-group-item-action">How you can get your Hactoberfest T-shirt</a>
       <a href="https://sendgrid.com/blog/hacktoberfest-2018-hack-on-sendgrid-open-source-projects/" target="_blank" class="list-group-item list-group-item-action">Hack on Sendgrid opensource projects</a>
       <a href="https://auth0.com/blog/celebrate-hacktoberfest-with-auth0/" target="_blank" class="list-group-item list-group-item-action">details of hacktober fest from Auth0!</a>
       <a href="https://dev.to/sheldonnunes/hacktoberfest-2018---anyone-looking-for-open-source-contributors-6bp" target="_blank" class="list-group-item list-group-item-action">Looking for hacktoberfest contributors...?</a>
       <a href="https://aws.amazon.com/blogs/opensource/amazonians-hacktoberfest/" target="_blank" class="list-group-item list-group-item-action">Amazonians and Hacktoberfest</a>
       <a href="https://www.elastic.co/blog/hacktoberfest-2018-for-beats-and-logstash" target="_blank" class="list-group-item list-group-item-action">Hacktoberfest 2018 for Beats and Logstash.</a>
       <a href="https://sendgrid.com/blog/hacktoberfest-2017-was-amazing/" target="_blank" class="list-group-item list-group-item-action">Hacktoberfest 2017 Was Amazing</a>
     </div>
     <p class="ml-3">feel free to add any helpful links</p>

     <h2 class="mt-4">Guides</h2>
       <div class="list-group">
         <a href="https://codeburst.io/a-step-by-step-guide-to-making-your-first-github-contribution-5302260a2940">A Step by Step Guide to Making Your First GitHub Contribution</a>
         <a href="https://aws.amazon.com/blogs/opensource/amazonians-hacktoberfest/">Amazonians and Hacktoberfest</a>
         <a href="https://auth0.com/blog/celebrate-hacktoberfest-with-auth0/">Details of Hacktoberfest from Auth0!</a>
         <a href="https://www.elegantthemes.com/blog/resources/git-and-github-a-beginners-guide-for-complete-newbies">Git for complete Newbies</a>
         <a href="https://auth0.com/blog/celebrate-hacktoberfest-with-auth0/">details of hacktober fest from Auth0!</a>
         <a href="https://sendgrid.com/blog/hacktoberfest-2018-hack-on-sendgrid-open-source-projects/">Hack on Sendgrid opensource projects</a>
         <a href="https://hacktoberfest.digitalocean.com/">Hacktoberfest</a>
         <a href="https://sendgrid.com/blog/hacktoberfest-2017-was-amazing/">Hacktoberfest 2017 Was Amazing</a>
         <a href="https://www.elastic.co/blog/hacktoberfest-2018-for-beats-and-logstash">Hacktoberfest 2018 for Beats and Logstash.</a>
         <a href="https://hacktoberfestchecker.herokuapp.com/">Hacktoberfest Checker</a>
           <ul>
             <li>You can contribute and make the Hacktoberfest Checker even better! Check out the <a href="https://github.com/jenkoian/hacktoberfest-checker">GitHub</a> repository and start contributing today.</li>
           </ul>
         <a href="https://www.digitalocean.com/community/tutorials/how-to-create-a-pull-request-on-github">How to Create a Pull Request</a>
         <a href="https://medium.freecodecamp.org/i-just-got-my-free-hacktoberfest-shirt-heres-a-quick-way-you-can-get-yours-fa78d6e24307">How you can get your Hactoberfest T-shirt</a>
         <a href="https://dev.to/sheldonnunes/hacktoberfest-2018---anyone-looking-for-open-source-contributors-6bp">Looking for hacktoberfest contributors...?</a>
         <a href="https://www.quora.com/What-is-Hacktoberfest">What is Hactoberfest & How to participate</a>
         <a href="https://www.atlassian.com/git/tutorials/comparing-workflows"> Understanding the different Git Workflow</a>
	       <a href="https://www.gun.io/blog/how-to-github-fork-branch-and-pull-request"> How to GitHub: Fork, Branch, Track, Squash and Pull Request</a>
         <a href="https://books.goalkicker.com/"> Free books on different web technologies and different programming languages.</a>
         <a href="https://medium.freecodecamp.org/hacktoberfest-my-gateway-to-open-source-f44c8778b022">Hacktoberfest: My Gateway to Open Source</a>
  	     <a href="https://www.gun.io/blog/how-to-github-fork-branch-and-pull-request"> How to GitHub: Fork, Branch, Track, Squash and Pull Request</a>
         <a href="https://softwareengineering.stackexchange.com/questions/6395/how-do-you-dive-into-large-code-bases"> How do you dive into large code bases? </a>
  	     <a href="https://books.goalkicker.com/"> Free books on different web technologies and different programming languages.</a>
         <a href="https://medium.freecodecamp.org/how-to-make-your-first-open-source-contribution-in-just-5-minutes-aaad1fc59c9a">How to make your first open source contribution in just 5 minutes</a>
         <a href="https://medium.com/@jenweber/your-first-open-source-contribution-a-step-by-step-technical-guide-d3aca55cc5a6">Your first open source contribution: a step-by-step technical guide</a>
         <a href="https://devswag.io/">Swag opportunities for developers (not just Hacktoberfest opportunities)</a>
       </div>
     <p class="mb-5 ml-3">feel free to add any guides</p>
    </div>
  </div>

  <footer id="footer">
    <h3><span id="toggle-social-btn">Social Links <i class="fa fa-arrow-up"></i></span></h3>
    <div class="social-icons row justify-content-center">
      <div class="col">
        <a class="github-button" href="https://github.com/lingonsaft" data-size="large" aria-label="Follow @lingonsaft on GitHub">
          Follow @lingonsaft
        </a>
      </div>
      <div class="col">
        <a href="https://www.youtube.com/lingonsaft/"><img src="./images/svg/youtube.svg" alt="youtube" /></a>
      </div>
      <div class="col">
        <a href="https://www.instagram.com/lingonsaftofficial/"><img src="./images/svg/instagram.svg" alt="instagram" /></a>
      </div>
      <div class="col">
        <a href="https://twitter.com/lingonsaft1?ref_src=twsrc%5Etfw" class="twitter-follow-button" data-size="large"
          data-show-count="false">Follow @lingonsaft1</a>
        <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
      </div>
    </div>
  </footer>

  <script src="./scripts/helpful-material.js"></script>
  <script src="./scripts/scroll.js"></script>
	<!-- Latest compiled JavaScript -->
	<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
  <script type="text/javascript" src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
  <script type="application/javascript" charset="utf-8" src="register.js"></script>
  <script type="application/javascript" charset="utf-8" src="sw.js"></script>
  <script src="./scripts/helpful-material.js"></script>
  <script src="./scripts/scroll.js"></script>
  <script>
    AOS.init();
  </script>
</body>

</html>