forked from lingonsaft/hacktoberfest
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathhelpful-material.html
executable file
·235 lines (203 loc) · 18.1 KB
/
helpful-material.html
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
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
<!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/index.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>
<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>
<li class="nav-item ">
<a class="nav-link" id="learn" href="/wow">Learn!</a>
</li>
<li class="nav-item ">
<a class="nav-link" id="learn" href="/Fireworks">Fireworks</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>Feel free to add any of your own projects, helpul links or guides below.</p>
</div>
<div class="heart"></div>
<div id="content">
<h2 class="mt-4">Projects</h2>
<p>Feel free to add any of your own projects.</p>
<h3 class="mt-4">Beginner Friendly Projects</h3>
<div class="list beginnerProjects">
<a data-difficulty="1" href="https://github.com/publiclab/plots2" target="_blank" class="list-item easyProjectItem">public lab</a>
<a data-difficulty="1" href="https://github.com/awesome-lists/awesome-bash" target="_blank" class="list-item easyProjectItem">awesome-bash</a>
<a data-difficulty="1" href="https://github.com/3daddict/memory-match-react" target="_blank" class="list-item easyProjectItem">React Memory Match Game</a>
<a data-difficulty="1" href="https://github.com/MaisaMilena/MyAnimeList" target="_blank" class="list-item easyProjectItem">Clean Architecture Swift - My Anime List</a>
<a data-difficulty="2" href="https://github.com/openebs/openebs" target="_blank" class="list-item easyProjectItem">openebs</a>
<a data-difficulty="2" href="https://github.com/Kinto/kinto" target="_blank" class="list-item easyProjectItem">kinto</a>
<a data-difficulty="2" href="https://github.com/oppia/oppia" target="_blank" class="list-item easyProjectItem">oppia</a>
<a data-difficulty="2" href="https://github.com/spverma536/solareclipse" target="_blank" class="list-item easyProjectItem">solareclipse</a>
<div class="container">
<div id="header">
<h1>Helpful Material <a href="https://github.com/lingonsaft/hacktoberfest">(Github repo)</a></h1>
<p>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>Feel free to add any of your own projects.</p>
<h3 class="mt-4">Beginner Friendly Projects</h3>
<div class="list beginnerProjects">
<a data-difficulty="1" href="https://github.com/publiclab/plots2" target="_blank" class="list-item easyProjectItem">public lab</a>
<a data-difficulty="1" href="https://github.com/awesome-lists/awesome-bash" target="_blank" class="list-item easyProjectItem">awesome-bash</a>
<a data-difficulty="1" href="https://github.com/3daddict/memory-match-react" target="_blank" class="list-item easyProjectItem">React Memory Match Game</a>
<a data-difficulty="1" href="https://github.com/MaisaMilena/MyAnimeList" target="_blank" class="list-item easyProjectItem">Clean Architecture Swift - My Anime List</a>
<a data-difficulty="2" href="https://github.com/openebs/openebs" target="_blank" class="list-item easyProjectItem">openebs</a>
<a data-difficulty="2" href="https://github.com/Kinto/kinto" target="_blank" class="list-item easyProjectItem">kinto</a>
<a data-difficulty="2" href="https://github.com/oppia/oppia" target="_blank" class="list-item easyProjectItem">oppia</a>
<a data-difficulty="2" href="https://github.com/spverma536/solareclipse" target="_blank" class="list-item easyProjectItem">solareclipse</a>
<a data-difficulty="2" href="https://github.com/python-babel" target="_blank" class="list-item easyProjectItem">python-babel</a>
<a data-difficulty="2" target="_blank" class="list-item easyProjectItem" href="https://github.com/catapult-project/catapult">python catapult</a>
<a data-difficulty="2" target="_blank" class="list-item easyProjectItem" href="https://github.com/bevacqua/dragula">dragula</a>
<a data-difficulty="2" target="_blank" class="list-item easyProjectItem" href="https://github.com/borgbackup/borg">borg</a>
<div class="container">
<div id="header">
<h1>Helpful Material <a href="https://github.com/lingonsaft/hacktoberfest">(Github repo)</a></h1>
<p>Feel free to add any of your own projects, helpul links or guides below.</p>
</div>
<h3 class="mt-4">Additional Projects</h3>
<div class="list otherProjects">
<a data-difficulty="1" href="https://github.com/nodejs/node" target="_blank" class="list-item projectItem">node</a>
<a data-difficulty="2" href="https://github.com/zulip/zulip" target="_blank" class="list-item projectItem">zulip</a>
<a data-difficulty="2" href="https://github.com/shivanshkroos/moviefy" target="_blank" class="list-item projectItem">moviefy</a>
<a data-difficulty="1" href="https://github.com/scrapy/scrapy" target="_blank" class="list-item projectItem">scrapy</a>
<a data-difficulty="2" href="https://github.com/hariprasetia/Belajar-CPP" target="_blank" class="list-item projectItem">Belajar C++ (Learn C++)</a>
<a data-difficulty="1" href="https://github.com/sharma-p/SimpleCalculatorApp" target="_blank" class="list-item projectItem">Simple Calculator App(Android)</a>
<a data-difficulty="2" href="https://github.com/kriswebdev/android_aircrack" target="_blank" class="list-item projectItem">AirCrack-ng for Android</a>
<a data-difficulty="1" href="https://github.com/sorrycc/awesome-javascript" target="_blank" class="list-item projectItem">Awesome Javascript</a>
<a data-difficulty="1" href="https://github.com/Kunamatata/Starcraft2ChromeExtension" target="_blank" class="list-item projectItem">A Starcraft Chrome Extension to find streams on Twitch</a>
<a data-difficulty="1" href="https://github.com/DextApp/dext" class="list-item projectItem">Dext - 🔍 A smart launcher. Powered by JavaScript.</a>
<a data-difficulty="1" href="https://github.com/slothking-online/graphql-editor" class="list-item projectItem">GraphQL Visual Node Editor</a>
<a data-difficulty="2" href="https://github.com/infinite-robots/nomnom-ui" target="_blank" class="list-item projectItem">NomNominate - group restaurant picker (vue/node)</a>
</div>
<h3 class="mt-4">Projects accepting Hacktoberfest First Time Contributors</h3>
<!-- Repos on GitHub which are completely beginner friendly! -->
<div class="list otherProjects">
<a data-difficulty="1" href="https://github.com/sreetamdas/newbie-hacktoberfest" target="_blank" class="list-item projectItem">sreetamdas/newbie-hacktoberfest</a>
</div>
<h2 class="mt-4">Helpful Links</h2>
<p>Feel free to add any helpful links!</p>
<div class="list">
<a href="https://www.quora.com/What-is-Hacktoberfest" target="_blank" class="list-item">What is Hacktoberfest & How to participate?</a>
<a href="https://hacktoberfest.digitalocean.com/" target="_blank" class="list-item">Hacktoberfest</a>
<a href="https://hacktoberfestchecker.herokuapp.com/" target="_blank" class="list-item">Hacktoberfest Checker</a>
<a href="https://www.digitalocean.com/community/tutorials/how-to-create-a-pull-request-on-github" target="_blank" class="list-item">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-item">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-item">How you can get your Hacktoberfest T-shirt?</a>
<a href="https://sendgrid.com/blog/hacktoberfest-2018-hack-on-sendgrid-open-source-projects/" target="_blank" class="list-item">Hack on Sendgrid opensource projects.</a>
<a href="https://auth0.com/blog/celebrate-hacktoberfest-with-auth0/" target="_blank" class="list-item">Details of Hacktoberfest from Auth0!</a>
<a href="https://dev.to/sheldonnunes/hacktoberfest-2018---anyone-looking-for-open-source-contributors-6bp" target="_blank" class="list-item">Looking for Hacktoberfest contributors...?</a>
<a href="https://aws.amazon.com/blogs/opensource/amazonians-hacktoberfest/" target="_blank" class="list-item">Amazonians and Hacktoberfest.</a>
<a href="https://www.elastic.co/blog/hacktoberfest-2018-for-beats-and-logstash" target="_blank" class="list-item">Hacktoberfest 2018 for Beats and Logstash.</a>
<a href="https://sendgrid.com/blog/hacktoberfest-2017-was-amazing/" target="_blank" class="list-item">Hacktoberfest 2017 Was Amazing</a>
<a href="https://open.microsoft.com/2018/09/18/hacktoberfest-2018-microsoft/" target="_blank" class="list-item">Microsoft is joining Hacktoberfest - and you can win a t-shirt</a>
</div>
<h2 class="mt-4">Guides</h2>
<p>Feel free to add any guides.</p>
<div class="list">
<a class="list-item" 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 class="list-item" href="https://aws.amazon.com/blogs/opensource/amazonians-hacktoberfest/">Amazonians and Hacktoberfest</a>
<a class="list-item" href="https://auth0.com/blog/celebrate-hacktoberfest-with-auth0/">Details of Hacktoberfest from Auth0!</a>
<a class="list-item" href="https://www.elegantthemes.com/blog/resources/git-and-github-a-beginners-guide-for-complete-newbies">Git for complete Newbies</a>
<a class="list-item" href="https://auth0.com/blog/celebrate-hacktoberfest-with-auth0/">details of hacktober fest from Auth0!</a>
<a class="list-item" href="https://sendgrid.com/blog/hacktoberfest-2018-hack-on-sendgrid-open-source-projects/">Hack on Sendgrid opensource projects</a>
<a class="list-item" href="https://hacktoberfest.digitalocean.com/">Hacktoberfest</a>
<a class="list-item" href="https://sendgrid.com/blog/hacktoberfest-2017-was-amazing/">Hacktoberfest 2017 Was Amazing</a>
<a class="list-item" href="https://www.elastic.co/blog/hacktoberfest-2018-for-beats-and-logstash">Hacktoberfest 2018 for Beats and Logstash.</a>
<a class="list-item" href="https://hacktoberfestchecker.herokuapp.com/">Hacktoberfest Checker</a>
<a class="list-item" href="https://open.microsoft.com/2018/09/30/join-hacktoberfest-2018-celebration-microsoft/">Hacktoberfest @Microsoft (earn an extra t-shirt!)</a>
<a class="list-item" href="https://www.digitalocean.com/community/tutorials/how-to-create-a-pull-request-on-github">How to Create a Pull Request</a>
<a class="list-item" 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 class="list-item" href="https://dev.to/sheldonnunes/hacktoberfest-2018---anyone-looking-for-open-source-contributors-6bp">Looking for hacktoberfest contributors...?</a>
<a class="list-item" href="https://www.quora.com/What-is-Hacktoberfest">What is Hactoberfest & How to participate</a>
<a class="list-item" href="https://www.atlassian.com/git/tutorials/comparing-workflows"> Understanding the different Git Workflow</a>
<a class="list-item" 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 class="list-item" href="https://tutorialzine.com/2016/06/learn-git-in-30-minutes">Learn Git in 30 minutes</a>
<a class="list-item" href="https://books.goalkicker.com/"> Free books on different web technologies and different programming languages.</a>
<a class="list-item" href="https://medium.freecodecamp.org/hacktoberfest-my-gateway-to-open-source-f44c8778b022">Hacktoberfest: My Gateway to Open Source</a>
<a class="list-item" 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 class="list-item" 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 class="list-item" 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 class="list-item" href="https://devswag.io/">Swag opportunities for developers (not just Hacktoberfest opportunities)</a>
<a class="list-item" href="https://github.com/dipakkr/A-to-Z-Resources-for-Students">A to Z resources for Computer Science students.</a>
<a class="list-item" href="https://medium.freecodecamp.org/how-to-use-badges-to-stop-feeling-like-a-noob-d4e6600d37d2">GitHub Badges Guide</a>
<a class="list-item" href="https://medium.com/@caulfieldOwen/youre-missing-out-on-a-better-mac-terminal-experience-d73647abf6d7">Mac Terminal Improvement Guide</a>
</div>
</div>
<footer id="footer">
<div class="footer__socials">
<a href="https://github.com/lingonsaft" class="footer__socials-link">
<img src="images/svg/github.svg" alt="">
</a>
<a href="https://www.youtube.com/lingonsaft/" class="footer__socials-link">
<img src="images/svg/youtube.svg" alt="">
</a>
<a href="https://www.instagram.com/lingonsaftofficial/" class="footer__socials-link">
<img src="images/svg/instagram.svg" alt="">
</a>
<a href="https://twitter.com/lingonsaft1" class="footer__socials-link">
<img src="images/svg/twitter.svg" alt="">
</a>
</div>
</footer>
<button id="backToTop" type="button" title="Back to Top">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 511.189 511.189"><g fill="#ff0844"><path d="M364.858 157.935l-98.59-145.28c-8.547-12.586-22.158-12.331-30.25.526l-90.88 144.228c-8.093 12.857-2.56 23.381 12.302 23.381h26.639v50.148c0 15.7 12.742 28.445 28.445 28.445h85.333c15.73 0 28.445-12.743 28.445-28.445V180.79h27.008c14.875 0 20.109-10.269 11.547-22.855M51.115 338.627H19.641C5.774 338.627 0 328.502 0 318.702c0-10.097 7.225-19.91 19.641-19.91h106.226c12.43 0 19.655 9.813 19.655 19.91 0 9.8-5.773 19.925-19.655 19.925h-31.46v144.91c0 14.45-9.23 22.528-21.646 22.528s-21.646-8.079-21.646-22.527v-144.91zM300.559 401.561c0-34.93-18.19-66.417-54.273-66.417-36.096 0-54.286 31.487-54.286 66.417 0 35.214 17.621 66.389 54.286 66.389s54.273-31.175 54.273-66.389m-153.587 0c0-60.046 40.406-106.253 99.314-106.253 58.013 0 99.3 47.658 99.3 106.253 0 59.748-40.121 106.254-99.3 106.254-58.61 0-99.314-46.506-99.314-106.254M406.983 398.091h29.453c18.177 0 29.71-13.284 29.71-30.592 0-17.338-11.534-30.62-29.71-30.62h-29.453v61.212zm-43.32-76.786c0-13.582 8.092-22.5 22.542-22.5h51.073c42.453 0 73.912 27.691 73.912 68.978 0 42.14-32.611 68.422-72.164 68.422h-32.042v47.346c0 14.435-9.23 22.528-21.633 22.528-12.445 0-21.688-8.093-21.688-22.528V321.305z"/></g></svg>
</button>
<!-- Latest compiled JavaScript -->
<script src="./scripts/scroll.js"></script>
<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>
AOS.init();
</script>
</body>
</html>