-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path0_resource.html
578 lines (493 loc) · 59.7 KB
/
0_resource.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
<!DOCTYPE html>
<!-- saved from url=(0061)https://www.appbrewery.co/p/web-development-course-resources/ -->
<html class="video gr__appbrewery_co no-videoautoplay"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><style type="text/css">@charset "UTF-8";[ng\:cloak],[ng-cloak],[data-ng-cloak],[x-ng-cloak],.ng-cloak,.x-ng-cloak,.ng-hide:not(.ng-hide-animate){display:none !important;}ng\:form{display:block;}.ng-animate-shim{visibility:hidden;}.ng-anchor{position:absolute;}</style>
<link href="https://process.fs.teachablecdn.com/ADNupMnWyR7kCWRvm76Laz/resize=width:32,height:32/https://d2vvqscadf4c1f.cloudfront.net/vz7d3KSRSQ6tfzXoQJfE_LABlogoCircularSmall.png" rel="icon" type="image/png">
<link href="https://process.fs.teachablecdn.com/ADNupMnWyR7kCWRvm76Laz/resize=width:72,height:72/https://d2vvqscadf4c1f.cloudfront.net/vz7d3KSRSQ6tfzXoQJfE_LABlogoCircularSmall.png" rel="apple-touch-icon" type="image/png">
<link href="https://process.fs.teachablecdn.com/ADNupMnWyR7kCWRvm76Laz/resize=width:144,height:144/https://d2vvqscadf4c1f.cloudfront.net/vz7d3KSRSQ6tfzXoQJfE_LABlogoCircularSmall.png" rel="apple-touch-icon" type="image/png">
<link href="https://process.fs.teachablecdn.com/ADNupMnWyR7kCWRvm76Laz/resize=width:320,height:345/https://www.filepicker.io/api/file/N5vjo7GkTISp7Fwl1qmF" rel="apple-touch-startup-image" type="image/png">
<link href="https://process.fs.teachablecdn.com/ADNupMnWyR7kCWRvm76Laz/resize=width:640,height:690/https://www.filepicker.io/api/file/N5vjo7GkTISp7Fwl1qmF" rel="apple-touch-startup-image" type="image/png">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="csrf-param" content="authenticity_token">
<meta name="csrf-token" content="kUJZFnH5iic4uBu4Kk039JDfS4ziczlw0w4RU6dULW6hn72tDTpKLXY/08iK8rWvM6TUN9khxG5nnKBlJbL1vg==">
<link rel="stylesheet" media="screen" href="./0_resource_files/bootstrap-fb144454ae2d6daf41829e849802fb78e65ccf7a89947805dd103de5cb97d355.css" data-turbolinks-track="true"><link href="./0_resource_files/production.css" rel="stylesheet" data-turbolinks-track="true">
<title>Web Development Course Resources | The App Brewery</title>
<link rel="canonical" href="https://www.appbrewery.co/p/web-development-course-resources">
<meta property="og:title" content="Web Development Course Resources">
<meta property="og:url" content="https://www.appbrewery.co/p/web-development-course-resources">
<meta property="og:image" content="https://www.filepicker.io/api/file/i9apvRTRQuSkbe13KrtM">
<meta name="twitter:title" content="Web Development Course Resources">
<meta name="twitter:image" content="https://www.filepicker.io/api/file/i9apvRTRQuSkbe13KrtM">
<meta name="brand_video_player_color" content="#09A59A">
<meta name="site_title" content="The App Brewery">
<style>#clockdiv{
font-family: sans-serif;
color: #fff;
display: inline-block;
font-weight: 100;
text-align: center;
font-size: 30px;
}
#clockdiv > div{
padding: 10px;
border-radius: 3px;
background: #00BF96;
display: inline-block;
}
#clockdiv div > span{
padding: 15px;
border-radius: 3px;
background: #00816A;
display: inline-block;
}
.smalltext{
padding-top: 5px;
font-size: 16px;
}</style>
<script type="text/javascript" async="" src="./0_resource_files/saved_resource" data-sumo-site-id="bc78f0bed93df8b42324cfff5d1b97de6dbbe07543519665f534c1c0ace18ff3"></script><script type="text/javascript" async="" src="./0_resource_files/analytics.js.download"></script><script type="text/javascript" async="" src="./0_resource_files/ec.js.download"></script><script type="text/javascript" async="" src="./0_resource_files/ecommerce.js.download"></script><script async="" src="./0_resource_files/analytics.js.download"></script><script async="" id="analytics-js" type="text/javascript" src="./0_resource_files/analytics.js(1).download"></script><script type="text/javascript" async="" src="./0_resource_files/filestack.js.download"></script><script type="text/javascript" async="" src="./0_resource_files/recaptcha__en.js.download"></script><script src="./0_resource_files/E-v1.js.download"></script><style id="wistia_18_style" type="text/css" class="wistia_injected_style">
@font-face {
font-family: 'WistiaPlayerOverpassNumbers';
src: url(data:application/x-font-ttf;charset=utf-8;base64,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);
}
</style>
<script src="./0_resource_files/api.js.download" async="" defer=""></script>
<meta name="asset_host" content="https://fedora.teachablecdn.com">
<script src="./0_resource_files/application-1373410a4fe18258bccdd558991a1b1ed4c62390e2116938378a10bc0ff046cf.js.download" data-turbolinks-track="true"></script><link href="./0_resource_files/font-awesome.min.css" rel="stylesheet" type="text/css"><script src="./0_resource_files/student-49e42f0b1cbfb6a26f21.js.download"></script>
<script>
if(typeof ga != 'function') {
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
}
ga('create', 'UA-44397410-1', 'auto', {'name': 'fedoraTracker', 'allowLinker': true});
ga('fedoraTracker.require', 'linker');
ga('fedoraTracker.linker:autoLink', ['www.appbrewery.co'] );
ga('fedoraTracker.require', 'ecommerce');
ga('fedoraTracker.require', 'ec');
ga('fedoraTracker.send', 'pageview');
ga('create', 'UA-44397410-4', 'auto', {'name': 'teachableTracker', 'allowLinker': true});
ga('teachableTracker.require', 'linker');
ga('teachableTracker.linker:autoLink', ['www.appbrewery.co'] );
ga('teachableTracker.require', 'ecommerce');
ga('teachableTracker.require', 'ec');
ga('teachableTracker.send', 'pageview');
</script>
<link href="https://www.appbrewery.co/blog/rss" rel="alternate" title="RSS Feed" type="application/rss+xml">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<style type="text/css">.fp__btn{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:inline-block;height:34px;padding:4px 30px 5px 40px;position:relative;margin-bottom:0;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-family:"Open Sans", sans-serif;font-size:12px;font-weight:600;line-height:1.42857143;color:#fff;text-align:center;white-space:nowrap;background:#ef4925;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAVCAYAAABLy77vAAAABGdBTUEAALGPC/xhBQAAAJRJREFUOBHNUcEWgCAIy14fbl9egK5MRarHQS7ocANmOCgWh1gdNERig1CgwPlLxkZuE80ndHlU+4Lda1zz0m01dSKtcz0h7qpQb7WR+HyrqRPxahzwwMqqkEVs6qnv+86NQAbcJlK/X+vMeMe7XcBOYaRzcbItUR7/8QgcykmElQrQPErnmxNxl2yyiwcgEvQUocIJaE6yERwqXDIAAAAASUVORK5CYII=");background-repeat:no-repeat;background-position:15px 6px;border:1px solid transparent;border-radius:17px}.fp__btn:hover{background-color:#d64533}.fp__btn::after{position:absolute;content:"";top:15px;right:14px;width:7px;height:4px;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAICAYAAAA1BOUGAAAABGdBTUEAALGPC/xhBQAAAGlJREFUCB1j/P//vw4DA4MiEKOD+0xAkatA/AJNBsS/ysTIyPgfyDgHxO+hCkD0Oag4RAhoPDsQm4NoqCIGBiBnAhBjAxNAkkxAvBZNFsQHuQesmxPIOQZVAKI54UZDFYgABbcBsQhMAgDIVGYSqZsn6wAAAABJRU5ErkJggg==");}.fp__btn:hover::after{background-position:0 -4px;}.fp__btn:active,.fp__btn:focus{outline:none}@media only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2){.fp__btn{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAqCAYAAADbCvnoAAAABGdBTUEAALGPC/xhBQAAAQFJREFUWAntWEESwjAIbBwfHl+upNoRNjKUJhk5kIvZQGG7bHOwPGltgdYtEJedShKyJnLHhEILz1Zi9HCOzFI7FUqFLAWseDgPdfeQ9QZ4b1j53nstnEJJyBqx20NeT1gEMB5uZG6Fzn5lV5UMp1ASQhMjdnvoqjewsYbDjcytEH5lsxULp1AS0sx8nJfVnjganf3NkVlKhVPIfQ9Zb6jF0atK3mNriXwpicPHvIeyr3sTDA53VgpgH8BvMu1ZCCz7ew/7MPwlE4CQJPNnQj2ZX4SYlEPbVpsvKFZ5TOwhcRoUTQiwwhVjArPEqVvRhMCneMXzDk9lwYphIwrZZOihF32oehMAa1qSAAAAAElFTkSuQmCC");background-size:18px 21px}.fp__btn::after{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAYAAAAmlE46AAAABGdBTUEAALGPC/xhBQAAANpJREFUKBWVkU8KglAYxJ/u3HuBwmUX8BqepKN4ka4RguDOVYu2QVCrhIJ6/caekqLiGxi+PzPD58PAWrszxmygD84h7hpePFLy1mEQBJamgvcVYXkqZXTR0LwpJWw0z0Ba6bymDcrI4kkp4EvzCNoVztNKfVATwoOiyx/NDup1SVqPQVBbDDeK3txBb9JuHfhNW3HWjZhDX+SGRAgPHkl5f0+kieBxRVieaPD5LGJ4WghLiwehbkBI4HUirF3S+SYrhhQ2f2H16aR5vMSYwbdjNtYXZ0J7cc70BXnFMHIGznzEAAAAAElFTkSuQmCC");background-size:7px 8px;}}</style><script charset="utf-8" src="./0_resource_files/75.93b86ab43c8d3aed0e50.js.download"></script><script charset="utf-8" src="./0_resource_files/77.93b86ab43c8d3aed0e50.js.download"></script></head><div id="screen-shader" style="
transition: opacity 0.1s ease 0s;
z-index: 2147483647;
margin: 0;
border-radius: 0;
padding: 0;
background: #fac563;
pointer-events: none;
position: fixed;
top: -10%;
right: -10%;
width: 120%;
height: 120%;
opacity: 0.2960;
mix-blend-mode: multiply;
display: block;
"></div>
<body data-gr-c-s-loaded="true" style="padding-bottom: 138px;">
<meta http-content="IE=Edge" http-equiv="X-UA-Compatible">
<meta content="width=device-width,initial-scale=1.0,user-scalable=no" name="viewport">
<meta id="fedora-keys" data-commit-sha="d11c95c267aa1761c0e3b43fbd015866a1b0e64a" data-env="production" data-sentry-public-dsn="https://[email protected]/120346" data-stripe="pk_live_hkgvgSBxG4TAl3zGlXiB1KUX" data-track-all-ahoy="false" data-track-changes-ahoy="false" data-track-clicks-ahoy="false" data-track-sumbits-ahoy="false" data-filepicker="ADNupMnWyR7kCWRvm76Laz" data-taxamo="public_3adAdeo6B9dUufD_mJMEMkTXmxbK-vffcybxQEvrshk" data-iris-url="https://eventable.teachable.cloud"><meta id="fedora-data" data-id="25521551" data-name="heechangkang" data-email="[email protected]" data-school-id="37913" data-src="null" data-joined-at=""2019-08-14T17:22:02Z"" data-wistia-identifier="37913:student:25521551" data-gravatar-url="https://s.gravatar.com/avatar/42b13dd02278930aed6958a2db207a07?d=mm" data-custom-role-course-permissions="false" data-report-card="{"430756":{"id":null,"course_id":430756,"is_active":true,"has_full_access":false,"percent_complete":28,"enrolled_at":"2019-08-18T09:23:24Z","updated_at":"2019-09-08T09:02:21Z","completed_at":null,"certificate_page_id":null,"certificate_serial_number":null,"certificate_issued_at":null,"completed_lecture_count":99,"completed_lecture_ids":[6581266,6581272,6581373,6581390,6581402,6581408,6581421,6581426,6581436,6581442,6581446,6581449,6581488,6581496,6581502,6581522,6581537,6581556,6581590,6581596,6581615,6581620,6581641,6581657,6697153,6697497,6697499,6697532,6697538,6699193,6699195,6699344,6699348,6706521,6707122,6707408,6707422,6707459,6707464,6707522,6707533,6707559,6707634,6707639,6707720,6707732,6707744,6707750,6707762,6707919,6707935,6707945,6707997,6709005,6709021,6709029,6709037,6709040,6709045,6709054,6709062,6709081,6709084,6709091,6709093,6709358,6709807,6709818,6709824,6709826,6709829,6709834,6709838,6718825,6723132,6723367,6723520,6723533,6723582,6723592,6723608,6723621,6723762,6723768,6723771,6723785,6723795,6723802,6723809,6723898,6723905,6724000,6724514,6923798,8414941,8415044,8415053,9119558,9119560],"days_enrolled":24},"89218":{"id":null,"course_id":89218,"is_active":true,"has_full_access":false,"percent_complete":3,"enrolled_at":"2019-08-18T09:23:23Z","updated_at":"2019-09-07T10:51:05Z","completed_at":null,"certificate_page_id":null,"certificate_serial_number":null,"certificate_issued_at":null,"completed_lecture_count":2,"completed_lecture_ids":[2063939,2063959],"days_enrolled":24},"574672":{"id":null,"course_id":574672,"is_active":true,"has_full_access":false,"percent_complete":12,"enrolled_at":"2019-08-18T09:23:24Z","updated_at":"2019-09-04T07:25:03Z","completed_at":null,"certificate_page_id":null,"certificate_serial_number":null,"certificate_issued_at":null,"completed_lecture_count":21,"completed_lecture_ids":[10342597,10342646,10342684,10342691,10342697,10342710,10342904,10342920,10342926,10342937,10342950,10343128,10343135,10343147,10343155,10343168,10343178,10352324,10352387,10352394,10352456],"days_enrolled":24},"548873":{"id":null,"course_id":548873,"is_active":true,"has_full_access":false,"percent_complete":6,"enrolled_at":"2019-08-14T17:22:03Z","updated_at":"2019-09-02T06:12:37Z","completed_at":null,"certificate_page_id":null,"certificate_serial_number":null,"certificate_issued_at":null,"completed_lecture_count":10,"completed_lecture_ids":[9950619,9985804,9985806,9985809,9985813,9985823,9986032,9986034,9989498,9989846],"days_enrolled":28},"89200":{"id":null,"course_id":89200,"is_active":true,"has_full_access":false,"percent_complete":2,"enrolled_at":"2019-08-18T09:23:23Z","updated_at":"2019-09-01T06:56:15Z","completed_at":null,"certificate_page_id":null,"certificate_serial_number":null,"certificate_issued_at":null,"completed_lecture_count":1,"completed_lecture_ids":[1775231],"days_enrolled":24},"105356":{"id":null,"course_id":105356,"is_active":true,"has_full_access":false,"percent_complete":1,"enrolled_at":"2019-08-18T09:23:24Z","updated_at":"2019-08-18T18:25:36Z","completed_at":null,"certificate_page_id":null,"certificate_serial_number":null,"certificate_issued_at":null,"completed_lecture_count":1,"completed_lecture_ids":[1537128],"days_enrolled":24},"384436":{"id":null,"course_id":384436,"is_active":true,"has_full_access":false,"percent_complete":0,"enrolled_at":"2019-08-18T09:23:24Z","updated_at":"2019-08-18T09:23:24Z","completed_at":null,"certificate_page_id":null,"certificate_serial_number":null,"certificate_issued_at":null,"completed_lecture_count":0,"completed_lecture_ids":[],"days_enrolled":24},"185340":{"id":null,"course_id":185340,"is_active":true,"has_full_access":false,"percent_complete":0,"enrolled_at":"2019-08-18T09:23:24Z","updated_at":"2019-08-18T09:23:24Z","completed_at":null,"certificate_page_id":null,"certificate_serial_number":null,"certificate_issued_at":null,"completed_lecture_count":0,"completed_lecture_ids":[],"days_enrolled":24},"173928":{"id":null,"course_id":173928,"is_active":true,"has_full_access":false,"percent_complete":0,"enrolled_at":"2019-08-18T09:23:24Z","updated_at":"2019-08-18T09:23:24Z","completed_at":null,"certificate_page_id":null,"certificate_serial_number":null,"certificate_issued_at":null,"completed_lecture_count":0,"completed_lecture_ids":[],"days_enrolled":24},"105355":{"id":null,"course_id":105355,"is_active":true,"has_full_access":false,"percent_complete":0,"enrolled_at":"2019-08-18T09:23:24Z","updated_at":"2019-08-18T09:23:24Z","completed_at":null,"certificate_page_id":null,"certificate_serial_number":null,"certificate_issued_at":null,"completed_lecture_count":0,"completed_lecture_ids":[],"days_enrolled":24},"105308":{"id":null,"course_id":105308,"is_active":true,"has_full_access":false,"percent_complete":0,"enrolled_at":"2019-08-18T09:23:24Z","updated_at":"2019-08-18T09:23:24Z","completed_at":null,"certificate_page_id":null,"certificate_serial_number":null,"certificate_issued_at":null,"completed_lecture_count":0,"completed_lecture_ids":[],"days_enrolled":24},"105299":{"id":null,"course_id":105299,"is_active":true,"has_full_access":false,"percent_complete":0,"enrolled_at":"2019-08-18T09:23:24Z","updated_at":"2019-08-18T09:23:24Z","completed_at":null,"certificate_page_id":null,"certificate_serial_number":null,"certificate_issued_at":null,"completed_lecture_count":0,"completed_lecture_ids":[],"days_enrolled":24},"92548":{"id":null,"course_id":92548,"is_active":true,"has_full_access":false,"percent_complete":0,"enrolled_at":"2019-08-18T09:23:23Z","updated_at":"2019-08-18T09:23:23Z","completed_at":null,"certificate_page_id":null,"certificate_serial_number":null,"certificate_issued_at":null,"completed_lecture_count":0,"completed_lecture_ids":[],"days_enrolled":24},"meta":{"cached_at":"2019-09-10T16:42:36Z"}}" data-course-ids="[430756,89218,574672,548873,89200,105356,384436,185340,173928,105355,105308,105299,92548]" data-role="student" data-last-four="null" data-completed-lecture-ids="[6581266,6581272,6581373,6581390,6581402,6581408,6581421,6581426,6581436,6581442,6581446,6581449,6581488,6581496,6581502,6581522,6581537,6581556,6581590,6581596,6581615,6581620,6581641,6581657,6697153,6697497,6697499,6697532,6697538,6699193,6699195,6699344,6699348,6706521,6707122,6707408,6707422,6707459,6707464,6707522,6707533,6707559,6707634,6707639,6707720,6707732,6707744,6707750,6707762,6707919,6707935,6707945,6707997,6709005,6709021,6709029,6709037,6709040,6709045,6709054,6709062,6709081,6709084,6709091,6709093,6709358,6709807,6709818,6709824,6709826,6709829,6709834,6709838,6718825,6723132,6723367,6723520,6723533,6723582,6723592,6723608,6723621,6723762,6723768,6723771,6723785,6723795,6723802,6723809,6723898,6723905,6724000,6724514,6923798,8414941,8415044,8415053,9119558,9119560,2063939,2063959,10342597,10342646,10342684,10342691,10342697,10342710,10342904,10342920,10342926,10342937,10342950,10343128,10343135,10343147,10343155,10343168,10343178,10352324,10352387,10352394,10352456,9950619,9985804,9985806,9985809,9985813,9985823,9986032,9986034,9989498,9989846,1775231,1537128,null]" data-school-launched="true" data-preview="logged_in" data-turn-off-fedora-branding="true" data-plan-supports-whitelabeling="true" data-powered-by-text="Powered by" data-asset-path="//https://fedora.teachablecdn.com/assets/footer/teachable-logo-white-efd32576079839534d5b6e87bf4424e99b12624f854b2c500a4d3f0b6e2af46b.svg" data-school-preferences="{"ssl_forced":"true","bazaar_enabled":"false","paypal_enabled":"true","autoplay_lectures":"true","comments_threaded":"true","themeable_enabled":"true","course_blocks_beta":"true","eu_vat_tax_enabled":"false","legacy_back_office":"true","themeable_disabled":"false","comments_moderation":"false","eu_vat_tax_eligible":"true","charge_exclusive_tax":"true","drip_content_enabled":"true","autocomplete_lectures":"true","class_periods_enabled":"false","css_properties_enabled":"false","preenrollments_enabled":"false","native_comments_enabled":"true","new_text_editor_enabled":"true","require_terms_agreement":"true","turn_off_fedora_branding":"true","allow_comment_attachments":"true","authors_can_email_students":"false","authors_can_manage_coupons":"false","teachable_accounts_enabled":"false","teachable_payments_enabled":"true","authors_can_import_students":"false","authors_can_publish_courses":"false","internal_subscriptions_beta":"true","recaptcha_enabled_on_signup":"false","tax_form_collection_enabled":"true","display_vat_inclusive_prices":"false","single_page_checkout_enabled":"true","authors_can_set_course_prices":"false","affiliate_cookie_duration_days":"365","authors_can_issue_certificates":"false","store_student_cards_separately":"true","authors_can_manage_certificates":"false","authors_can_manage_course_pages":"false","prevent_new_coupon_applications":"true","disable_js_course_event_tracking":"false","exclusive_vat_on_custom_gateways":"true","owner_teachable_accounts_required":"false","prevent_payment_plan_cancellation":"true","automatically_add_disqus_attachments":"true","recalc_course_pct_on_lecture_publish":"false","turn_off_myteachable_sign_up_branding":"true"}" data-accessible-features="["bulk_enroll_students","manually_importing_users","native_certificates","earnings_statements","teachable_payments","teachable_u","certificates_editor_v2","drip_content","custom_domain","coupons","graded_quizzes","power_editor","email","course_reports","webhooks","integrations","zapier_action_create_user","teachable_payments_payout_view","new_device_confirmation","elasticsearch_users","elasticsearch_transactions","course_compliance","reset_progress","stripe_payment_intents_api"]" data-course-data="{}" data-vat-country="null" data-hellosign-id="null"><meta id="analytics-keys" name="analytics" data-analytics="{"Google Analytics":{"trackingId":"UA-62080042-7","enhancedEcommerce":true,"sendUserId":true,"anonymizeIp":true},"SumoMe":{"siteId":"bc78f0bed93df8b42324cfff5d1b97de6dbbe07543519665f534c1c0ace18ff3"}}">
<!-- HEADER -->
<header class="">
<!-- Navbar -->
<div class="navbar navbar-fedora navbar-fixed-top is-at-top bs-docs-nav is-signed-in show-nav-background-color" id="navbar" role="navigation">
<div class="container">
<div class="navbar-header">
<button class="navbar-toggle" data-target=".navbar-header-collapse" data-toggle="collapse" type="button">
<span class="sr-only">
Toggle navigation
</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!-- Site logo -->
<a class="navbar-brand header-logo" href="https://www.appbrewery.co/?sa=8cb10fac-cf01-4c0d-a2fd-1f6c727f8488">
<span class="sr-only">The App Brewery</span>
<img src="./0_resource_files/TheAppBrewery-Code-Logo-White.png" alt="The App Brewery" srcset="https://process.fs.teachablecdn.com/ADNupMnWyR7kCWRvm76Laz/resize=height:120/https://www.filepicker.io/api/file/i9apvRTRQuSkbe13KrtM 2x">
</a>
<!-- Header Menu -->
<div class="collapse navbar-collapse navbar-header-collapse">
<ul class="nav navbar-nav navbar-right">
<li>
<a class="fedora-navbar-link navbar-link" href="https://www.appbrewery.co/courses/enrolled" target="">
My Courses
</a>
</li>
<!-- If more than 5 links, collapse the rest in a dropdown -->
<!-- User Menu -->
<li class="dropdown">
<a aria-expanded="false" aria-haspopup="true" class="fedora-navbar-link navbar-link dropdown-toggle open-my-profile-dropdown" data-toggle="dropdown">
<img class="gravatar" src="./0_resource_files/42b13dd02278930aed6958a2db207a07.png" alt="[email protected]">
<span class="navbar-current-user">heechangkang</span>
</a>
<ul class="dropdown-menu">
<li class="user-profile">
<a href="https://www.appbrewery.co/current_user/profile">
Edit Profile
</a>
</li>
<li>
<a href="https://www.appbrewery.co/current_user/subscriptions">
Manage Subscriptions
</a>
</li>
<li>
<a href="https://www.appbrewery.co/current_user/credit_card">
Add / Change Credit Card
</a>
</li>
<li>
<a href="https://www.appbrewery.co/current_user/contact">
Contact
</a>
</li>
<li class="user-signout">
<a href="https://www.appbrewery.co/sign_out">
Log Out
</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
</header>
<div role="main" class="view-school">
<div class="blocks-page blocks-page-rich_text " id="blocks-page-2014742">
<!-- in live preview mode we add an extra wrapper around each block, and remove the `block.show` check -->
<div class="course-block block rich_text " id="block-7615699">
<div class="container">
<div class="row">
<div class="col-xs-10 col-xs-offset-1 col-md-8 col-md-offset-2 course-description">
<h1>Web Development Course Resources List</h1>
<p><br>
</p>
<h3>Intro<br></h3>
<ul>
<li><a href="https://drive.google.com/uc?export=download&id=1uhCUGouBsclvAH8S9d-_Z9B5hKnKdCoR" target="_blank">Download the Course Syllabus</a></li>
<li><a href="https://drive.google.com/uc?export=download&id=1RfRLujREfLx1PSpw9bubNDsvRuknJ5ek" target="_blank">App Brewery Cornell Notes Template</a></li>
<li><a href="https://www.google.co.uk/chrome/" target="_blank">Google Chrome Browser</a> (recommended)<br><a href="https://atom.io/" target="_blank"></a></li>
<li><a href="https://atom.io/" target="_blank">Atom Text Editor</a> (recommended)</li>
<li><a href="https://docs.google.com/document/d/1_U2en_kdW4DlCQs5F07ZyBRIhPU4xAB88pCvbQWZ2ww" target="_blank">List of Atom Plugins</a></li>
</ul>
<h3>HTML<br></h3>
<ul>
<li><a href="https://web.stanford.edu/group/csp/cs21/htmlcheatsheet.pdf" target="_blank">HTML Cheatsheet</a> by Stanford University</li>
<li>Experiment with HTML code on <a href="https://codepen.io/" target="_blank">codepen.io</a></li>
<li><a href="https://www.gutenberg.org/ebooks/1661" target="_blank">The Adventures of Sherlock Holmes</a> on Gutenberg.org</li>
<li><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements" target="_blank">MDN documentation</a> on headings</li>
<li><a href="https://www.w3schools.com/html/html_headings.asp" target="_blank">W3Schools documentation</a> on headings</li>
<li>Alternative reference <a href="https://devdocs.io/" target="_blank">devdocs.io</a></li>
</ul>
<p><strong></strong>
</p>
<h3>Personal CV Website</h3>
<ul>
<li>Use the <a href="https://archive.org/web/" target="_blank">Wayback Machine</a> to find out what websites used to look like in the olden days</li>
<li>Professor <a href="https://www.cs.dartmouth.edu/~thc/" target="_blank">Thomas H. Cormen's Personal Site</a> (co-author of Introduction to Algorithms)</li>
<li>Professor <a href="http://www.cs.cornell.edu/home/kleinber/" target="_blank">John Kleinberg's Personal Site</a> (developed the HITS algorithm for web search)</li>
<li>Professor Emeritus <a href="https://www-cs-faculty.stanford.edu/~knuth/" target="_blank">Donald Knuth's Personal Site</a> (author of the Art of Computer Programming)</li>
<li>Useful Atom <a href="https://github.com/nwinkler/atom-keyboard-shortcuts" target="_blank">keyboard shortcuts</a></li>
<li>See what the emmet package can do on their <a href="https://docs.emmet.io/cheat-sheet/" target="_blank">cheat sheet</a></li>
<li>List of <a href="https://www.fileformat.info/info/charset/UTF-8/list.htm" target="_blank">UTF-8 characters</a></li>
<li>See encoding differences on Windows symbol charts (e.g., <a href="https://msdn.microsoft.com/en-us/library/cc195055.aspx" target="_blank">Greek</a> vs <a href="https://msdn.microsoft.com/en-gb/library/cc195058.aspx" target="_blank">Arabic</a>)</li>
<li>See all unicode characters with a map on <a href="https://unicode-table.com/en/" target="_blank">unicode-table.com</a></li>
<li>Joel Spolsky on <a href="https://www.joelonsoftware.com/2003/10/08/the-absolute-minimum-every-software-developer-absolutely-positively-must-know-about-unicode-and-character-sets-no-excuses/" target="_blank">the absolute minimum any developer needs to know about unicode</a></li>
<li>Difference between the HTML5 <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/em#%3Ci%3E_vs._%3Cem%3E" target="_blank">emphasis vs italicise tags</a></li>
<li>Hyperlinks and <a href="https://thewikigame.com/" target="_blank">the Wikigame</a></li>
<li>Stanford <a href="https://web.stanford.edu/group/csp/cs21/htmlcheatsheet.pdf" target="_blank">HTML Cheatsheet</a></li>
<li>A beautiful example of an online CV <a href="http://www.pascalvangemert.nl/#/experiences" target="_blank">by Pascal Van Gemert</a></li>
<li>MDN <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/table" target="_blank">Table documentation</a></li>
<li>MDN <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input" target="_blank">Input documentation</a></li>
</ul>
<h3>Hosting your Website on Github<br></h3>
<ul>
<li>Publish your website using <a href="https://pages.github.com/" target="_blank">Github Pages</a></li>
</ul>
<h3>CSS</h3>
<ul>
<li><a href="https://web.stanford.edu/group/csp/cs21/csscheatsheet.pdf">CSS Cheatsheet</a> from Stanford University</li>
<li>Download the <a href="https://drive.google.com/uc?export=download&id=10wBjqLLB9Xt3JKFHGIcIzpV_t97Exokp">Debugging Problem Starting Files</a></li>
<li>Download the <a href="https://drive.google.com/uc?export=download&id=1CNR9W363_uCrqJFN4NKEnDmZyDXNN9mv" target="_blank">Bacon Fan Site</a> Starting Files </li>
<li><a href="http://toastytech.com/evil/index.html" target="_blank">Toasty Technology's</a> classic 90s style website</li>
<li>Sean Halpin's beautiful <a href="http://seanhalpin.io/" target="_blank">personal website</a></li>
<li>MDN documentation on <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-color" target="_blank">background colour</a></li>
<li>Curated colour palettes on <a href="https://colorhunt.co/" target="_blank">colorhunt.co</a></li>
<li>Colour <a href="https://colorhunt.co/palette/94114" target="_blank">palette used in lectures</a></li>
<li><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/color_value" target="_blank">Table of named colours</a> on MDN</li>
<li>Overview of <a href="https://www.w3schools.com/cssref/css_default_values.asp" target="_blank">default CSS applied by the browser</a></li>
<li>MDN documentation on <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/border-style" target="_blank">border-styles</a></li>
<li>devdocs.io on <a href="https://devdocs.io/css/height" target="_blank">CSS height</a></li>
<li>W3Schools documentation on <a href="https://www.w3schools.com/css/css_text.asp" target="_blank">CSS Text</a></li>
<li>Markus Vogl <a href="http://markusvogl.com/web1/interactive_box_model/css_box_demo.html" target="_blank">Interactive Box Model Demo</a></li>
<li><a href="https://drive.google.com/uc?export=download&id=1lF3LFRt06ssrSyGrDPuzbDcLCyeQuQA5" target="_blank">Download the CSS-My Site Images</a></li>
<li><a href="https://drive.google.com/file/d/1tVju_Zg1E9QlhwPU6hO-p3-7myAvwWau/view?usp=sharing" target="_blank">Download the StubCode.html file</a></li>
<li>Is <img> element <a href="https://stackoverflow.com/questions/2402761/is-img-element-block-level-or-inline-level">block level or inline level</a>?</li>
<li>W3Schools documentation on <a href="https://www.w3schools.com/cssref/css_websafe_fonts.asp">Web Safe Fonts</a></li>
<li>MDN documentation reference on <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Reference" target="_blank">CSS Properties and Pseudoclasses</a></li>
<li>Broccoli and other images from <a href="https://emojipedia.org/" target="_blank">emojipedia.org</a></li>
<li><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/Adding_z-index">Z-Index Documentation</a> on MDN</li>
<li>Download <a href="https://drive.google.com/uc?export=download&id=13Z1_Fgbh3QESIIoFpXUgo1F4sVjB9di2">Stacking Order Flowchart</a></li>
<li><a href="https://drive.google.com/uc?export=download&id=1FNwOPj-bWO66HO6dsJiBVvFu2dt57n91" target="_blank">Completed Personal Site Project</a></li>
</ul>
<h3>Bootstrap</h3>
<ul>
<li><a href="https://getbootstrap.com/" target="_blank">Get Boostrap 4</a></li>
<li><a href="https://www.codeply.com/go/KBp1GvyXjd" target="_blank">Bootstrap Nav Bar CodePly</a></li>
<li><a href="https://www.codeply.com/go/kNDgocH9rn">Bootstrap Grids Codeply</a></li>
<li><a href="https://drive.google.com/uc?export=download&id=16zC2yFidTU0fBUNN0P3HVmKN5xiMKxNL" target="_blank">TinDog Starting Files</a></li>
<li><a href="https://drive.google.com/uc?export=download&id=1GT2nLIp32IwMmqKgX0jYOylAmHLPE7iQ" target="_blank">TinDog Completed Website Files</a></li>
</ul>
<h3>Javascript<br></h3>
<ul>
<li><a href="https://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/dad7b1cb-2490-48a1-9959-3040a7e0cf27/ie6-comic-strip.jpg" target="_blank">The History of Internet Explorer</a> Comic Strip</li>
<li>Writing Good<a href="https://github.com/rwaldron/idiomatic.js" target="_blank"> Javascript Guidelines</a> </li>
<li><a href="http://stanford.edu/~cpiech/karel/ide.html" target="_blank">Karel Online IDE</a></li>
<li>
<style>
p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px 'Helvetica Neue'}
</style>
<a href="https://www.youtube.com/watch?v=GtOt7EBNEwQ" target="_blank">Randomness</a> -video by Khan Academy</li>
<li><a href="https://blog.codinghorror.com/why-cant-programmers-program/" target="_blank">Why can't programmers program?</a> A blog past from Coding Horror</li>
<li><a href="https://www.jitbit.com/alexblog/249-now-thats-what-i-call-a-hacker/">Now that's what I call a Hacker.</a> The legendary story retold in English.</li>
<li><a href="https://bash.im/quote/436725">The original story</a> from above link in Russian.</li>
</ul>
<h3>The Document Object Model (DOM)</h3>
<ul>
<li><a href="https://chrome.google.com/webstore/detail/html-tree-generator/dlbbmhhaadfnbbdnjalilhdakfmiffeg" target="_blank">HTML Tree Generator</a></li>
<li><a href="https://drive.google.com/uc?export=download&id=1m1rPqbhasXu4QhI_S1jtsPsqEYiYix86" target="_blank">Download the Starting Files to the DOM Challenge</a></li>
<li><a href="https://drive.google.com/uc?export=download&id=1jVeyfctlACds5zBKiSquVBrCxfg4y68v" target="_blank">Download the Starting Files to the Dicee Challenge</a></li>
<li><a href="https://drive.google.com/uc?export=download&id=1AcleoRQrY6Wo7KJI1jXt7ItNkYhKlH-g" target="_blank">Download the completed Dicee Challenge</a></li>
<li><a href="https://www.w3schools.com/jsref/dom_obj_style.asp">DOM Style Javascript property names</a></li>
</ul>
<h3>Advanced Javascript and DOM Manipulation</h3>
<ul>
<li><a href="https://drive.google.com/uc?export=download&id=15mCNTdl76jPIG-T239u1XBEY81wrYy7Y" target="_blank">Download the Starting Files to the Drum Kit</a></li>
<li><a href="https://drive.google.com/uc?export=download&id=1zHXQ63LkBXX5_S8JUhwzjUUEVu-mWD_L" target="_blank">Download the Completed Files to the Drum Kit</a></li>
</ul>
<h3>The Command Line</h3>
<ul>
<li><a href="https://hyper.is/" target="_blank">Download Hyper Terminal</a></li>
<li>For Windows Users: <a href="https://git-scm.com/downloads">Download Git</a></li>
<li>For Windows Users: <a href="https://gist.github.com/coco-napky/404220405435b3d0373e37ec43e54a23">Hyper Configurations</a></li>
<li><a href="https://www.learnenough.com/command-line-tutorial" target="_blank">Learn enough command line to be dangerous</a></li>
</ul>
<h3>Node.js</h3>
<ul>
<li><a href="https://nodejs.org/" target="_blank">Download Node.js</a></li>
<li><a href="https://nodejs.org/api/">Node API Documentation</a></li>
<li>Node Documentation on <a href="https://nodejs.org/api/modules.html#modules_the_module_object" target="_blank">Exports & the Module Object</a></li>
<li>MDN Docs on <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object" target="_blank">Javascript Objects</a> </li>
</ul>
<h3>Git, Github and Version Control</h3>
<ul>
<li><a href="https://drive.google.com/uc?export=download&id=1QPRh5YmqQm4DFfitelPYlBTWC2I6tTTM">Download the Git Cheatsheet</a></li>
<li><a href="https://drive.google.com/uc?export=download&id=18O19SefauXiJP4S9zRGsXX6I5hPmzrq-">Download the Git Quick Reference</a></li>
</ul>
<h3>Express.js</h3>
<ul>
<li><a href="https://expressjs.com/">Express Documentation</a></li>
<li><a href="https://en.wikipedia.org/wiki/List_of_HTTP_status_codes" target="_blank">List of HTTP Status Codes</a></li>
</ul>
<h3>APIs</h3>
<ul>
<li><a href="https://curl.haxx.se/docs/faq.html#What_is_cURL">What is cURL?</a></li>
<li><a href="https://www.quora.com/Instagram-told-3rd-Party-developers-today-to-stop-using-their-site-data-shutting-down-Followgram-and-possibly-others-Was-this-the-right-move-to-make-for-users?__snids__=8618150,8618167,8622562#ans268969-ans268563">When Instagram killed Followgram</a></li>
<li><a href="https://www.httpstatuses.com/">HTTP Status Codes</a></li>
<li><a href="https://developer.yahoo.com/weather/?guccounter=1">Yahoo Weather API</a></li>
<li><a href="https://www.w3schools.com/js/js_json_xml.asp">W3Schools JSON vs. XML</a></li>
<li><a href="https://www.appbrewery.co/p/web-development-course-resources/Chrome%20Browser%20Addon%20Json%20Viewer%20Awesome">Chrome Browser Add-on Json Viewer Awesome</a></li>
</ul>
<h3>EJS Express Challenge<br></h3>
<ul>
<li><a href="https://github.com/contentful/the-example-app.nodejs" target="_blank">Gitignore and the absence of NPM Modules on GitHub Projects</a> <a href="https://pages.github.com/" target="_blank"><br></a></li>
<li><a href="http://ejs.co/" target="_blank">EJS documentation</a> (e.g., on tags)</li>
<li>MDN <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach" target="_blank">Array forEach() loop</a></li>
<li>Need sample text? Use a lorem ipsum generator: <a href="https://loremipsum.io/" target="_blank">loremipsum.io</a></li>
<li>Katacoda <a href="https://www.katacoda.com/courses/nodejs/playground" target="_blank">NodeJS Playground</a></li>
<li>ExpressJS <a href="https://expressjs.com/en/guide/routing.html" target="_blank">Route Parameters</a></li>
<li><a href="https://lodash.com/" target="_blank">Lodash Utility Library</a></li>
</ul>
<h3>Deploying Your Server to Heroku</h3>
<ul>
<li><a href="https://www.heroku.com/">Heroku</a></li>
<li><a href="https://devcenter.heroku.com/">Heroku Documentation</a></li>
</ul>
<h3>EJS and Templating</h3>
<ul>
<li><a href="https://drive.google.com/uc?export=download&id=1kzFMTVzlQoos1N5iege6dPkcok_5bZBP">app.js Starting File</a></li>
<li><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/var">Documentation on var</a></li>
<li><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/let">Documentation on let</a></li>
<li><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/const">Documentation on const</a></li>
<li><a href="https://drive.google.com/uc?export=download&id=1y5dsPlZSKAG8Xc-YZQO-biFbo96_9g3G">Download styles.css for Todolist v1 App</a></li>
</ul>
<h3>EJS Challenge - Blog Website</h3>
<ul>
<li><a href="https://drive.google.com/uc?export=download&id=1DIvzgqNmtkYQD1dGHOBhPJKnmfAmG-Dc" target="_blank">Starting files for the challenge</a></li>
<li><a href="https://drive.google.com/uc?export=download&id=1uZvXZRZF8Ct728Nnsw4_UHVyQs4vDKfJ" target="_blank">Completed Website Final Code</a></li>
</ul>
<h3>Databases</h3>
<ul>
<li>Kristof Kovacs' <a href="https://kkovacs.eu/cassandra-vs-mongodb-vs-couchdb-vs-redis" target="_blank">database comparison</a></li>
<li>A bit of context: <a href="http://www.internetlivestats.com/" target="_blank">Internet Live Stats</a></li>
</ul>
<h3>SQL</h3>
<ul>
<li>W3Schools <a href="https://www.w3schools.com/sql/" target="_blank">on SQL</a></li>
<li>SQL Playground on <a href="https://sqliteonline.com/#fiddle-5bbdbaef7288bo2ajn2wly03" target="_blank">sqliteonline.com</a></li>
<li> <a href="https://www.w3schools.com/sql/sql_datatypes.asp" target="_blank">Data Types in SQL</a></li>
<li><a href="https://www.w3schools.com/sql/sql_primarykey.asp" target="_blank">Primary Keys in SQL</a></li>
<li><a href="https://www.w3schools.com/sql/sql_foreignkey.asp" target="_blank">Foreign Keys in SQL</a></li>
<li><a href="https://www.w3schools.com/sql/sql_join_inner.asp" target="_blank">Inner Joins</a></li>
<li><a href="https://sqliteonline.com/#fiddle-5bbdc72f7288eo2ajn2yh604" target="_blank">Completed SQL demo project</a></li>
</ul>
<h3>MongoDB</h3>
<ul>
<li><a href="https://blog.londonappbrewery.com/how-to-download-install-mongodb-on-mac-2895ccd2b5c1" target="_blank">How to install MongoDB on Mac</a></li>
<li><a href="https://medium.com/@LondonAppBrewery/how-to-download-install-mongodb-on-windows-4ee4b3493514" target="_blank">How to install MongoDB on Windows</a></li>
<li>MongoDB <a href="https://docs.mongodb.com/manual/tutorial/install-mongodb-on-os-x/" target="_blank">installation documentation for MacOS</a></li>
<li><a href="https://docs.mongodb.com/manual/crud/" target="_blank">MongoDB Docs on CRUD operations</a></li>
<li><a href="https://docs.mongodb.com/manual/reference/operator/query/" target="_blank">MongoDB Query Operators</a></li>
<li><a href="https://docs.mongodb.com/manual/crud/#update-operations" target="_blank">MongoDB Update Operations</a></li>
<li>MongoDB <a href="https://mongodb.github.io/node-mongodb-native/?jmp=docs" target="_blank">NodeJS Driver</a></li>
</ul>
<h3>Mongoose</h3>
<ul>
<li><a href="https://mongoosejs.com/" target="_blank">Mongoose: an alternative to the native MongoDB driver</a></li>
<li>Mongoose <a href="https://mongoosejs.com/docs/api.html#Model" target="_blank">documentation on the Model</a></li>
<li>Mongoose <a href="https://mongoosejs.com/docs/validation.html" target="_blank">documentation on data validation</a></li>
</ul>
<h3>Todolist v2</h3>
<h3></h3>
<ul>
<li><a href="https://drive.google.com/uc?export=download&id=1ScePzU_iszsmmf4Rd4rlCoL-H1TUohqh">Todolist v2 starting files</a></li>
<li>Mongoose <a href="https://mongoosejs.com/docs/api.html#model_Model.findByIdAndRemove" target="_blank">findByIdAndRemove() method</a></li>
<li>MDN on <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/hidden" target="_blank">inputs of type "hidden"</a></li>
<li>Removing items from an array with<a href="https://docs.mongodb.com/manual/reference/operator/update/pull/" target="_blank">the MongoDB $pull operator</a></li>
<li>How to <a href="https://lodash.com/docs/4.17.10#capitalize" target="_blank">capitalise Strings using Lodash</a></li>
<li><a href="https://drive.google.com/uc?export=download&id=1I98mBXaH26WVDQwZ8jCLoHM37ptYbjkt" target="_blank">Todolist v2 completed web app</a></li>
</ul>
<h3>Deploying Databases with MongoDB Atlas</h3>
<ul>
<li>Sign up and deploy a free cluster with <a href="https://www.mongodb.com/download-center?jmp=nav" target="_blank">MongoDB Atlas</a></li>
<li>Heroku documentation on <a href="https://devcenter.heroku.com/articles/getting-started-with-nodejs#prepare-the-app" target="_blank">getting started with NodeJS</a></li>
<li><a href="https://devcenter.heroku.com/articles/preparing-a-codebase-for-heroku-deployment" target="_blank">Deploying an existing application on Heroku</a></li>
</ul>
<h3>Blog with a Database Challenge</h3>
<ul>
<li><a href="https://drive.google.com/uc?export=download&id=1aXNylQDvfVdCxjkl7iGO3fAgb-HRBfdY" target="_blank">Download the starting files</a><a href="https://drive.google.com/uc?export=download&id=1aXNylQDvfVdCxjkl7iGO3fAgb-HRBfdY">Download the starting files</a></li>
<li><a href="https://drive.google.com/uc?export=download&id=1am4vubPmE5aTFwCI-UGxwDLiMs2GP6L9" target="_blank">Download the Completed Project</a></li>
</ul>
<h3 style="font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif; letter-spacing: 0.3px;">Build Your Own RESTful API</h3>
<ul>
<li><a href="https://drive.google.com/uc?export=download&id=1LukvDSxwlt7g8KkkLuv1DqSHwjRWjiGW" target="_blank">Chained Route Handlers Challenge Solution</a> </li>
<li><a href="https://drive.google.com/uc?export=download&id=1yJVDK_qEddBHvDD_Scika_bWYRWEICwm" target="_blank">Download the Completed Project</a></li>
</ul>
<h3>Authentication and Security</h3>
<ul>
<li><a href="https://drive.google.com/uc?export=download&id=1U6tcos_A2rCGuMLdR0RZsDo_KI2_pf_t" target="_blank">Download the Starting Files</a></li>
</ul>
<ul>
<li>
<style>
p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px 'Helvetica Neue'; color: #dca10d}
span.s1 {color: #000000}
</style>
<a href="http://cryptii.com/">cryptii.com</a></li>
<li>Numberphile Video on Enigma <a href="https://www.youtube.com/watch?v=G2_Q9FoD-oQ" target="_blank">Part 1</a> and <a href="https://www.youtube.com/watch?v=V4V2bpZlqx8" target="_blank">Part 2</a></li>
<li><a href="https://security.stackexchange.com/questions/379/what-are-rainbow-tables-and-how-are-they-used" target="_blank">What are Rainbow Tables</a></li>
<li><a href="http://techshangrila.blogspot.com/2015/01/how-rainbow-table-works.html" target="_blank">How do Rainbow Tables Work?</a></li>
<li>
<style>
p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px 'Helvetica Neue'; color: #dca10d}
</style>
<a href="https://www.theregister.co.uk/2015/01/06/dev_blunder_shows_github_crawling_with_keyslurping_bots/" target="_blank">Bad Things Happen When You Don't Secure Your API Keys</a></li>
<li><a href="http://vertis.io/2013/12/16/unauthorised-litecoin-mining.html" target="_blank">Developer AWS gets used by Litecoin miners</a></li>
<li><a href="https://stackoverflow.com/questions/22924633/gitignore-is-not-ignoring-directories" target="_blank">gitignore and directories</a></li>
<li><a href="https://haveibeenpwned.com/" target="_blank">Check if your password is compromised</a></li>
<li><a href="http://plaintextoffenders.com/" target="_blank">Plaintext Offenders</a></li>
<li><a href="http://password-checker.online-domain-tools.com/" target="_blank">Password Strength Checker</a></li>
<li><a href="http://hackertyper.com/" target="_blank">Hacker Typer</a></li>
<li><a href="https://github.com/creationix/nvm" target="_blank">Install NVM</a></li>
<li><a href="http://passportjs.org/" target="_blank">Passport</a></li>
<li><a href="https://console.developers.google.com/apis/dashboard" target="_blank">Google Developers</a></li>
</ul>
<h3>Bonus: Design School 101</h3>
<ul>
<li>Curated colour palettes on <a href="https://colorhunt.co/" target="_blank">Color Hunt</a></li>
<li>Popular iOS colours from <a href="https://flatuicolors.com/" target="_blank">Flat UI Colors</a></li>
<li>Popular Android colours from <a href="https://www.materialpalette.com/" target="_blank">Material Palette</a></li>
<li>Nabbing your favourite colours with <a href="http://www.colorzilla.com/" target="_blank">Color Zilla</a></li>
<li><a href="https://uxplanet.org/create-emotion-with-color-in-ux-design-446a3766b085#.833er7ned" target="_blank">Create Emotion with Color in UX Design</a></li>
<li><a href="https://www.appbrewery.co/p/newsletter/" target="_blank">Sign up for the App Brewery Newsletter</a></li>
<li><a href="https://www.amazon.co.uk/gp/product/B007F7R41Y/ref=as_li_tl?ie=UTF8&camp=1634&creative=6738&creativeASIN=B007F7R41Y&linkCode=as2&tag=healthyliv0b8-21" target="_blank">26 Digital Typography Rules for Beginners</a></li>
<li><a href="https://medium.com/thinking-design/xd-essentials-typography-in-mobile-apps-7048abfb1cc5#.tu3y5hv6z" target="_blank">XD Essentials: Typography in Mobile Apps</a></li>
<li><a href="https://designschool.canva.com/blog/distinguished-typographers-share-their-favorite-fonts/" target="_blank">Need hints for good fonts? Here's 14 typographers with their favorite fonts</a></li>
<li><a href="https://www.fastcodesign.com/3028971/whats-the-difference-between-a-font-and-a-typeface" target="_blank">What’s The Difference Between A Font And A Typeface?</a></li>
<li><a href="https://jgthms.com/web-design-in-4-minutes/" target="_blank">Web Design in 4 Minutes</a></li>
<li><a href="https://dribbble.com/colors/ee6d66" target="_blank">Searching Dribbble by a Specific Colour</a></li>
<li><a href="http://platowebdesign.com/articles/translating-client-speak-infographic/" target="_blank">Translating Client Speak: What Clients Say and What they Mean</a></li>
<li><a href="https://uxplanet.org/golden-rules-of-user-interface-design-19282aeb06b#.kfznrp77q" target="_blank">Golden Rules of User Interface Design</a></li>
<li><a href="https://byrslf.co/designing-user-interfaces-for-your-mother-dd45ec50f7b0#.j4bcs8rto" target="_blank">Designing User Interfaces for My Mother</a></li>
<li><a href="https://www.teehanlax.com/story/medium/" target="_blank">Teehanlax.com</a></li>
</ul>
<div><br>
</div>
<ul><br>
</ul>
<p><br>
</p>
<p><br>
</p>
</div>
</div>
</div>
</div>
</div>
<footer class="bottom-menu bottom-menu-inverse">
<div class="container">
<div class="row" style="color:#FFFFFF">
<div class="col-xs-12 col-sm-4 col-md-4 footer-column">
<p>
©
The App Brewery
</p>
<a href="https://www.londonappbrewery.com/" style="color:#FFFFFF">
London App Brewery
</a>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 footer-column">
<ul class="list-unstyled">
<li>
<a href="https://www.appbrewery.co/p/terms" style="color:#FFFFFF">
Terms of Use
</a>
</li>
<li>
<a href="https://www.appbrewery.co/p/privacy" style="color:#FFFFFF">
Privacy Policy
</a>
</li>
</ul>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 footer-column">
<a href="https://facebook.com/londonappbrewery" style="color:#FFFFFF"><i class="fa fa-facebook"></i></a>
<a href="https://twitter.com/londonappbrewer" style="color:#FFFFFF"><i class="fa fa-twitter"></i></a>
<a href="https://www.linkedin.com/company/london-app-brewery" style="color:#FFFFFF"><i class="fa fa-linkedin"></i></a>
</div>
</div>
</div>
</footer>
</div>
<iframe name="filepicker_comm_iframe" id="filepicker_comm_iframe" src="./0_resource_files/saved_resource.html" style="display: none;"></iframe><iframe name="fpapi_comm_iframe" id="fpapi_comm_iframe" src="./0_resource_files/saved_resource(1).html" style="display: none;"></iframe><iframe id="sumome-jquery-iframe" title="Sumo Hidden Content" style="display: none;" src="./0_resource_files/saved_resource(2).html"></iframe><a href="javascript:void(0);" title="Sumo" style="background-color: rgb(0, 115, 183); border-radius: 3px 0px 0px 3px; box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 10px; position: fixed; z-index: 2147483647; padding: 0px; width: 44px; height: 40px; text-indent: -10000px; opacity: 1; display: none !important;"><span style="position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;">Sumo</span><span style="display:block;width:40px;height:40px;background:white;margin-left:4px;-webkit-border-radius: 3px 0 0 3px;-moz-border-radius: 3px 0 0 3px;-ms-border-radius: 3px 0 0 3px;-o-border-radius: 3px 0 0 3px;border-radius: 3px 0 0 3px;background-repeat:no-repeat;background-position:8px 8px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxZDQ2MjI4YS03NWY2LTRkZTQtOGJjYy1hODc1NjRkMjYxYTUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDQ3MUVFMDFFMjVDMTFFNjlFQjhBRjdGODU5MDJBMDUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDQ3MUVFMDBFMjVDMTFFNjlFQjhBRjdGODU5MDJBMDUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxZDQ2MjI4YS03NWY2LTRkZTQtOGJjYy1hODc1NjRkMjYxYTUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MWQ0NjIyOGEtNzVmNi00ZGU0LThiY2MtYTg3NTY0ZDI2MWE1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+8JtvywAAAKhQTFRFzOPxSJvLA3W4Mo7FBna5w97u8vj7EHy8a67VhbzdsdTpVaLPh73d9/v9C3m6QZfJbq/WXKbR3u32JIfB3ez1KorDir/eBHW4+/3+rtPoZarUG4K/LIvDDnu7ocvkf7nbdrTY9fr8E328WKPQO5PITJ3MPpXJstXptdbq+Pv9cbHXaq3VU6HOkMLgnMnjDHq62uv1/P3+6/T53Oz1cLDX/f7+AHO3////ptOZ5QAAADh0Uk5T/////////////////////////////////////////////////////////////////////////wA7XBHKAAAAmUlEQVR42sSRRxLCMAxFRSq9907ovebr/jdDMWYGxmZL3sIqbyFbJv4B/VlkVlerKALTD3G46Mx3AOR1UZ/TsDxW6W0gfYRNVfTCFu2AWpAMgMItMW+zQJU2UjWI29D0+e5KWNPMk+A9Om+B/UgOJyCuwMJCrpuziYkIsglfRByZ/XM3eXnBFEu1kpMpjq9dxQYp/OAXTwEGAB7Rc1xVnPemAAAAAElFTkSuQmCC);"></span></a></body><span class="gr__tooltip"><span class="gr__tooltip-content"></span><i class="gr__tooltip-logo"></i><span class="gr__triangle"></span></span></html>