-
Notifications
You must be signed in to change notification settings - Fork 30
/
Copy pathindex.html
583 lines (575 loc) ยท 58.9 KB
/
index.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
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
<!DOCTYPE html>
<head></head>
<body><h1 id="awesome-resources-for-learning-to-code">Awesome Resources For Learning To Code</h1>
<p>A curated list of sites, tools, resources and other things that help when learning about programming</p>
<details>
<summary>Table of Contents</summary>
<!-- BEGIN_TOC -->
<ul>
<li><a href="#data-science">Data Science</a></li>
<li><a href="#general-programming">General Programming</a></li>
<li><a href="#languages">Languages</a><ul>
<li><a href="#assembly">Assembly</a></li>
<li><a href="#bash">Bash</a></li>
<li><a href="#c">C</a></li>
<li><a href="#c#">C#</a></li>
<li><a href="#c++">C++</a></li>
<li><a href="#clojure">Clojure</a></li>
<li><a href="#coffeescript">Coffeescript</a></li>
<li><a href="#crystal">Crystal</a></li>
<li><a href="#css">CSS</a></li>
<li><a href="#d">D</a></li>
<li><a href="#dart">Dart</a></li>
<li><a href="#elixir">Elixir</a></li>
<li><a href="#elm">Elm</a></li>
<li><a href="#erlang">Erlang</a></li>
<li><a href="#f#">F#</a></li>
<li><a href="#fortran">Fortran</a></li>
<li><a href="#go">Go</a></li>
<li><a href="#groovy">Groovy</a></li>
<li><a href="#haskell">Haskell</a></li>
<li><a href="#java">Java</a></li>
<li><a href="#javascript">JavaScript</a><ul>
<li><a href="#client-web-frameworks">Client Web Frameworks</a><ul>
<li><a href="#angular">Angular</a></li>
<li><a href="#angularjs">Angular.js</a></li>
<li><a href="#backbone">Backbone</a></li>
<li><a href="#emberjs">Ember.js</a></li>
<li><a href="#jquery">JQuery</a></li>
<li><a href="#meteorjs">Meteor.js</a></li>
<li><a href="#reactjs">React.js</a></li>
<li><a href="#vuejs">Vue.js</a></li>
</ul>
</li>
<li><a href="#nodejs">Node.js</a></li>
</ul>
</li>
<li><a href="#kotlin">Kotlin</a></li>
<li><a href="#lua">Lua</a></li>
<li><a href="#objective-c">Objective-C</a></li>
<li><a href="#ocaml">OCaml</a></li>
<li><a href="#pascal">Pascal</a></li>
<li><a href="#perl">Perl</a></li>
<li><a href="#php">Php</a></li>
<li><a href="#python">Python</a></li>
<li><a href="#r">R</a></li>
<li><a href="#ruby">Ruby</a></li>
<li><a href="#rust">Rust</a></li>
<li><a href="#scala">Scala</a></li>
<li><a href="#shell">Shell</a></li>
<li><a href="#sql">SQL</a></li>
<li><a href="#swift">Swift</a></li>
<li><a href="#typescript">TypeScript</a></li>
<li><a href="#vbnet">VB.NET</a></li>
</ul>
</li>
<li><a href="#learning-platforms-and-bootcamps">Learning platforms and bootcamps</a></li>
<li><a href="#playgrounds">Playgrounds</a></li>
<li><a href="#practice-platform">Practice Platform</a></li>
<li><a href="#tools-&-editors">Tools & Editors</a><ul>
<li><a href="#chrome-developer-tools">Chrome Developer Tools</a></li>
<li><a href="#git">Git</a></li>
<li><a href="#visual-studio-code">Visual Studio Code</a></li>
<li><a href="#webpack">Webpack</a><!-- END_TOC -->
</li>
</ul>
</li>
</ul>
</details>
<details>
<summary>Legend</summary>
<table>
<thead>
<tr>
<th align="right">Icon</th>
<th align="left">Meaning</th>
</tr>
</thead>
<tbody><tr>
<td align="right">๐ฐ</td>
<td align="left">Not Free</td>
</tr>
<tr>
<td align="right">โ</td>
<td align="left">Windows</td>
</tr>
<tr>
<td align="right">๏ฃฟ</td>
<td align="left">OS</td>
</tr>
<tr>
<td align="right">๐ธ</td>
<td align="left">Web</td>
</tr>
<tr>
<td align="right">๐ฑ</td>
<td align="left">Mobile</td>
</tr>
<tr>
<td align="right">๐ฎ</td>
<td align="left">Game</td>
</tr>
<tr>
<td align="right">๐</td>
<td align="left">Playground</td>
</tr>
</tbody></table>
</details>
<!-- BEGIN_LIST -->
<h1 id="playgrounds">Playgrounds</h1>
<p>Web-based tools for running code right in a web browser</p>
<ul>
<li><a href="https://dotnetfiddle.net/">.NET Fiddle</a> - ๐ธ๐ - A .NET sandbox for developers to quickly try out code and share C#, F# and VB.NET code snippets.</li>
<li><a href="http://cpp.sh/">C++ Shell</a> - ๐ธ๐ - Run C++ code in your browser, using different language versions and compiler optimization settings</li>
<li><a href="https://codepen.io/">CodePen</a> - ๐ธ๐ - A social development environment for front-end designers and developers.</li>
<li><a href="https://codesandbox.io/">CodeSandbox</a> - ๐ธ๐ - The online editor for React, Vue, Angular, Preact and Svelte apps</li>
<li><a href="https://cdn.datacamp.com/dcl-react/standalone-example.html">DataCamp Light</a> - ๐ธ๐ - Embeddable R and Python examples</li>
<li><a href="https://play.go-lang.org/">Go Playground</a> - ๐ธ๐ - Run and share Go snippets from the comfort of your browser</li>
<li><a href="https://jsbin.com/">JS Bin</a> - ๐ธ๐ - Collaborative JavaScript Debugging</li>
<li><a href="https://jsfiddle.net/">JSFiddle</a> - ๐ธ๐ - Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.</li>
<li><a href="http://phpfiddle.org/">PhpFiddle</a> - ๐ธ๐ - Php/MySQL execution environment in your web browser</li>
<li><a href="https://plnkr.co/">Plunker</a> - ๐ธ๐ - An online community for creating, collaborating on and sharing your web development ideas.</li>
<li><a href="http://python-fiddle.com/">Python Fiddle</a> - ๐ธ๐ - Python IDE for the web</li>
<li><a href="http://rubyfiddle.com/">RubyFiddle</a> - ๐ธ๐ - Run Ruby snippets in your web browser</li>
<li><a href="https://play.rust-lang.org/">Rust Playground</a> - ๐ธ๐ - Run and share Rust snippets from the comfort of your browser</li>
<li><a href="http://sqlfiddle.com/">SQL Fiddle</a> - ๐ธ๐ - Run SQL snippets in your web browser, using PostgreSQL, MySQL, Oracle, SQLite and MS SQL Server</li>
<li><a href="https://stackblitz.com/">Stackblitz</a> - ๐ธ๐ - The online IDE for web applications, Powered by Visual Studio Code. Instantly create Angular, Ionic, React and Svelte projects with TypeScript or JavaScript</li>
</ul>
<h1 id="languages"><a href="https://en.wikipedia.org/wiki/Programming_languages">Languages</a></h1>
<p>Programming languages</p>
<h2 id="assembly"><a href="http://www.azillionmonkeys.com/qed/asmexample.html">Assembly</a></h2>
<ul>
<li><a href="https://tomorrowcorporation.com/humanresourcemachine">Human Resource Machine</a> - ๐ฐ๐ฑ๐ฎ - A mobile game that teaches you how low-level programming (i.e., Assembler) works</li>
<li><a href="https://store.steampowered.com/app/504210/SHENZHEN_IO/">Shenzhen I/O</a> - โ๏ฃฟ๐ฎ - BUILD CIRCUITS. WRITE CODE. RTFM.</li>
<li><a href="https://store.steampowered.com/app/370360/TIS100/">TIS-100</a> - ๐ฐโ๏ฃฟ๐ฎ - Rewrite corrupted code segments to repair the TIS-100 and unlock its secrets.</li>
</ul>
<h2 id="bash"><a href="https://www.gnu.org/software/bash/">Bash</a></h2>
<ul>
<li><a href="https://www.codingame.com/">CodinGame</a> - ๐ธ๐ฎ - Games and Programming Challenges to Code Better</li>
<li><a href="http://cyber-dojo.org/">Cyber Dojo</a> - ๐ธ๐ฎ - Hone your programming skills in a huge range of languages, writing code to pass tests</li>
<li><a href="https://frontendmasters.com/courses/bash-vim-regex/">Introduction to Bash, VIM & Regex</a> - ๐ฐ๐ธ๐ฑ - Take control of the Unix command line, automate tasks with shell scripts, compose regular expressions and easily edit files with the popular Vim editor. - <em>James Halliday (Substack) via Frontend Masters</em></li>
<li><a href="https://tech.io/">TechIO</a> - ๐ธ๐๐ช - Design, share, and learn from community-sourced tutorials quizzes and interactive exercises</li>
</ul>
<h2 id="c"><a href="https://en.wikipedia.org/wiki/C_(programming_language)">C</a></h2>
<ul>
<li><a href="https://www.codewars.com/">Codewars</a> - ๐ธ๐ฎ - Improve your skills by training with others on real code challenges</li>
<li><a href="https://www.codingame.com/">CodinGame</a> - ๐ธ๐ฎ - Games and Programming Challenges to Code Better</li>
<li><a href="http://cyber-dojo.org/">Cyber Dojo</a> - ๐ธ๐ฎ - Hone your programming skills in a huge range of languages, writing code to pass tests</li>
</ul>
<h2 id="c-"><a href="https://en.cppreference.com/w/">C++</a></h2>
<ul>
<li><a href="http://cpp.sh/">C++ Shell</a> - ๐ธ๐ - Run C++ code in your browser, using different language versions and compiler optimization settings</li>
<li><a href="https://www.codewars.com/">Codewars</a> - ๐ธ๐ฎ - Improve your skills by training with others on real code challenges</li>
<li><a href="http://cyber-dojo.org/">Cyber Dojo</a> - ๐ธ๐ฎ - Hone your programming skills in a huge range of languages, writing code to pass tests</li>
<li><a href="https://edabit.com/">Edabit</a> - ๐ธ๐ช - Work through a wide array of bite-sized programming challenges, that increase in difficulty as you progress</li>
<li><a href="https://www.sololearn.com/">Solo Learn</a> - ๐ธ - Learn to code for free using challenges. Offers lessons for multiple programming languages.</li>
<li><a href="https://tech.io/">TechIO</a> - ๐ธ๐๐ช - Design, share, and learn from community-sourced tutorials quizzes and interactive exercises</li>
</ul>
<h2 id="c-"><a href="https://docs.microsoft.com/en-us/dotnet/csharp/programming-guide/">C#</a></h2>
<ul>
<li><a href="https://dotnetfiddle.net/">.NET Fiddle</a> - ๐ธ๐ - A .NET sandbox for developers to quickly try out code and share C#, F# and VB.NET code snippets.</li>
<li><a href="https://www.codehunt.com/">Codehunt</a> - ๐ธ๐ฎ - Learn how to code by playing a game</li>
<li><a href="https://www.codewars.com/">Codewars</a> - ๐ธ๐ฎ - Improve your skills by training with others on real code challenges</li>
<li><a href="https://www.codingame.com/">CodinGame</a> - ๐ธ๐ฎ - Games and Programming Challenges to Code Better</li>
<li><a href="http://cyber-dojo.org/">Cyber Dojo</a> - ๐ธ๐ฎ - Hone your programming skills in a huge range of languages, writing code to pass tests</li>
<li><a href="https://edabit.com/">Edabit</a> - ๐ธ๐ช - Work through a wide array of bite-sized programming challenges, that increase in difficulty as you progress</li>
<li><a href="http://robocode.sourceforge.net/">Robocode</a> - โ๏ฃฟ๐ฎ - Develop a robot battle tank to battle against others in Java or .NET</li>
<li><a href="https://www.sololearn.com/">Solo Learn</a> - ๐ธ - Learn to code for free using challenges. Offers lessons for multiple programming languages.</li>
<li><a href="https://tech.io/">TechIO</a> - ๐ธ๐๐ช - Design, share, and learn from community-sourced tutorials quizzes and interactive exercises</li>
</ul>
<h2 id="clojure"><a href="https://clojure.org/">Clojure</a></h2>
<ul>
<li><a href="https://www.codewars.com/">Codewars</a> - ๐ธ๐ฎ - Improve your skills by training with others on real code challenges</li>
<li><a href="https://www.codingame.com/">CodinGame</a> - ๐ธ๐ฎ - Games and Programming Challenges to Code Better</li>
<li><a href="http://cyber-dojo.org/">Cyber Dojo</a> - ๐ธ๐ฎ - Hone your programming skills in a huge range of languages, writing code to pass tests</li>
</ul>
<h2 id="coffeescript"><a href="https://coffeescript.org/">Coffeescript</a></h2>
<ul>
<li><a href="https://www.playcodemonkey.com/">Code Monkey</a> - ๐ธ๐ฎ - Using CoffeeScript, build your own games in HTML5.</li>
<li><a href="http://cyber-dojo.org/">Cyber Dojo</a> - ๐ธ๐ฎ - Hone your programming skills in a huge range of languages, writing code to pass tests</li>
</ul>
<h2 id="crystal"><a href="https://crystal-lang.org/">Crystal</a></h2>
<ul>
<li><a href="https://www.codewars.com/">Codewars</a> - ๐ธ๐ฎ - Improve your skills by training with others on real code challenges</li>
</ul>
<h2 id="css"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS">CSS</a></h2>
<ul>
<li><a href="https://flukeout.github.io/">CSS Diner</a> - ๐ธ๐ฎ - Practice your advanced CSS3 selectors with 32 levels of interactive challenges</li>
<li><a href="https://frontendmasters.com/courses/css-grids-flexbox/">CSS Grids and Flexbox for Responsive Web Design</a> - ๐ฐ๐ธ๐ฑ - Master CSS Grid and Flexbox, the latest tools and tricks to layout beautiful, responsive web applications with less code. - <em>Jen Kramer (Harvard) via Frontend Masters</em></li>
<li><a href="https://frontendmasters.com/courses/css-in-depth-v2/">CSS In-Depth, v2</a> - ๐ฐ๐ธ๐ฑ - Take a deep-dive into the essential features of CSS, while also exploring CSS features you probably didnโt even know existed! - <em>Estelle Weyl (Standardista) via Frontend Masters</em></li>
<li><a href="https://frontendmasters.com/courses/css3-in-depth/">CSS3 In-Depth</a> - ๐ฐ๐ธ๐ฑ - Learn how deep the CSS3 rabbit hole goes from transitions and animations to generated content in this jam-packed video training course. - <em>Estelle Weyl (Standardista) via Frontend Masters</em></li>
<li><a href="https://codepen.io/">CodePen</a> - ๐ธ๐ - A social development environment for front-end designers and developers.</li>
<li><a href="https://codesandbox.io/">CodeSandbox</a> - ๐ธ๐ - The online editor for React, Vue, Angular, Preact and Svelte apps</li>
<li><a href="https://www.codingame.com/">CodinGame</a> - ๐ธ๐ฎ - Games and Programming Challenges to Code Better</li>
<li><a href="http://www.flexboxdefense.com/">Flexbox Defense</a> - ๐ธ๐ฎ - Use flexbox to move your defenses into position and defend against waves of incoming enemies</li>
<li><a href="https://flexboxfroggy.com/">Flexbox Froggy</a> - ๐ธ๐ฎ - A game for learning CSS flexbox</li>
<li><a href="https://frontendmasters.com/courses/introduction-html5-css3/">Introduction to HTML5 and CSS3</a> - ๐ฐ๐ธ๐ฑ - Christopher Schmitt, author of HTML5 Cookbook, covers HTML5 features such as audio, video and geolocation and then dives into many of CSS3โฒs features. - <em>Christopher Schmitt (Frontend Masters) via Frontend Masters</em></li>
<li><a href="https://jsbin.com/">JS Bin</a> - ๐ธ๐ - Collaborative JavaScript Debugging</li>
<li><a href="https://jsfiddle.net/">JSFiddle</a> - ๐ธ๐ - Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.</li>
<li><a href="https://frontendmasters.com/courses/motion-design-css/">Motion Design with CSS</a> - ๐ฐ๐ธ๐ฑ - Animation is crucial to developing interactive designs and interfaces, and CSS is one of the most performant ways to animate! - <em>Rachel Nabors (Rachel Nabors, LLC) via Frontend Masters</em></li>
<li><a href="https://next.xyz/">Next from Codeevolve</a> - ๐ธ - Learn to code with interactive exercises and quizzes</li>
<li><a href="https://plnkr.co/">Plunker</a> - ๐ธ๐ - An online community for creating, collaborating on and sharing your web development ideas.</li>
<li><a href="https://frontendmasters.com/courses/smacss/">Scalable Modular Architecture for CSS (SMACSS)</a> - ๐ฐ๐ธ๐ฑ - Make your CSS more maintainable and modular using Jonathan Snook's Scalable Modular Architecture for CSS (SMACSS) methodology. - <em>Jonathan Snook (Snook.ca Web Development, Inc.) via Frontend Masters</em></li>
<li><a href="https://www.sololearn.com/">Solo Learn</a> - ๐ธ - Learn to code for free using challenges. Offers lessons for multiple programming languages.</li>
<li><a href="https://stackblitz.com/">Stackblitz</a> - ๐ธ๐ - The online IDE for web applications, Powered by Visual Studio Code. Instantly create Angular, Ionic, React and Svelte projects with TypeScript or JavaScript</li>
<li><a href="https://tech.io/">TechIO</a> - ๐ธ๐๐ช - Design, share, and learn from community-sourced tutorials quizzes and interactive exercises</li>
</ul>
<h2 id="d"><a href="https://dlang.org/">D</a></h2>
<ul>
<li><a href="http://cyber-dojo.org/">Cyber Dojo</a> - ๐ธ๐ฎ - Hone your programming skills in a huge range of languages, writing code to pass tests</li>
</ul>
<h2 id="dart"><a href="https://www.dartlang.org/">Dart</a></h2>
<ul>
<li><a href="https://www.codewars.com/">Codewars</a> - ๐ธ๐ฎ - Improve your skills by training with others on real code challenges</li>
<li><a href="https://www.codingame.com/">CodinGame</a> - ๐ธ๐ฎ - Games and Programming Challenges to Code Better</li>
</ul>
<h2 id="elixir"><a href="https://elixir-lang.org/">Elixir</a></h2>
<ul>
<li><a href="https://www.codewars.com/">Codewars</a> - ๐ธ๐ฎ - Improve your skills by training with others on real code challenges</li>
<li><a href="http://cyber-dojo.org/">Cyber Dojo</a> - ๐ธ๐ฎ - Hone your programming skills in a huge range of languages, writing code to pass tests</li>
<li><a href="https://tech.io/">TechIO</a> - ๐ธ๐๐ช - Design, share, and learn from community-sourced tutorials quizzes and interactive exercises</li>
</ul>
<h2 id="elm"><a href="https://elm-lang.org/">Elm</a></h2>
<ul>
<li><a href="https://frontendmasters.com/courses/elm/">Elm</a> - ๐ฐ๐ธ๐ฑ - Write bulletproof, easily maintainable web applications with Elm, the functional programming language that is transforming web application development! - <em>Richard Feldman (NoRedInk) via Frontend Masters</em></li>
</ul>
<h2 id="erlang"><a href="https://www.erlang.org/">Erlang</a></h2>
<ul>
<li><a href="http://cyber-dojo.org/">Cyber Dojo</a> - ๐ธ๐ฎ - Hone your programming skills in a huge range of languages, writing code to pass tests</li>
</ul>
<h2 id="f-"><a href="https://fsharp.org/">F#</a></h2>
<ul>
<li><a href="https://dotnetfiddle.net/">.NET Fiddle</a> - ๐ธ๐ - A .NET sandbox for developers to quickly try out code and share C#, F# and VB.NET code snippets.</li>
<li><a href="https://www.codewars.com/">Codewars</a> - ๐ธ๐ฎ - Improve your skills by training with others on real code challenges</li>
<li><a href="https://www.codingame.com/">CodinGame</a> - ๐ธ๐ฎ - Games and Programming Challenges to Code Better</li>
<li><a href="http://cyber-dojo.org/">Cyber Dojo</a> - ๐ธ๐ฎ - Hone your programming skills in a huge range of languages, writing code to pass tests</li>
</ul>
<h2 id="fortran"><a href="https://en.wikibooks.org/wiki/Fortran/Fortran_examples">Fortran</a></h2>
<ul>
<li><a href="http://cyber-dojo.org/">Cyber Dojo</a> - ๐ธ๐ฎ - Hone your programming skills in a huge range of languages, writing code to pass tests</li>
</ul>
<h2 id="go"><a href="https://golang.org/">Go</a></h2>
<ul>
<li><a href="https://www.codewars.com/">Codewars</a> - ๐ธ๐ฎ - Improve your skills by training with others on real code challenges</li>
<li><a href="https://www.codingame.com/">CodinGame</a> - ๐ธ๐ฎ - Games and Programming Challenges to Code Better</li>
<li><a href="http://cyber-dojo.org/">Cyber Dojo</a> - ๐ธ๐ฎ - Hone your programming skills in a huge range of languages, writing code to pass tests</li>
<li><a href="https://play.go-lang.org/">Go Playground</a> - ๐ธ๐ - Run and share Go snippets from the comfort of your browser</li>
<li><a href="https://tech.io/">TechIO</a> - ๐ธ๐๐ช - Design, share, and learn from community-sourced tutorials quizzes and interactive exercises</li>
</ul>
<h2 id="groovy"><a href="http://groovy-lang.org/">Groovy</a></h2>
<ul>
<li><a href="https://www.codingame.com/">CodinGame</a> - ๐ธ๐ฎ - Games and Programming Challenges to Code Better</li>
<li><a href="http://cyber-dojo.org/">Cyber Dojo</a> - ๐ธ๐ฎ - Hone your programming skills in a huge range of languages, writing code to pass tests</li>
<li><a href="https://tech.io/">TechIO</a> - ๐ธ๐๐ช - Design, share, and learn from community-sourced tutorials quizzes and interactive exercises</li>
</ul>
<h2 id="haskell"><a href="https://www.haskell.org/">Haskell</a></h2>
<ul>
<li><a href="https://www.codewars.com/">Codewars</a> - ๐ธ๐ฎ - Improve your skills by training with others on real code challenges</li>
<li><a href="https://www.codingame.com/">CodinGame</a> - ๐ธ๐ฎ - Games and Programming Challenges to Code Better</li>
<li><a href="http://cyber-dojo.org/">Cyber Dojo</a> - ๐ธ๐ฎ - Hone your programming skills in a huge range of languages, writing code to pass tests</li>
<li><a href="https://tech.io/">TechIO</a> - ๐ธ๐๐ช - Design, share, and learn from community-sourced tutorials quizzes and interactive exercises</li>
</ul>
<h2 id="java"><a href="https://www.java.com/">Java</a></h2>
<ul>
<li><a href="https://codecombat.com/play">CodeCombat</a> - ๐ธ๐ฎ - Learn how to code by playing a game</li>
<li><a href="https://www.codecademy.com/">Codeacademy</a> - ๐ธ๐ - Free platform for online learning web technologies, computer programming and data science.</li>
<li><a href="https://www.codehunt.com/">Codehunt</a> - ๐ธ๐ฎ - Learn how to code by playing a game</li>
<li><a href="https://www.codewars.com/">Codewars</a> - ๐ธ๐ฎ - Improve your skills by training with others on real code challenges</li>
<li><a href="https://www.codingame.com/">CodinGame</a> - ๐ธ๐ฎ - Games and Programming Challenges to Code Better</li>
<li><a href="http://cyber-dojo.org/">Cyber Dojo</a> - ๐ธ๐ฎ - Hone your programming skills in a huge range of languages, writing code to pass tests</li>
<li><a href="https://edabit.com/">Edabit</a> - ๐ธ๐ช - Work through a wide array of bite-sized programming challenges, that increase in difficulty as you progress</li>
<li><a href="https://next.xyz/">Next from Codeevolve</a> - ๐ธ - Learn to code with interactive exercises and quizzes</li>
<li><a href="http://robocode.sourceforge.net/">Robocode</a> - โ๏ฃฟ๐ฎ - Develop a robot battle tank to battle against others in Java or .NET</li>
<li><a href="https://www.sololearn.com/">Solo Learn</a> - ๐ธ - Learn to code for free using challenges. Offers lessons for multiple programming languages.</li>
<li><a href="https://tech.io/">TechIO</a> - ๐ธ๐๐ช - Design, share, and learn from community-sourced tutorials quizzes and interactive exercises</li>
</ul>
<h2 id="javascript"><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript">JavaScript</a></h2>
<ul>
<li><a href="https://frontendmasters.com/courses/practical-algorithms/">A Practical Guide to Algorithms with JavaScript</a> - ๐ฐ๐ธ๐ฑ - Learn to solve algorithms and analyze them efficiently in both an interview setting and also in your day-to-day development. - <em>Bianca Gandolfo (Bitovi) via Frontend Masters</em></li>
<li><a href="https://frontendmasters.com/courses/advanced-async-js/">Advanced Asynchronous JavaScript</a> - ๐ฐ๐ธ๐ฑ - Go beyond the fundamentals of asynchronous JavaScript and use features and techniques that will help you reduce code and create smarter applications. - <em>Jafar Husain (Netflix) via Frontend Masters</em></li>
<li><a href="https://frontendmasters.com/courses/advanced-javascript/">Advanced JavaScript</a> - ๐ฐ๐ธ๐ฑ - Learn from Kyle Simpson, the author of "You Don't Know JavaScript" series on the inner workings of JavaScript in detail and more! - <em>Kyle Simpson (You Don't Know JS) via Frontend Masters</em></li>
<li><a href="https://checkio.org/">Check I/O</a> - ๐ธ๐ฎ - Improve your coding skills by solving engaging challenges and fun task using Python and JavaScript</li>
<li><a href="https://codecombat.com/play">CodeCombat</a> - ๐ธ๐ฎ - Learn how to code by playing a game</li>
<li><a href="https://codepen.io/">CodePen</a> - ๐ธ๐ - A social development environment for front-end designers and developers.</li>
<li><a href="https://codesandbox.io/">CodeSandbox</a> - ๐ธ๐ - The online editor for React, Vue, Angular, Preact and Svelte apps</li>
<li><a href="https://www.codecademy.com/">Codeacademy</a> - ๐ธ๐ - Free platform for online learning web technologies, computer programming and data science.</li>
<li><a href="https://www.codewars.com/">Codewars</a> - ๐ธ๐ฎ - Improve your skills by training with others on real code challenges</li>
<li><a href="https://www.codingame.com/">CodinGame</a> - ๐ธ๐ฎ - Games and Programming Challenges to Code Better</li>
<li><a href="http://cyber-dojo.org/">Cyber Dojo</a> - ๐ธ๐ฎ - Hone your programming skills in a huge range of languages, writing code to pass tests</li>
<li><a href="https://frontendmasters.com/courses/data-structures-algorithms/">Data Structures and Algorithms in JavaScript</a> - ๐ฐ๐ธ๐ฑ - Learn the most common data structures and algorithms in Computer Science in-depth taught with JavaScript. - <em>Bianca Gandolfo (Bitovi) via Frontend Masters</em></li>
<li><a href="https://frontendmasters.com/courses/javascript-foundations/">Deep JavaScript Foundations</a> - ๐ฐ๐ธ๐ฑ - Master JavaScript deeply learning scope and closure, functions, the prototype system, closure, types, coercion and new ES6 features in JavaScript! - <em>Kyle Simpson (You Don't Know JS) via Frontend Masters</em></li>
<li><a href="https://frontendmasters.com/courses/es6-right-parts/">ES6: The Right Parts</a> - ๐ฐ๐ธ๐ฑ - Learn new ES6 JavaScript language features like arrow function, destructuring, generators & more to write cleaner and more productive, readable programs. - <em>Kyle Simpson (You Don't Know JS) via Frontend Masters</em></li>
<li><a href="https://edabit.com/">Edabit</a> - ๐ธ๐ช - Work through a wide array of bite-sized programming challenges, that increase in difficulty as you progress</li>
<li><a href="https://www.freecodecamp.org/">Free Code Camp</a> - ๐ธ - The king of free coding camps. Learn to code and help nonprofits. Extensive curriculum.</li>
<li><a href="https://frontendmasters.com/courses/functional-javascript-v2/">Functional-Light JavaScript, v2</a> - ๐ฐ๐ธ๐ฑ - Improve your code with functional patterns like pure functions, compose & map/reduce/filter...plus advanced concepts like fusion, transducing and monads! - <em>Kyle Simpson (You Don't Know JS) via Frontend Masters</em></li>
<li><a href="https://frontendmasters.com/courses/functional-js-lite/">Functional-Lite JavaScript</a> - ๐ฐ๐ธ๐ฑ - Practical take on functional JavaScript so you can use techniques like pure functions, map/reduce/filter and recursion to improve your programming today! - <em>Kyle Simpson (You Don't Know JS) via Frontend Masters</em></li>
<li><a href="https://grasshopper.codes/">Grasshopper</a> - ๐ฑ๐ฎ - fun, quick lessons on your phone that teach you to write real JavaScript.</li>
<li><a href="https://frontendmasters.com/courses/functional-javascript/">Hardcore Functional Programming in JavaScript</a> - ๐ฐ๐ธ๐ฑ - Discover functional programming and build an example web app using abstract interfaces like Monads, Functors, Monoids and Applicatives. - <em>Brian Lonsdorf (Salesforce) via Frontend Masters</em></li>
<li><a href="https://frontendmasters.com/courses/javascript-basics/">Introduction to JavaScript Programming</a> - ๐ฐ๐ธ๐ฑ - Master JavaScript with our online training and learn one of the easiest languages to get started with and one of the most powerful. - <em>Kyle Simpson (You Don't Know JS) via Frontend Masters</em></li>
<li><a href="https://jsbin.com/">JS Bin</a> - ๐ธ๐ - Collaborative JavaScript Debugging</li>
<li><a href="https://jsfiddle.net/">JSFiddle</a> - ๐ธ๐ - Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.</li>
<li><a href="https://next.xyz/">Next from Codeevolve</a> - ๐ธ - Learn to code with interactive exercises and quizzes</li>
<li><a href="https://frontendmasters.com/courses/organizing-javascript/">Organizing JavaScript Functionality</a> - ๐ฐ๐ธ๐ฑ - Before you use a framework, learn how to organize the different bits of JavaScript (modularizing, decoupling, etc) with this advanced JavaScript course. - <em>Kyle Simpson (You Don't Know JS) via Frontend Masters</em></li>
<li><a href="https://plnkr.co/">Plunker</a> - ๐ธ๐ - An online community for creating, collaborating on and sharing your web development ideas.</li>
<li><a href="https://store.steampowered.com/app/464350/Screeps/">Screeps</a> - ๐ฐโ๏ฃฟ๐ฎ - Screeps is an open source MMO RTS sandbox game for programmers, wherein the core mechanic is programming your units AI. You control your colony by writing JavaScript which operate 24/7 in the single persistent world filled by other players on par with you.</li>
<li><a href="https://www.sololearn.com/">Solo Learn</a> - ๐ธ - Learn to code for free using challenges. Offers lessons for multiple programming languages.</li>
<li><a href="https://stackblitz.com/">Stackblitz</a> - ๐ธ๐ - The online IDE for web applications, Powered by Visual Studio Code. Instantly create Angular, Ionic, React and Svelte projects with TypeScript or JavaScript</li>
<li><a href="https://tech.io/">TechIO</a> - ๐ธ๐๐ช - Design, share, and learn from community-sourced tutorials quizzes and interactive exercises</li>
<li><a href="https://frontendmasters.com/courses/good-parts-javascript-web/">The Good Parts of JavaScript and the Web</a> - ๐ฐ๐ธ๐ฑ - Learn the history of JavaScript and details of the language with special attention on functions. Plus how browsers work, how servers work and security. - <em>Douglas Crockford (Paypal) via Frontend Masters</em></li>
<li><a href="https://www.theodinproject.com/">The Odin Project</a> - ๐ธ - A full stack (and open source) Ruby/JS bootcamp</li>
</ul>
<h3 id="node-js"><a href="https://nodejs.org/">Node.js</a></h3>
<p>Run JavaScript in a places other than a web browser, using Chrome's V8 engine</p>
<ul>
<li><a href="https://nodeschool.io/">Node School</a> - ๐ธ - Open source workshops that teach web software skills. Do them on your own or at a workshop nearby.</li>
</ul>
<h3 id="client-web-frameworks"><a href="https://en.wikipedia.org/wiki/Web_framework">Client Web Frameworks</a></h3>
<p>Frameworks for building web applications that run in the browser</p>
<h4 id="angular"><a href="https://angular.io/">Angular</a></h4>
<ul>
<li><a href="https://frontendmasters.com/courses/angular-2/">Build Web Apps with Angular 2</a> - ๐ฐ๐ธ๐ฑ - Angular 2 is an incredibly powerful evolution of AngularJS. We are going discover why Angular 2 is half the framework with twice the power! - <em>Lukas Ruebbelke (VenturPlex) via Frontend Masters</em></li>
<li><a href="https://frontendmasters.com/courses/web-apps-angular-2/">Building Awesome Web Apps with Angular 2</a> - ๐ฐ๐ธ๐ฑ - Explore the Angular 2 JavaScript framework from the ground up using Components, Services and the CLI to write awesome web applications! - <em>Lukas Ruebbelke (VenturPlex) via Frontend Masters</em></li>
<li><a href="https://frontendmasters.com/courses/reactive-angular/">Reactive Angular 2</a> - ๐ฐ๐ธ๐ฑ - Learn how to build functional, reactive web applications in Angular 2 with a Redux-inspired library, @ngrx/store and observables from Rx.js. - <em>Lukas Ruebbelke (VenturPlex) via Frontend Masters</em></li>
<li><a href="https://frontendmasters.com/courses/reactive-angular-2/">Reactive Angular 2 with ngrx</a> - ๐ฐ๐ธ๐ฑ - Learn how to build functional, reactive web applications in Angular 2 with a Redux inspired library, @ngrx/store and observables from Rx.js. - <em>Lukas Ruebbelke (VenturPlex) via Frontend Masters</em></li>
</ul>
<h4 id="jquery"><a href="https://jquery.com/">JQuery</a></h4>
<ul>
<li><a href="https://frontendmasters.com/courses/javascript-jquery-dom/">Advanced JS Fundamentals to jQuery & Pure DOM Scripting</a> - ๐ฐ๐ธ๐ฑ - Gain an advanced JavaScript techniques and an understanding of difficult JavaScript concepts like closure, type comparators, coercion and delete. - <em>Justin Meyer (Bitovi) via Frontend Masters</em></li>
<li><a href="https://frontendmasters.com/courses/introduction-to-javascript-jquery/">Introduction to JavaScript and jQuery</a> - ๐ฐ๐ธ๐ฑ - Karl Swedberg, author of Learning jQuery, teaches the JavaScript language; including closures, anonymous functions, and implicit versus explicit iteration. - <em>Karl Swedberg (Learning jQuery) via Frontend Masters</em></li>
<li><a href="https://frontendmasters.com/courses/jquery-in-depth/">Learning jQuery</a> - ๐ฐ๐ธ๐ฑ - Karl Swedberg leverages his experience on the jQuery Team to give a thorough walkthrough of the most important parts of jQuery. - <em>Karl Swedberg (Learning jQuery) via Frontend Masters</em></li>
<li><a href="https://next.xyz/">Next from Codeevolve</a> - ๐ธ - Learn to code with interactive exercises and quizzes</li>
<li><a href="https://www.sololearn.com/">Solo Learn</a> - ๐ธ - Learn to code for free using challenges. Offers lessons for multiple programming languages.</li>
<li><a href="https://frontendmasters.com/courses/jquery-plugins-jquery-ui/">jQuery Plugins and jQuery UI</a> - ๐ฐ๐ธ๐ฑ - Scott Gonzalez, lead developer for jQuery UI, dives into writing jQuery plugins, making plugins stateful and gives an in-depth look at jQuery UI. - <em>Scott Gonzalez (Clipper Magazine) via Frontend Masters</em></li>
</ul>
<h4 id="angular-js"><a href="https://angularjs.org/">Angular.js</a></h4>
<ul>
<li><a href="https://frontendmasters.com/courses/angularjs-in-depth/">Angular 1.x Essentials</a> - ๐ฐ๐ธ๐ฑ - "AngularJS In Action" Author Lukas Ruebbelke dives into AngularJS scope, two-way data binding and directives with real-world examples. - <em>Lukas Ruebbelke (VenturPlex) via Frontend Masters</em></li>
</ul>
<h4 id="ember-js"><a href="https://emberjs.com">Ember.js</a></h4>
<ul>
<li><a href="https://frontendmasters.com/courses/advanced-ember-2/">Advanced Ember 2.x</a> - ๐ฐ๐ธ๐ฑ - Mike demonstrates recent Ember 2.x framework advancements to show you how to debug, customize, test and deploy applications with confidence. - <em>Mike North (LinkedIn) via Frontend Masters</em></li>
<li><a href="https://frontendmasters.com/courses/ember-2/">Ember 2.x</a> - ๐ฐ๐ธ๐ฑ - Become a master in Ember.js and be well-suited to build complex and highly interactive apps with this course. - <em>Mike North (LinkedIn) via Frontend Masters</em></li>
</ul>
<h4 id="backbone"><a href="http://backbonejs.org/">Backbone</a></h4>
<ul>
<li><a href="https://frontendmasters.com/courses/backbone-js-in-depth-testing-mocha-sinon/">Backbone.js (with Introduction to Testing)</a> - ๐ฐ๐ธ๐ฑ - Core Contributor Sam Breed teaches you Backbone JS's lightweight approach to building client-side MVC applications and unit testing in Mocha and Sinon.JS. - <em>Sam Breed (Credit Karma) via Frontend Masters</em></li>
</ul>
<h4 id="meteor-js"><a href="https://meteor.com">Meteor.js</a></h4>
<ul>
<li><a href="https://frontendmasters.com/courses/meteor/">Meteor</a> - ๐ฐ๐ธ๐ฑ - Built by a team of MIT engineers, Meteor is a full stack open source framework for building web and mobile apps in pure JavaScript. - <em>Chris Mather (Lively, Inc.) via Frontend Masters</em></li>
</ul>
<h4 id="react-js"><a href="https://reactjs.org/">React.js</a></h4>
<ul>
<li><a href="https://frontendmasters.com/courses/advanced-react-patterns/">Advanced React Patterns</a> - ๐ฐ๐ธ๐ฑ - Simplify large React applications by separating your component logic, state and display properties to make React components more flexible and usable! - <em>Kent C. Dodds (PayPal) via Frontend Masters</em></li>
<li><a href="https://frontendmasters.com/courses/react-state/">Advanced State Management in React (feat. Redux and MobX)</a> - ๐ฐ๐ธ๐ฑ - <em>Steve Kinney (SendGrid) via Frontend Masters</em></li>
<li><a href="https://frontendmasters.com/courses/modern-web-apps/">Building Web Apps (with React, Ampersand, ES6 and Webpack)</a> - ๐ฐ๐ธ๐ฑ - Everything you need to build and deploy a maintainable single page app. Build an app from scratch using React, Ampersand, ES6 (ES2015), and Webpack. - <em>Henrik Joreteg (Ampersand.js) via Frontend Masters</em></li>
<li><a href="https://frontendmasters.com/courses/complete-intro-react/">Complete Intro to React v2 (feat. Router v4 and Redux)</a> - ๐ฐ๐ธ๐ฑ - More than an intro, build an entire real-world web application in layers using React and the library's ecosystem, like Router v4, Redux and Jest. - <em>Brian Holt (Microsoft) via Frontend Masters</em></li>
<li><a href="https://frontendmasters.com/courses/react/">Complete Intro to React, v3 (feat. Redux, Router & Flow)</a> - ๐ฐ๐ธ๐ฑ - Much more than an intro, youโll not just learn React, but also a proven set of tools including Router v4 for paging, Jest for testing, Redux and Flow! - <em>Brian Holt (Microsoft) via Frontend Masters</em></li>
<li><a href="https://frontendmasters.com/courses/react-intro/">Complete Introduction to React (feat. Redux and React Router)</a> - ๐ฐ๐ธ๐ฑ - Brian Holt (Netflix) introduces you to React plus surrounding ecosystem including: Redux for state management, React Router for navigation and more! - <em>Brian Holt (Microsoft) via Frontend Masters</em></li>
<li><a href="https://frontendmasters.com/courses/firebase-react/">Firebase + React: Real-time, Serverless Web Apps</a> - ๐ฐ๐ธ๐ฑ - Learn to use Firebase to deploy sophisticated web and mobile applications without having to build your own complex, server-side infrastructure. - <em>Steve Kinney (SendGrid) via Frontend Masters</em></li>
<li><a href="https://frontendmasters.com/courses/aws-react-node-graphql/">Rapid Development on AWS: React, Node.js & GraphQL</a> - ๐ฐ๐ธ๐ฑ - Learn to build on AWSโ cloud services and its world-class infrastructure to easily add authentication, storage, databases, and APIs into your apps! - <em>Steve Kinney (SendGrid) via Frontend Masters</em></li>
<li><a href="https://frontendmasters.com/courses/react-native/">React Native (feat. Redux)</a> - ๐ฐ๐ธ๐ฑ - Use React Native to build native mobile apps in iOS and Android with JavaScript! Effectively build cross-platform mobile apps. - <em>Scott Moss (Tipe) via Frontend Masters</em></li>
<li><a href="https://frontendmasters.com/courses/react-intro-to-flux/">React.js (with Introduction to Flux Architecture)</a> - ๐ฐ๐ธ๐ฑ - Learn from experts how to use React and become a master at creating user interfaces by Facebook and Instagram. - <em>Ryan Florence (React Training) via Frontend Masters</em></li>
<li><a href="https://frontendmasters.com/courses/reactive-angular/">Reactive Angular 2</a> - ๐ฐ๐ธ๐ฑ - Learn how to build functional, reactive web applications in Angular 2 with a Redux-inspired library, @ngrx/store and observables from Rx.js. - <em>Lukas Ruebbelke (VenturPlex) via Frontend Masters</em></li>
<li><a href="https://frontendmasters.com/courses/reactive-angular-2/">Reactive Angular 2 with ngrx</a> - ๐ฐ๐ธ๐ฑ - Learn how to build functional, reactive web applications in Angular 2 with a Redux inspired library, @ngrx/store and observables from Rx.js. - <em>Lukas Ruebbelke (VenturPlex) via Frontend Masters</em></li>
<li><a href="https://frontendmasters.com/courses/testing-javascript/">Testing JavaScript Applications (feat. React and Redux)</a> - ๐ฐ๐ธ๐ฑ - Bulletproof your JavaScript and Node environments. Learn how you can test React, Redux, and Node Express applications! - <em>Kent C. Dodds (PayPal) via Frontend Masters</em></li>
<li><a href="https://frontendmasters.com/courses/testing-react/">Testing React Applications, v2</a> - ๐ฐ๐ธ๐ฑ - Fix errors before your app reaches the end user by writing maintainable unit test & integration tests for your React applications! - <em>Kent C. Dodds (PayPal) via Frontend Masters</em></li>
</ul>
<h4 id="vue-js"><a href="https://vuejs.org/">Vue.js</a></h4>
<ul>
<li><a href="https://frontendmasters.com/courses/advanced-vue/">Advanced Vue.js Features from the Ground Up</a> - ๐ฐ๐ธ๐ฑ - Learn how to build accessible routing, state management, form validation and internationalization from the ground up by composing basic Vue.js features. - <em>Evan You (Creator of Vue.js) via Frontend Masters</em></li>
<li><a href="https://frontendmasters.com/courses/vue/">Introduction to Vue.js</a> - ๐ฐ๐ธ๐ฑ - Vue.js brings together the best features of the javascript framework landscape elegantly. Build complex and maintainable applications faster! - <em>Sarah Drasner (Microsoft) via Frontend Masters</em></li>
</ul>
<h2 id="kotlin"><a href="https://kotlinlang.org/">Kotlin</a></h2>
<ul>
<li><a href="https://www.codingame.com/">CodinGame</a> - ๐ธ๐ฎ - Games and Programming Challenges to Code Better</li>
<li><a href="http://cyber-dojo.org/">Cyber Dojo</a> - ๐ธ๐ฎ - Hone your programming skills in a huge range of languages, writing code to pass tests</li>
<li><a href="https://tech.io/">TechIO</a> - ๐ธ๐๐ช - Design, share, and learn from community-sourced tutorials quizzes and interactive exercises</li>
</ul>
<h2 id="lua"><a href="https://www.lua.org/">Lua</a></h2>
<ul>
<li><a href="https://www.codingame.com/">CodinGame</a> - ๐ธ๐ฎ - Games and Programming Challenges to Code Better</li>
</ul>
<h2 id="objective-c"><a href="https://developer.apple.com/library/archive/documentation/Cocoa/Conceptual/ProgrammingWithObjectiveC/Introduction/Introduction.html">Objective-C</a></h2>
<ul>
<li><a href="https://www.codingame.com/">CodinGame</a> - ๐ธ๐ฎ - Games and Programming Challenges to Code Better</li>
</ul>
<h2 id="ocaml"><a href="https://ocaml.org/">OCaml</a></h2>
<ul>
<li><a href="https://www.codingame.com/">CodinGame</a> - ๐ธ๐ฎ - Games and Programming Challenges to Code Better</li>
</ul>
<h2 id="pascal"><a href="http://pascal-central.com/ppl/index.html">Pascal</a></h2>
<ul>
<li><a href="https://www.codingame.com/">CodinGame</a> - ๐ธ๐ฎ - Games and Programming Challenges to Code Better</li>
</ul>
<h2 id="perl"><a href="https://www.perl.org/">Perl</a></h2>
<ul>
<li><a href="http://cyber-dojo.org/">Cyber Dojo</a> - ๐ธ๐ฎ - Hone your programming skills in a huge range of languages, writing code to pass tests</li>
</ul>
<h2 id="php"><a href="https://secure.php.net/">Php</a></h2>
<ul>
<li><a href="https://www.codewars.com/">Codewars</a> - ๐ธ๐ฎ - Improve your skills by training with others on real code challenges</li>
<li><a href="https://www.codingame.com/">CodinGame</a> - ๐ธ๐ฎ - Games and Programming Challenges to Code Better</li>
<li><a href="http://cyber-dojo.org/">Cyber Dojo</a> - ๐ธ๐ฎ - Hone your programming skills in a huge range of languages, writing code to pass tests</li>
<li><a href="https://edabit.com/">Edabit</a> - ๐ธ๐ช - Work through a wide array of bite-sized programming challenges, that increase in difficulty as you progress</li>
<li><a href="http://phpfiddle.org/">PhpFiddle</a> - ๐ธ๐ - Php/MySQL execution environment in your web browser</li>
<li><a href="https://www.sololearn.com/">Solo Learn</a> - ๐ธ - Learn to code for free using challenges. Offers lessons for multiple programming languages.</li>
<li><a href="https://tech.io/">TechIO</a> - ๐ธ๐๐ช - Design, share, and learn from community-sourced tutorials quizzes and interactive exercises</li>
</ul>
<h2 id="python"><a href="https://www.python.org/">Python</a></h2>
<ul>
<li><a href="https://checkio.org/">Check I/O</a> - ๐ธ๐ฎ - Improve your coding skills by solving engaging challenges and fun task using Python and JavaScript</li>
<li><a href="https://codecombat.com/play">CodeCombat</a> - ๐ธ๐ฎ - Learn how to code by playing a game</li>
<li><a href="https://www.codecademy.com/">Codeacademy</a> - ๐ธ๐ - Free platform for online learning web technologies, computer programming and data science.</li>
<li><a href="https://www.codewars.com/">Codewars</a> - ๐ธ๐ฎ - Improve your skills by training with others on real code challenges</li>
<li><a href="http://cyber-dojo.org/">Cyber Dojo</a> - ๐ธ๐ฎ - Hone your programming skills in a huge range of languages, writing code to pass tests</li>
<li><a href="https://cdn.datacamp.com/dcl-react/standalone-example.html">DataCamp Light</a> - ๐ธ๐ - Embeddable R and Python examples</li>
<li><a href="https://edabit.com/">Edabit</a> - ๐ธ๐ช - Work through a wide array of bite-sized programming challenges, that increase in difficulty as you progress</li>
<li><a href="https://next.xyz/">Next from Codeevolve</a> - ๐ธ - Learn to code with interactive exercises and quizzes</li>
<li><a href="http://python-fiddle.com/">Python Fiddle</a> - ๐ธ๐ - Python IDE for the web</li>
<li><a href="https://www.sololearn.com/">Solo Learn</a> - ๐ธ - Learn to code for free using challenges. Offers lessons for multiple programming languages.</li>
<li><a href="https://tech.io/">TechIO</a> - ๐ธ๐๐ช - Design, share, and learn from community-sourced tutorials quizzes and interactive exercises</li>
</ul>
<h2 id="r"><a href="https://www.r-project.org/">R</a></h2>
<ul>
<li><a href="http://cyber-dojo.org/">Cyber Dojo</a> - ๐ธ๐ฎ - Hone your programming skills in a huge range of languages, writing code to pass tests</li>
<li><a href="https://cdn.datacamp.com/dcl-react/standalone-example.html">DataCamp Light</a> - ๐ธ๐ - Embeddable R and Python examples</li>
</ul>
<h2 id="ruby"><a href="https://www.ruby-lang.org/">Ruby</a></h2>
<ul>
<li><a href="https://www.codecademy.com/">Codeacademy</a> - ๐ธ๐ - Free platform for online learning web technologies, computer programming and data science.</li>
<li><a href="https://www.codewars.com/">Codewars</a> - ๐ธ๐ฎ - Improve your skills by training with others on real code challenges</li>
<li><a href="https://www.codingame.com/">CodinGame</a> - ๐ธ๐ฎ - Games and Programming Challenges to Code Better</li>
<li><a href="http://cyber-dojo.org/">Cyber Dojo</a> - ๐ธ๐ฎ - Hone your programming skills in a huge range of languages, writing code to pass tests</li>
<li><a href="https://edabit.com/">Edabit</a> - ๐ธ๐ช - Work through a wide array of bite-sized programming challenges, that increase in difficulty as you progress</li>
<li><a href="https://www.bloc.io/ruby-warrior#/">Ruby Warrior</a> - ๐ธ๐ฎ - A triumphant quest of adventure, love & destiny all within a few lines of code</li>
<li><a href="http://rubyfiddle.com/">RubyFiddle</a> - ๐ธ๐ - Run Ruby snippets in your web browser</li>
<li><a href="https://www.sololearn.com/">Solo Learn</a> - ๐ธ - Learn to code for free using challenges. Offers lessons for multiple programming languages.</li>
<li><a href="https://tech.io/">TechIO</a> - ๐ธ๐๐ช - Design, share, and learn from community-sourced tutorials quizzes and interactive exercises</li>
<li><a href="https://www.theodinproject.com/">The Odin Project</a> - ๐ธ - A full stack (and open source) Ruby/JS bootcamp</li>
</ul>
<h2 id="rust"><a href="https://rust-lang.org">Rust</a></h2>
<ul>
<li><a href="https://www.codewars.com/">Codewars</a> - ๐ธ๐ฎ - Improve your skills by training with others on real code challenges</li>
<li><a href="https://www.codingame.com/">CodinGame</a> - ๐ธ๐ฎ - Games and Programming Challenges to Code Better</li>
<li><a href="http://cyber-dojo.org/">Cyber Dojo</a> - ๐ธ๐ฎ - Hone your programming skills in a huge range of languages, writing code to pass tests</li>
<li><a href="https://play.rust-lang.org/">Rust Playground</a> - ๐ธ๐ - Run and share Rust snippets from the comfort of your browser</li>
<li><a href="https://tech.io/">TechIO</a> - ๐ธ๐๐ช - Design, share, and learn from community-sourced tutorials quizzes and interactive exercises</li>
</ul>
<h2 id="scala"><a href="https://www.scala-lang.org/">Scala</a></h2>
<ul>
<li><a href="https://www.codingame.com/">CodinGame</a> - ๐ธ๐ฎ - Games and Programming Challenges to Code Better</li>
<li><a href="http://robocode.sourceforge.net/">Robocode</a> - โ๏ฃฟ๐ฎ - Develop a robot battle tank to battle against others in Java or .NET</li>
<li><a href="https://tech.io/">TechIO</a> - ๐ธ๐๐ช - Design, share, and learn from community-sourced tutorials quizzes and interactive exercises</li>
</ul>
<h2 id="shell"><a href="https://help.ubuntu.com/community/Beginners/BashScripting">Shell</a></h2>
<ul>
<li><a href="https://www.codewars.com/">Codewars</a> - ๐ธ๐ฎ - Improve your skills by training with others on real code challenges</li>
</ul>
<h2 id="sql"><a href="https://www.postgresql.org/">SQL</a></h2>
<ul>
<li><a href="https://www.codewars.com/">Codewars</a> - ๐ธ๐ฎ - Improve your skills by training with others on real code challenges</li>
<li><a href="https://next.xyz/">Next from Codeevolve</a> - ๐ธ - Learn to code with interactive exercises and quizzes</li>
<li><a href="http://sqlfiddle.com/">SQL Fiddle</a> - ๐ธ๐ - Run SQL snippets in your web browser, using PostgreSQL, MySQL, Oracle, SQLite and MS SQL Server</li>
<li><a href="https://frontendmasters.com/courses/sql-fundamentals/">SQL Fundamentals</a> - ๐ฐ๐ธ๐ฑ - Learn SQL, the most popular language for storing, querying and analyzing the relational data that powers your server-side applications. - <em>Mike North (LinkedIn) via Frontend Masters</em></li>
<li><a href="https://www.sololearn.com/">Solo Learn</a> - ๐ธ - Learn to code for free using challenges. Offers lessons for multiple programming languages.</li>
</ul>
<h2 id="swift"><a href="https://developer.apple.com/swift/">Swift</a></h2>
<ul>
<li><a href="https://www.codewars.com/">Codewars</a> - ๐ธ๐ฎ - Improve your skills by training with others on real code challenges</li>
<li><a href="https://www.codingame.com/">CodinGame</a> - ๐ธ๐ฎ - Games and Programming Challenges to Code Better</li>
<li><a href="http://cyber-dojo.org/">Cyber Dojo</a> - ๐ธ๐ฎ - Hone your programming skills in a huge range of languages, writing code to pass tests</li>
<li><a href="https://edabit.com/">Edabit</a> - ๐ธ๐ช - Work through a wide array of bite-sized programming challenges, that increase in difficulty as you progress</li>
<li><a href="https://www.sololearn.com/">Solo Learn</a> - ๐ธ - Learn to code for free using challenges. Offers lessons for multiple programming languages.</li>
<li><a href="https://www.apple.com/swift/playgrounds/">Swift Playgrounds</a> - ๐ฑ๐ฎ - Learn swift by playing games on your iPad</li>
<li><a href="https://tech.io/">TechIO</a> - ๐ธ๐๐ช - Design, share, and learn from community-sourced tutorials quizzes and interactive exercises</li>
</ul>
<h2 id="typescript"><a href="http://typescriptlang.org/">TypeScript</a></h2>
<ul>
<li><a href="https://codepen.io/">CodePen</a> - ๐ธ๐ - A social development environment for front-end designers and developers.</li>
<li><a href="https://codesandbox.io/">CodeSandbox</a> - ๐ธ๐ - The online editor for React, Vue, Angular, Preact and Svelte apps</li>
<li><a href="https://www.codewars.com/">Codewars</a> - ๐ธ๐ฎ - Improve your skills by training with others on real code challenges</li>
<li><a href="https://stackblitz.com/">Stackblitz</a> - ๐ธ๐ - The online IDE for web applications, Powered by Visual Studio Code. Instantly create Angular, Ionic, React and Svelte projects with TypeScript or JavaScript</li>
<li><a href="https://frontendmasters.com/courses/typescript/">TypeScript Fundamentals</a> - ๐ฐ๐ธ๐ฑ - TypeScript combines modern JavaScript language features with a powerful and flexible type system, to make building high-performance and scalable apps easy! - <em>Mike North (LinkedIn) via Frontend Masters</em></li>
</ul>
<h2 id="vb-net"><a href="https://docs.microsoft.com/en-us/dotnet/visual-basic/getting-started/">VB.NET</a></h2>
<ul>
<li><a href="https://dotnetfiddle.net/">.NET Fiddle</a> - ๐ธ๐ - A .NET sandbox for developers to quickly try out code and share C#, F# and VB.NET code snippets.</li>
<li><a href="https://www.codingame.com/">CodinGame</a> - ๐ธ๐ฎ - Games and Programming Challenges to Code Better</li>
<li><a href="http://robocode.sourceforge.net/">Robocode</a> - โ๏ฃฟ๐ฎ - Develop a robot battle tank to battle against others in Java or .NET</li>
</ul>
<h1 id="tools-editors"><a href="https://en.wikipedia.org/wiki/Programming_tool">Tools & Editors</a></h1>
<p>Build tools, text editors, IDEs and more</p>
<ul>
<li><a href="https://frontendmasters.com/courses/firebase-react/">Firebase + React: Real-time, Serverless Web Apps</a> - ๐ฐ๐ธ๐ฑ - Learn to use Firebase to deploy sophisticated web and mobile applications without having to build your own complex, server-side infrastructure. - <em>Steve Kinney (SendGrid) via Frontend Masters</em></li>
<li><a href="https://frontendmasters.com/courses/aws-react-node-graphql/">Rapid Development on AWS: React, Node.js & GraphQL</a> - ๐ฐ๐ธ๐ฑ - Learn to build on AWSโ cloud services and its world-class infrastructure to easily add authentication, storage, databases, and APIs into your apps! - <em>Steve Kinney (SendGrid) via Frontend Masters</em></li>
<li><a href="https://frontendmasters.com/courses/serverless-aws/">Serverless with AWS Lambda</a> - ๐ฐ๐ธ๐ฑ - Get started with AWS Lambda functions and then learn to test, debug and deploy then to build a real API powered by lambda functions. - <em>Scott Moss (Tipe) via Frontend Masters</em></li>
<li><a href="https://alexnisnevich.github.io/untrusted/">Untrusted</a> - ๐ธ๐ฎ - Use JavaScript to guide Dr. Eval through a machine continuum!</li>
<li><a href="https://vim-adventures.com/">Vim Adventures</a> - ๐ธ๐ฎ - An online game based on VIM's keyboard shortcuts. It's the "Zelda meets text editing" game. So come have some fun and learn some VIM!</li>
<li><a href="https://frontendmasters.com/courses/production-node-aws/">Zero to Production Node.js on Amazon Web Services</a> - ๐ฐ๐ธ๐ฑ - Equip yourself with the knowledge to build, test, deploy, and scale Node.js web applications in production on Amazon Web Services. - <em>Kevin Whinnery (Twilio Node Module) via Frontend Masters</em></li>
</ul>
<h2 id="webpack"><a href="https://webpack.js.org/">Webpack</a></h2>
<ul>
<li><a href="https://frontendmasters.com/courses/performance-webpack/">Web Performance with Webpack</a> - ๐ฐ๐ธ๐ฑ - Make websites load instantly using Webpack for lazy loading JavaScript with code splitting, removing unused code with tree shaking and prefetching assets. - <em>Sean Larkin (Microsoft) via Frontend Masters</em></li>
<li><a href="https://frontendmasters.com/courses/webpack/">Webpack 2 Deep Dive</a> - ๐ฐ๐ธ๐ฑ - Building and deploying complex front-end applications can get complicated. Webpack simplifies this with tons of features catering to all JavaScript apps. - <em>Kent C. Dodds (PayPal) via Frontend Masters</em></li>
<li><a href="https://frontendmasters.com/courses/webpack-fundamentals/">Webpack 4 Fundamentals</a> - ๐ฐ๐ธ๐ฑ - Learn the core concepts of Webpack 4. Start from scratch by adding Webpack with npm and build up a pipeline with popular loaders from the Webpack ecosystem! - <em>Sean Larkin (Microsoft) via Frontend Masters</em></li>
<li><a href="https://frontendmasters.com/courses/webpack-plugins/">Webpack Plugins System</a> - ๐ฐ๐ธ๐ฑ - Learn the Webpack 4 plugin system, tour the Webpack source code and learn to build custom plugins and custom Webpack loaders. - <em>Sean Larkin (Microsoft) via Frontend Masters</em></li>
</ul>
<h2 id="git"><a href="https://git-scm.com/">Git</a></h2>
<ul>
<li><a href="https://git-game.com/">Git Games</a> - ๐ธ๐ฎ - A terminal based game that teaches both new and advances users some pretty cool features of the git scm (source control management) system</li>
<li><a href="https://frontendmasters.com/courses/git-in-depth/">Git In-depth</a> - ๐ฐ๐ธ๐ฑ - A deep dive into git, this course is for developers who use it every day and want to learn inner workings and use advanced techniques in git. - <em>Nina Zakharenko (Microsoft) via Frontend Masters</em></li>
<li><a href="https://learngitbranching.js.org/">Learn Git Branching</a> - ๐ธ๐ฎ - "The most visual and interactive way to learn Git on the web"</li>
<li><a href="https://next.xyz/">Next from Codeevolve</a> - ๐ธ - Learn to code with interactive exercises and quizzes</li>
</ul>
<h2 id="visual-studio-code"><a href="https://code.visualstudio.com/">Visual Studio Code</a></h2>
<ul>
<li><a href="https://frontendmasters.com/courses/visual-studio-code/">Visual Studio Code</a> - ๐ฐ๐ธ๐ฑ - Visual Studio Code is a modern, full-featured code editor built from the ground for the needs of web developers - JavaScript developers in particular. - <em>Mike North (LinkedIn) via Frontend Masters</em></li>
</ul>
<h2 id="chrome-developer-tools"><a href="https://developers.google.com/web/tools/chrome-devtools/">Chrome Developer Tools</a></h2>
<ul>
<li><a href="https://frontendmasters.com/courses/chrome-dev-tools/">Mastering Chrome Developer Tools</a> - ๐ฐ๐ธ๐ฑ - Learn to use ALL the built-in Chrome developer tools to debug and optimize websites and web applications! - <em>Jon Kuperman (Adobe) via Frontend Masters</em></li>
</ul>
<h1 id="general-programming"><a href="https://en.wikipedia.org/wiki/Computer_programming">General Programming</a></h1>
<p>General computer programming skills & techniques</p>
<ul>
<li><a href="https://tomorrowcorporation.com/humanresourcemachine">Human Resource Machine</a> - ๐ฐ๐ฑ๐ฎ - A mobile game that teaches you how low-level programming (i.e., Assembler) works</li>
<li><a href="https://www.khanacademy.org/">Khan Academy</a> - ๐ธ - Learn anything for free, forever.</li>
</ul>
<h1 id="data-science"><a href="https://en.wikipedia.org/wiki/Data_science">Data Science</a></h1>
<p>The scientific methods, processes, algorithms and systems used to extract knowledge and insights from data</p>
<ul>
<li><a href="https://www.codecademy.com/">Codeacademy</a> - ๐ธ๐ - Free platform for online learning web technologies, computer programming and data science.</li>
<li><a href="https://www.sololearn.com/">Solo Learn</a> - ๐ธ - Learn to code for free using challenges. Offers lessons for multiple programming languages.</li>
</ul>
<h1 id="practice-platform">Practice Platform</h1>
<p>Collections of exercises to help you sharpen your skills and learn at your own pace. Good for practice once you've mastered the basics</p>
<ul>
<li><a href="http://cyber-dojo.org/">Cyber Dojo</a> - ๐ธ๐ฎ - Hone your programming skills in a huge range of languages, writing code to pass tests</li>
<li><a href="https://edabit.com/">Edabit</a> - ๐ธ๐ช - Work through a wide array of bite-sized programming challenges, that increase in difficulty as you progress</li>
<li><a href="https://tech.io/">TechIO</a> - ๐ธ๐๐ช - Design, share, and learn from community-sourced tutorials quizzes and interactive exercises</li>
</ul>
<h1 id="learning-platforms-and-bootcamps"><a href="https://en.wikipedia.org/wiki/Coding_bootcamp">Learning platforms and bootcamps</a></h1>
<p>Curated and structured education that leads to leveling up your skills through exercises, projects and quizzes</p>
<ul>
<li><a href="https://www.codecademy.com/">Codeacademy</a> - ๐ธ๐ - Free platform for online learning web technologies, computer programming and data science.</li>
<li><a href="https://www.freecodecamp.org/">Free Code Camp</a> - ๐ธ - The king of free coding camps. Learn to code and help nonprofits. Extensive curriculum.</li>
<li><a href="https://www.khanacademy.org/">Khan Academy</a> - ๐ธ - Learn anything for free, forever.</li>
<li><a href="https://nodeschool.io/">Node School</a> - ๐ธ - Open source workshops that teach web software skills. Do them on your own or at a workshop nearby.</li>
<li><a href="https://www.sololearn.com/">Solo Learn</a> - ๐ธ - Learn to code for free using challenges. Offers lessons for multiple programming languages.</li>
<li><a href="https://www.theodinproject.com/">The Odin Project</a> - ๐ธ - A full stack (and open source) Ruby/JS bootcamp<!-- END_LIST -->
</li>
</ul>
<h2 id="sources">Sources</h2>
<ul>
<li><a href="https://github.com/michelpereira/awesome-gamesofcoding">https://github.com/michelpereira/awesome-gamesofcoding</a></li>
<li><a href="https://www.makeuseof.com/tag/best-programming-games/">https://www.makeuseof.com/tag/best-programming-games/</a></li>
<li><a href="https://www.slant.co/topics/6586/~programming-games-on-steam">https://www.slant.co/topics/6586/~programming-games-on-steam</a></li>
<li><a href="https://www.rockpapershotgun.com/2017/11/29/best-hacking-games/">https://www.rockpapershotgun.com/2017/11/29/best-hacking-games/</a></li>
<li><a href="https://medium.mybridge.co/12-free-resources-learn-to-code-while-playing-games-f7333043de11">https://medium.mybridge.co/12-free-resources-learn-to-code-while-playing-games-f7333043de11</a></li>
<li><a href="https://github.com/webloper/awesome-fiddles">https://github.com/webloper/awesome-fiddles</a></li>
<li><a href="https://github.com/theodesp/awesome-coding-camps">https://github.com/theodesp/awesome-coding-camps</a></li>
</ul>
<h2 id="copyright">Copyright</h2>
<p>(c) 2018 Mike North</p>
</body>