-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
676 lines (641 loc) · 26.5 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
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@elliezub" />
<meta name="twitter:title" content="Free Coding Resources" />
<meta
name="twitter:description"
content="A collection of my favorite resources to learn HTML, CSS, JavaScript, SQL and C#."
/>
<meta
name="twitter:image"
content="https://i.ibb.co/GCLd3Ty/websiteimg.png"
/>
<meta property="og:title" content="Free Coding Resources" />
<meta
property="og:description"
content="A collection of my favorite resources to learn HTML, CSS, JavaScript, SQL and C#."
/>
<meta
property="og:image"
content="https://i.ibb.co/GCLd3Ty/websiteimg.png"
/>
<meta
property="og:url"
content="https://elliezub.github.io/Free-Coding-Resources/"
/>
<meta property="og:type" content="website" />
<title>Coding Resources</title>
<link rel="stylesheet" href="styles.css" />
<script
src="https://kit.fontawesome.com/e5f441b479.js"
crossorigin="anonymous"
></script>
</head>
<body>
<div id="header-div">
<h1>Hi Everyone!</h1>
<h2>
Welcome to a page where you can find links to some of the best free
resources to learn coding.
</h2>
<h3>(Of course this is just my opinion 😄)</h3>
<p class="smallheadertext">
PS: Everything is in order of how much I have used it while learning,
top-left square = most used, bottom-right square = least used. I am most
motivated to learn using interactive text-based resources that have
coding challenges, so you won't find many video-based resources here.
The main resource I use for each language will be emphasized and first
on the list. Happy coding! 💜
</p>
</div>
<div id="tabs" class="tab-shadow">
<button class="tab-button active" onclick="openTab(event, 'html')">
HTML
</button>
<button class="tab-button" onclick="openTab(event, 'css')">CSS</button>
<button class="tab-button" onclick="openTab(event, 'javascript')">
<span id="javasfull">JavaScript</span><span id="jssmall">JS</span>
</button>
<button class="tab-button" onclick="openTab(event, 'sql')">SQL</button>
<button class="tab-button" onclick="openTab(event, 'csharp')">C#</button>
</div>
<div id="html" class="content">
<div class="div-container">
<div class="content-item">
<i class="fa-brands fa-free-code-camp fa-xl"></i>
<a
href="https://www.freecodecamp.org/learn/2022/responsive-web-design/"
target="_blank"
>
<h4>freeCodeCamp</h4></a
>
<p class="maintext">
This is the place that I started and fell in love with coding! Start
here if you want to learn HTML and CSS. Make sure to put your own
creative twist on the module projects, you will learn so much more!
</p>
<p class="subtext">
<strong>Main resource</strong> - learn by doing - Challenges - Free
certification
</p>
</div>
<div class="content-item">
<a
id="scrimba-a"
href="https://scrimba.com/learn/htmlandcss"
target="_blank"
><h4>Scrimba</h4></a
>
<img
id="scrimba-logo"
src="https://asset.brandfetch.io/idK99W6SZ1/idqctupsPc.jpeg?updated=1681738159521"
alt="scrimba logo"
/>
<p class="maintext">
The courses are in a screen sharing format, and offer challenges
that you can solve. There are many mini projects and is taught in
bite-sized pieces. Go here if you are an auditory or visual learner.
Love this.
</p>
<p class="subtext">
Interactive - video content - Unique screen share interface
</p>
</div>
<div class="content-item">
<img
id="codercoderimg"
src="https://yt3.googleusercontent.com/ytc/AGIKgqPhoYaIqILRWX3RdDgXOwK1WS47xXKZtgeidb4FWg=s176-c-k-c0x00ffffff-no-rj"
alt="codercoder"
/>
<a
href="https://www.youtube.com/@TheCoderCoder/videos"
target="_blank"
><h4>Coder Coder</h4></a
>
<p class="maintext">
Awesome YouTube channel with walkthrough projects. She explains
every piece of code that is written, and breaks it down for
beginners. She also has a great video explaining VS code, git and
github.
</p>
<p class="subtext">
Walkthrough videos - step-by-step instruction - github for beginners
</p>
</div>
<div class="content-item">
<img
class="w3schools-logo"
src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/a0/W3Schools_logo.svg/768px-W3Schools_logo.svg.png?20210601004220"
alt="w3schools logo"
/>
<a href="https://www.w3schools.com/html/default.asp" target="_blank"
><h4>W3Schools</h4></a
>
<p class="maintext">
Great for reference and refreshing knowledge. Mini quizzes and
problems to solve and get points. Extensive information and short
pieces of example code. Would use in addition to your main resource.
</p>
<p class="subtext">
Structured learning path - Organized reference material
</p>
</div>
<div class="content-item">
<a href="https://getmimo.com/invite/nzgnx7" target="_blank"
><h4>Mimo</h4></a
>
<img
id="mimo-logo"
src="https://is1-ssl.mzstatic.com/image/thumb/Purple122/v4/e8/9a/16/e89a16d1-b2ef-6efc-4611-0c56d6f6ccd4/AppIcon-0-1x_U007emarketing-0-7-0-85-220.png/512x512bb.jpg"
alt="mimo logo"
/>
<p class="maintext mimo">
Great for practice on the go! Also has a leaderboard so it can be
fun to compete. Can do a free trial and try to finish the HTML/CSS
courses.
</p>
<a href="https://www.sololearn.com/" target="_blank"
><h4>Sololearn</h4></a
>
<img
id="sololearn-logo"
src="https://blob.sololearn.com/avatars/sololearn.png"
alt="sololearn logo"
/>
<p class="maintext sololearntext">
Similar to Mimo, review what you have learned so it sticks in your
brain.
</p>
</div>
<div class="content-item">
<img
id="dev-img"
src="https://yt3.ggpht.com/ytc/AGIKgqNOPwqOF6yr6akbRGLCkF7vmhxcYvlP5hrXGrah=s88-c-k-c0x00ffffff-no-rj"
alt="100 Devs img"
/>
<a href="https://t.co/Mgu0I51Zz3" target="_blank"><h4>100Devs</h4></a>
<p class="maintext">
Includes HTML, CSS and JavaScript in the curriculum. Can join a
community or go through the videos on YouTube. For people who like
video based learning. Have not used this much. Link:
<a href="https://communitytaught.org/" target="_blank"
>100Devs site</a
>
</p>
<p class="subtext">Community - Reasoning behind the code</p>
</div>
<div class="content-item">
<h4>Hi there!</h4>
<p class="maintext">
Do you have any favorite free resources that you think should be
added? Let me know, and I will check it out.
</p>
<div id="icon-div">
<a href="https://github.com/elliezub" target="_blank">
<i id="github" class="fa-brands fa-github fa-xl"></i>
</a>
<a
href="https://www.linkedin.com/in/elliezubrowski"
target="_blank"
>
<i class="fa-brands fa-linkedin fa-xl"></i>
</a>
<a href="https://twitter.com/elliezub" target="_blank">
<i class="fa-brands fa-twitter fa-xl"></i>
</a>
</div>
</div>
</div>
</div>
<div id="css" class="content">
<div class="div-container">
<div class="content-item">
<img
class="w3schools-logo"
src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/a0/W3Schools_logo.svg/768px-W3Schools_logo.svg.png?20210601004220"
alt="w3schools logo"
/>
<a href="https://www.w3schools.com/css/default.asp" target="_blank"
><h4>W3Schools</h4></a
>
<p class="maintext">
While using a main resource to learn HTML & CSS together, using
W3Schools to practice is a great choice. Everything is grouped by
category. Make sure to do all the "try it yourself" and the
exercises.
</p>
<p class="subtext">
Structured learning path - Organized reference material
</p>
</div>
<div class="content-item">
<a href="" target="_blank"><h4>iCodeThis</h4></a>
<p class="maintext">
This is a great platform for challenging yourself and your CSS
skills. It's particularly good if you want to practice TailwindCSS.
The community is super supportive and ready to give you constructive
feedback on your work.
</p>
<p class="subtext">
CSS challenges - Mini projects - Supportive community
</p>
</div>
<div class="content-item">
<img
id="cssdays-img"
src="https://user-images.githubusercontent.com/18417244/38813492-5e07251a-418f-11e8-829a-ffd1d1db6470.png"
alt="100 days css logo"
/>
<a href="https://100dayscss.com/" target="_blank"
><h4>100 Days CSS</h4></a
>
<p class="maintext">
This is a daily CSS challenge, great for learning new concepts that
you can use later in your own projects. Put a creative twist on the
project and you can learn a lot. Try to do it yourself before
peeking.
</p>
<p class="subtext">
Intermediate difficulty - Fun - Challenge yourself
</p>
</div>
<div class="content-item">
<a href="https://flexboxfroggy.com/" target="_blank"
><h4>FlexBox Froggy</h4></a
>
<img
id="froggy-img"
src="https://myresources.valentinsld.fr/wp-content/uploads/2020/08/frog.ico"
alt="froggy logo"
/>
<p class="maintext">
Honestly the funnest way to learn CSS Flexbox. There are 24 levels.
You can write css to help your frog friend get to their lilypad.
Highly recommend this resource if you are having trouble with
Flexbox.
</p>
<p class="subtext">Game format - CSS Flexbox - Cute</p>
</div>
<div class="content-item">
<a
href="https://codingfantasy.com/games/flexboxadventure"
target="_blank"
><h4>FlexBox Adventure</h4></a
>
<p class="maintext">
Super fun game to learn Flexbox, King Arthur plans to seek revenge
on the people who wronged him. You must use Flexbox to help him
defeat his enemies! Similar to Flexbox Froggy.
</p>
<p class="subtext">Game format - CSS Flexbox - Fighting-style game</p>
</div>
<div class="content-item">
<a href="https://codepip.com/games/grid-garden/" target="_blank"
><h4>Grid Garden</h4></a
>
<img
id="garden-img"
src="https://myresources.valentinsld.fr/wp-content/uploads/2020/11/cssgridgarden.ico"
alt="garden logo"
/>
<p class="maintext">
Use this if you want to practice using CSS grid and like farming
games. Similar to the format of Flexbox Adventure and Flexbox
Froggy, but instead it's about CSS grid. Although I use flexbox more
then grid, its still useful to learn.
</p>
<p class="subtext">Game format - CSS Grid - Farming</p>
</div>
<div class="content-item">
<a href="https://www.frontendmentor.io/challenges" target="_blank"
><h4>Frontend Mentor</h4></a
>
<img
id="front-img"
src="https://seeklogo.com/images/F/frontend-mentor-logo-DD85EFE0E9-seeklogo.com.png"
alt="garden logo"
/>
<p class="maintext">
Great websites if you want to gain experience creating duplicates of
designs. There are some free challenges that you can do. Personally
have not used much because I like to create my own designs.
</p>
<p class="subtext">
Challenges - Similar to real work tasks - Design practice
</p>
</div>
<div class="content-item">more coming soon..</div>
</div>
</div>
<div id="javascript" class="content">
<div class="div-container">
<div class="content-item">
<img
class="jsinfo-logo"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAADF0lEQVR4Ac1WA5AcQRTtGOcdnG+mpxTbtlmIbZ
ZiOylEpaAQ2062dmZj2ywEpdjWf7U9mzNnrvIOXf0bv//7mM8ywiFPfMI2llCCOQDc4/XEJebwECtkqcZy05NUhuUBPkkr7VeNFTMZK8xyCrDgV4wnpsIHslzAUvT+OJ+59ZmjAF1wg
Cz4Q2xs3CvLYdliT1FCLZWvxzlLMQ7hHpZbHAqNUSyF38dlpqqPZ9kAKR8rlD/whkarLK8wZaOnuPBRVhfuD4uTibWHAdZ4b+YEVjJWxFT5bGLip1/m0zL3O5+CffQ3F+eYk7AkXsOv8B
0ZpedqphfHus+j12I5BQLMJ+kdLUlr4o1KLGeG8GikYhqKWVzJjFITcqynliMFj8harBnFK5iS0cySeXs8lqXG7kg9kqgbTVb8hg8xUvQPTze/ZaMt+foi/X3AiHm6rMn6jOB9Kv9Cewc
gSzIrQEXBBG1eRJsviWA6byp6q+TKIU/9l/wRtL8rPf5GwBDjFAXwAr+itSE2CrLsAq4gutYFLuDbTIXXhxwWi6x4RuMsjJhDLpS3ov37yPJjtLbaiuQacwJgByNoF1bPwhwj5pAH97kJm
wEaX5CVRzEmY8B1oDC1yzwG3Adov5VcOQXcbZZfQE5bCv8FxQhOO2Uhzx8XqMYIO+jwqU32mFEsP0Cp5RdpuDPgDn5OsHCMuQ3xef4ZLFAor7I+HXMwgRLubvDJfEgw+OxyrfDj9pxK7zCX
6edeofiqJWtVKPp3BWo9/ygeYboX/eEJHgq8H4LuOajrqPkUC/dJ/l7If6Ipccl6vb9NtalqaFDui1j4aMp8zz838EFuleADdrAJN7wBE2ZYvBRoRI2vQn6EOQ1flBFBCr4lD76jCr+CB1iqV
gfNCxSL+vD9QERSlLPFR+K9ghRLxlK06UT9y2QPem33DwGW9H7MSZDC3aLmf7M7GgShV9JrkmwmaoLtGsHCAeYUoBDtlPC/N7MiZX+k8FC4zaFuWOuMS7NT7xET9l6kKHMCKLeodmSVBSsz3Ru
RZNDeE+SCkz5Fq8z+d/wFbvfHWf586qAAAAAASUVORK5CYII="
alt="js info logo"
/>
<a href="https://javascript.info/" target="_blank"
><h4>JavaScript.info</h4></a
>
<p class="maintext">
Similar to JS documentation, but easy to follow. Text-based content
that is an excellent resource after you have already grasped the
fundamentals of JS. Covers every relevant topic and includes
practice exercises.
</p>
<p class="subtext">
<strong>Main resource</strong> - Favorite JS resource - Structured
learning
</p>
</div>
<div class="content-item">
<a
id="scrimba-a"
href="https://scrimba.com/learn/learnjavascript"
target="_blank"
><h4>Scrimba</h4></a
>
<img
id="scrimba-logo2"
src="https://asset.brandfetch.io/idK99W6SZ1/idqctupsPc.jpeg?updated=1681738159521"
alt="scrimba logo"
/>
<p class="maintext">
The courses are in a screen sharing format, and offer challenges
that you can solve. There are many mini projects and is taught in
bite-sized pieces. Go here if you are an auditory or visual learner.
Great as a starting resource.
</p>
<p class="subtext">
<strong>Main resource</strong> - Interactive - Start here as a
beginner
</p>
</div>
<div class="content-item">
<img
class="codewars-logo"
src="https://docs.codewars.com/logo.svg"
alt="codewars logo"
/>
<a href="https://www.codewars.com/" target="_blank"
><h4>Codewars</h4></a
>
<p class="maintext">
Codewars is a platform that helps you learn & practice by solving
coding challenges of many difficulty levels. This is excellent to
use after you have learned the basics of JS for practicing and also
preparing for future interviews!
</p>
<p class="subtext">
Solve challenges - Increase your rank - Learn from others code
</p>
</div>
<div class="content-item">
<img
class="w3schools-logo"
src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/a0/W3Schools_logo.svg/768px-W3Schools_logo.svg.png?20210601004220"
alt="w3schools logo"
/>
<a href="https://www.w3schools.com/js/default.asp" target="_blank"
><h4>W3Schools</h4></a
>
<p class="maintext">
Has a comprehensive path to learning JavaScript, make sure to do all
of the "try it yourself" and exercises. This
<a
href="https://www.w3schools.com/howto/default.asp"
target="_blank"
>"How to"</a
>
page is very useful for combining your HTML, CSS and learning more
JavaScript.
</p>
<p class="subtext">
Structured learning path - Organized reference material
</p>
</div>
<div class="content-item">
<i id="fcclogojs" class="fa-brands fa-free-code-camp fa-xl"></i>
<a
href="https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/"
target="_blank"
>
<h4>freeCodeCamp</h4></a
>
<p class="maintext">
I do think this is a good resource, but you should first learn from
one of the other main resources first. It can be challenging for
beginners, come here after you know the basics. Try it, and make
your own projects at the end of the course!
</p>
<p class="subtext">Challenges - Free certification</p>
</div>
<div class="content-item">
<img
id="dare-logo"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAABnRSTlMAAAAAAABupgeRAAAAPklEQVR4AWMAAiZGBMIEmLIg1qzps4AIXQOmLKYQBiKk4diRY2iIsAa4wSRogLBpZgMcjWogI2mQmfhITt4AqHvdOOUsKDIAAAAASUVORK5CYII="
alt="js dares logo"
/>
<a href="https://jsdares.com/?" target="_blank"><h4>jsdares</h4></a>
<p class="maintext">
You learn by completing "dares". These are short puzzles that you
need to solve, in as few lines of code as possible. First levels are
controlling a robots movements, really fun side resource!
</p>
<p class="subtext">Game format - Interactive - Fun - Challenging</p>
</div>
<div class="content-item">
<img
id="dev-img2"
src="https://yt3.ggpht.com/ytc/AGIKgqNOPwqOF6yr6akbRGLCkF7vmhxcYvlP5hrXGrah=s88-c-k-c0x00ffffff-no-rj"
alt="100 Devs img"
/>
<a href="https://t.co/Mgu0I51Zz3" target="_blank"><h4>100Devs</h4></a>
<p class="maintext">
He breaks down the code and makes it understandable, also he is very
motivational. Can learn through the videos on YouTube and track
progress on this website:
<a href="https://communitytaught.org/" target="_blank"
>100Devs site</a
>
</p>
<p class="subtext">Community - Reasoning behind the code</p>
</div>
<div class="content-item">more coming soon..</div>
</div>
</div>
<div id="sql" class="content">
<div class="div-container">
<div class="content-item">
<a
id="w3schools-sql"
href="https://www.w3schools.com/sql/default.asp"
target="_blank"
><h4>W3Schools</h4></a
>
<img
class="w3schools-logo"
src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/a0/W3Schools_logo.svg/768px-W3Schools_logo.svg.png?20210601004220"
alt="w3schools logo"
/>
<p class="maintext">
Great resource for practicing SQL, remember to do all of the "try it
yourself" and exercises. W3Schools also has tutorials for some other
server side content like MySQL and PHP.
</p>
<p class="subtext">
<strong>Main resource</strong> - Structured learning path -
Organized reference material
</p>
</div>
<div class="content-item">
<a
id="hackerrank"
href="https://www.hackerrank.com/domains/sql"
target="_blank"
><h4>HackerRank</h4></a
>
<img
class="hackerrank-logo"
src="https://upload.wikimedia.org/wikipedia/commons/thumb/4/40/HackerRank_Icon-1000px.png/800px-HackerRank_Icon-1000px.png"
alt="HackerRank logo"
/>
<p class="maintext">
You can practice SQL by doing challenges on HackerRank. You might
want to learn some SQL using a main resource first, this is more of
a test for what you already know. Gets progressively harder.
</p>
<p class="subtext">
Challenges - Interactive - Win points to earn stars
</p>
</div>
<div class="content-item">
<a href="https://getmimo.com/invite/nzgnx7" target="_blank"
><h4>Mimo</h4></a
>
<img
id="mimo-logo"
src="https://is1-ssl.mzstatic.com/image/thumb/Purple122/v4/e8/9a/16/e89a16d1-b2ef-6efc-4611-0c56d6f6ccd4/AppIcon-0-1x_U007emarketing-0-7-0-85-220.png/512x512bb.jpg"
alt="mimo logo"
/>
<p class="maintext mimo">
Great for practicing SQL on your phone! Do a free trial and finish
the entire SQL course. Get a free cert. if you finish before the
trial ends.
</p>
<a href="https://getmimo.com/invite/nzgnx7" target="_blank"
><h4>Sololearn</h4></a
>
<img
id="sololearn-logo"
src="https://blob.sololearn.com/avatars/sololearn.png"
alt="sololearn logo"
/>
<p class="maintext sololearntext">
Similar to Mimo, good SQL review on your phone.
</p>
<p class="subtext">Mobile App - Competitive</p>
</div>
<div class="content-item">
<a id="w3schools-sql" href="https://sqlbolt.com/" target="_blank"
><h4>SQLBolt</h4></a
>
<img
class="w3schools-logo"
src="https://sqlbolt.com/cs/images/favicon.png"
alt="SQLBolt logo"
/>
<p class="maintext">
Very comprehensive resource for learning SQL and highly recommended
by others. This will guide you through a lot of essential SQL
knowledge. Interactive with challenges to solve.
</p>
<p class="subtext">
<strong>Main resource</strong> - Structured learning path -
Organized reference material
</p>
</div>
<div class="content-item">more coming soon..</div>
</div>
</div>
<div id="csharp" class="content">
<div class="div-container">
<div class="content-item">
<i class="fa-brands fa-free-code-camp fa-xl"></i>
<a
href="https://www.freecodecamp.org/learn/foundational-c-sharp-with-microsoft/"
target="_blank"
>
<h4>FCC & Microsoft</h4></a
>
<p class="maintext">
Microsoft and freeCodeCamp collaborated to make a foundational
course for learning C#. The course is comprehensive and has many
challenge problems. It is great for people who love hands on
learning and text-based resources.
</p>
<p class="subtext">
<strong>Main resource</strong> - Structured learning path - Free
certification
</p>
</div>
<div class="content-item">
<a href="https://csharpplayersguide.com/" target="_blank">
<h4>C# Player's Guide</h4></a
>
<p class="maintext">
A book that teaches you C# like you are in a video game! Collect XP
points, battle enemies, and level up, all while learning C#. This is
one of the best resouces I've ever used. Use as a main resources
after completing the FCC course. Paid resource, but it's worth it!
</p>
<p class="subtext">
<strong>Main resource</strong> - Challenges - Gamified learning
</p>
</div>
<div class="content-item">
<a
href="https://www.codecademy.com/enrolled/paths/build-web-apps-with-asp-net"
target="_blank"
>
<h4>Codecademy</h4></a
>
<p class="maintext">
Build Web Apps with ASP.NET or their Learn C# course (free), I did
this in addition to the main resources for review. Lots of great
challenge problems and mini projects.
</p>
<p class="subtext">Great review - Mini projects</p>
</div>
<div class="content-item">
<a href="https://edabit.com/?ref=elliezub" target="_blank">
<h4>Edabit</h4></a
>
<p class="maintext">
This website has a bunch of coding challenges starting from very
easy (and I mean super easy not leetcode "easy") to expert. You can
use this to practice any language that they offer.
</p>
<p class="subtext">Coding challenges - Repetition - Syntax recall</p>
</div>
<div class="content-item">more coming soon..</div>
</div>
</div>
<p class="subtext footer">Designed & Built by Ellie Zubrowski</p>
<script src="script.js"></script>
</body>
</html>