-
Notifications
You must be signed in to change notification settings - Fork 1
/
compilers.html
799 lines (618 loc) · 25.9 KB
/
compilers.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
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
<!DOCTYPE html>
<html lang="en">
<meta charset="utf-8" />
<title>Makers of Kerala: Learn to Build Compilers</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="title" content="Makers of Kerala: Learn to Build Compilers">
<meta name="description" content="Resources for learning compiler design and engineering">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://makers-of-kerala.com/compilers">
<meta property="og:title" content="Makers of Kerala: Learn to Build Compilers">
<meta property="og:description" content="Resources for learning compiler design and engineering">
<meta property="og:image" content="https://makers-of-kerala.com/compilers/compilers-card.png">
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://makers-of-kerala.com/compilers">
<meta property="twitter:title" content="Makers of Kerala: Learn to Build Compilers">
<meta property="twitter:description" content="Resources for learning compiler design and engineering">
<meta property="twitter:image" content="https://makers-of-kerala.com/compilers/compilers-card.png">
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600&display=swap" rel="stylesheet">
<style>
* {
margin: 0;
padding: 0;
}
body {
font-family: "IBM Plex Mono", monospace;
padding: 2rem;
color: #303030;
background: #FCFCFC;
max-width: 600px;
}
a {
color: #6B60DD;
}
section {
margin: 2rem 0;
}
section header h2 {
font-size: 2rem;
}
p {
padding: 0.5rem 0;
}
ul {
list-style: none;
}
#title {
display: flex;
flex-flow: row;
padding: 1rem 0;
align-items: center;
}
#title > img {
width: 45px;
height: 45px;
margin-right: 1rem;
}
#main h2 {
margin: 2rem 0;
}
#title small {
max-width: 300px;
}
footer {
display: flex;
flex-flow: row;
max-width: 600px;
justify-content: space-between;
align-items: flex-end;
flex-wrap: wrap;
font-size: 0.875rem;
border-top: 1px solid #30303010;
padding: 1rem 0;
margin: 1rem 0;
}
footer > p {
font-size: 0.75rem;
}
#social-media ul {
display: flex;
flex-flow: row;
flex-wrap: wrap;
}
#social-media ul li {
padding: 0 1rem;
}
#social-media ul li:first-child {
padding-left: 0;
}
#social-media ul li:last-child {
padding-left: 0;
}
.recommended-article {
display: flex;
flex-flow: row;
margin: 1rem 0;
}
.recommended-article p {
font-size: 0.85rem;
line-height: 1.5rem;
}
#main .social-icons {
display: flex;
flex-flow: row;
}
#main .social-icons div {
display: flex;
flex-flow: row;
align-items: center;
justify-content: center;
padding-right: 1rem;
font-size: 0.75rem;
margin: 0.5rem 0;
}
#main .social-icons img {
width: 16px;
height: 16px;
margin-right: 10px;
}
header h2 {
margin: 2rem 0;
font-size: 2rem;
}
.share-section {
margin: 1rem;
}
</style>
<body>
<header id="main">
<div id="title">
<img src="/img/logo-grey.svg" alt="Makers of Kerala Logo" />
<div>
<h1>Makers of Kerala</h1>
<small>A platform to foster maker culture in Kerala 🌴, India</small>
<div class="social-icons">
<div>
<img src="/img/twitter-grey-logo.svg" alt="Twitter Grey Logo" />
<a href="https://twitter.com/makersofkerala">@makersofkerala</a>
</div>
<div>
<img src="/img/instagram-grey-logo.svg" alt="Instagram Grey Logo" />
<a href="https://instagram.com/makersofkerala">makersofkerala</a></div>
</div>
</div>
</div>
<h2>Learn to Build Compilers</h2>
</header>
<p>We are building a <a href="https://webassembly.org/">WebAssembly</a> compiler for a project
we initiated 2 years ago
called <a href="/thengascript/">Thengascript</a>, a way to
program web applications in Malayalam, our mother tongue. Towards this purpose, we began looking for resources to
help us understand the <strong>craft of compiler engineering</strong>. This lead us to a research where we came across some stellar resources and great people working in the domain. Here we present the result of our searches as a
a round-up of the great stuff we gathered.</p>
<p>Compilers are curious creatures. They take in a language,
<strong>roughly comprehensible by humans</strong>, as its input and turns it into a
form <strong>comprehensible by machines</strong>. This translation can happen in
a single step or a series of steps, each of which can produce an intermediate
language with a certain set of good properties. After this
transformation is done, something magical happens: it makes <strong>human-computer interaction</strong> possible.</p>
<p>If peeking under their hood to understand how things work spark joy when you
find out, compiler construction could be right up your alley. This curation
done under the light of our own exploration of literature and media
on compilers. We curate the easily accessible ones that form a
rough progression as a roadmap and then list general resources that will help you once you have a grounding in the basics. We have
tried to give credit to the people who have made this as they
are the real heroes who have dedicated their time and effort to lend their broad shoulders to enable us to build
novel things.</p>
<p>We have catalogued these resources in a way to help a beginner interested in making
compilers, to proceed <strong>step by step</strong>, to become an expert. If you
think we have left out any great resources,
please <a href="https://twitter.com/makersofkerala">reach out to us.</a></p>
<header><h2>Roadmap for Beginners</h2></header>
<p>First of all, we present a roadmap we have used to understand
compilers. The selection here is chosen in a way
it <strong>unfolds their complexity, a few steps at a time</strong>.</p>
<div id="roadmap"></div>
<div class="share-section">
<p>If you liked this roadmap, share it with your friends who would be interested in it. Share via:</p>
<div>
<a href="https://twitter.com/intent/tweet?url=https://makers-of-kerala.com/compilers.html&text=Learn%20to%20Build%20Compilers!&via=makersofkerala">Twitter</a>
<a href="https://wa.me/?text=Learn%20to%20Build%20Compilers!%20https://makers-of-kerala.com/compilers.html">Whatsapp</a>
<a href="https://www.facebook.com/sharer.php?u=https://makers-of-kerala.com/compilers.html">Facebook</a>
<a href="tg://msg_url?url=https://makers-of-kerala.com/compilers.html&text=Learn%20to%20Build%20Compilers!">Telegram</a>
</div>
</div>
<p>Now if you have completed that roadmap, and you are still
interested in learning more about compilers, you are quite likely <strong>someone
who is passionate about engineering complex artifacts</strong>. Then a <strong>deep dive into compilers</strong> could be the right thing for
you next.</p>
<p>We have collected here some <strong>high quality resources</strong> that unravel the engineering
techniques used for building compilers. Few key things are
required to see them through completion: the <strong>headspace to work
through these in long stretches of time and the discipline to see
the courses through to their end</strong>. By engaging in this meticulous process and making programming languages could
just be one of the most fulfilling undertakings you do as an engineer.</p>
<section>
<header><h2>Courses</h2></header>
<p>Here we list a set of great online courses. We have chosen the ones with accompanying lecture videos so that they are self contained for motivated individuals to learn on their own.</p>
<course-list></course-list>
</section>
<section>
<header><h2>Blog Series</h2></header>
</section>
<!--
<section>
<header><h2>Literature</h2></header>
<p>These are the courses that we found with videos</p>
<ul>
<p>These are the courses that we found with videos</p>
https://ruslanspivak.com/lsbasi-part1/
http://www.buildyourownlisp.com/
Compilers in Rust Do a google search
<li><a href=""><span>[Introductory]</span> Essentials of Programming Languages</a></li>
<li><a href=""><span>[Introductory]</span> Formal Semantics</a></li>
<li><a href=""><span>[Introductory]</span> Parsing Techniques</a></li>
<li><a href=""><span>[Introductory]</span> Dragon Book</a></li>
<li><a href=""><span>[Introductory]</span> Crafting Compilers</a></li>
<li><a href=""><span>[Introductory]</span> Crenshaw</a></li>
<li><a href=""><span>[Introductory]</span> Read these two articles</a></li>
– Andrew W. Appel — «Modern Compiler Implemenation in C»
– Keith D. Cooper, Linda Torczon — «Engineering a Compiler»
– Richard Bornat — «Understanding and Writing Compilers»
– Richard Reese — «Understanding and Using C Pointers»
Engineering a Compiler by Cooper and Torczon
– Terence Parr — «Language Implementation Patterns»
– Terence Parr — «The Definitive ANTLR Reference»
<li><a href=""><span>[Introductory]</span> Incremental Compilation</a></li>
https://t3x.org/reload/
https://www.amazon.com/Compiler-Construction-International-Computer-Science/dp/0201403536
http://scheme2006.cs.uchicago.edu/11-ghuloum.pdf
https://legacy.cs.indiana.edu/~dyb/pubs/nano-jfp.pdf
https://legacy.cs.indiana.edu/~dyb/pubs/commercial-nanopass.pdf
https://github.com/namin/inc
https://github.com/namin/inc
A. Aho, R. Sethi, J. Ullman, Compilers: Principles, Techniques, and Tools. Reading, MA: Addison-Wesley, 1986. J.P. Bennett, Introduction to Compiling Techniques. Berkshire, England: McGraw-Hill, 1990. C. Fischer, R. LeBlanc, Crafting a Compiler. Menlo Park, CA: Benjamin/Cummings, 1988. D. Grune, H. Bal, C. Jacobs, K. Langendoen, Modern Compiler Design. West Sussex, England: Wiley, 2000. K. Loudon, Compiler Construction. Boston, MA: PWS, 1997 A. Pyster, Compiler Design and Construction. New York, NY: Van Nostrand Reinhold, 1988. J. Tremblay, P. Sorenson, The Theory and Practice of Compiler Writing. New York, NY: McGraw-Hill, 1985.
Niklaus Wirth: https://web.archive.org/web/20190228232902/http://www.ethoberon.ethz.ch/WirthPubl/CBEAll.pdf
https://interpreterbook.com/
</ul>
</section>
<section>
<header><h2>Videos</h2></header>
Joel Martin Talk
https://www.youtube.com/watch?v=jVhupfthTEk
https://kanaka.github.io/lambdaconf/
<p>These are the courses that we found with videos</p>
<ul>
<li><a href="">Jonathan Blow + Casey Muratori</a></li>
https://www.youtube.com/watch?v=Os7FE3J-U5Q
</ul>
</section>
<section>
<header><h2>Interesting Resources</h2></header>
<p>These are the courses that we found with videos</p>
<ul>
<li><a href="">inc compiler by Nada Amin</a></li>
https://crypto.stanford.edu/~blynn/compiler/socrates.html
<li><a href="">Jonathan Blow has been writing a compiler for
Modern Compiler Construction Video Series
https://howistart.org/posts/nim/1/
https://www.cs.uoregon.edu/research/summerschool/summer12/curriculum.html
Elements of Programming
Elements of Computing
https://github.com/prakhar1989/type-inference
https://archive.org/details/byte-magazine-1978-09/mode/2up
https://archive.org/details/byte-magazine-1978-10-rescan/mode/2up
https://news.ycombinator.com/item?id=17220507
https://norvig.com/lispy.html
https://norvig.com/lispy2.html
https://linker.iecc.com/
https://www.amazon.com/Advanced-Compiler-Design-Implementation-Muchnick/dp/1558603204
https://en.wikipedia.org/wiki/Principles_of_Compiler_Design
<li><a href=""><span>[Introductory]</span> Article by Neel Krishnaswami</a></li>
<li><a href="https://crypto.stanford.edu/~blynn/compiler/
"><span>[Introductory]</span>Compilers for Contrarians</a></li>
<li><a href=""><span>[Introductory]</span>Elm Error Messages</a></li>
</ul>
</section>
-->
<p id="distribution-count"><span class="counter">0</span> views.</p>
<footer>
<p>© 2020. All Rights Reserved.</p>
<div id="social-media">
<p>Follow us on: </p>
<ul>
<li><a href="https://twitter.com/makersofkerala">Twitter</a></li>
<li><a href="https://instagram.com/makersofkerala">Instagram</a></li>
<li><a href="https://facebook.com/makersofkerala">Facebook</a></li>
<li><a href="https://t.me/makersofkerala">Telegram</a></li>
</ul>
</div>
</footer>
<template id="item-list">
<style>
* {
margin: 0;
padding: 0;
}
:host {
display: grid;
grid-gap: 24px;
}
</style>
<p></p>
</template>
<template id="item">
<style>
* {
margin: 0;
padding: 0;
}
:host {
color: #303030;
max-width: 600px;
box-shadow: 0px 2px 4px rgba(0,0,0,0.05);
}
:host:not(:defined) {
opacity: 0;
transition: opacity 0.3s ease-in-out;
}
section {
background: white;
padding: 2rem;
display: flex;
flex-flow: row;
flex-wrap: wrap;
justify-content: center;
line-height: 1.25rem;
font-size: 0.925rem;
}
.author {
color: #6B60DD;
}
.description {
flex: 1 0 240px;
padding: 1rem;
}
header {
flex: 0 1 240px;
}
header h2 {
max-width: 200px;
}
.cover {
display: block;
width: 240px;
object-fit: cover;
position: relative;
height: 160px;
background: #2F2F2F;
}
.avatar {
display: block;
background: #2F2F2F;
width: 60px;
}
a {
color: inherit;
text-decoration: none
}
.image-with-titles {
display: flex;
flex-flow: row;
align-items: center;
padding: 0.25rem 0;
}
.titles {
padding: 0.5rem 1rem;
flex-flow: row;
}
.titles h2 {
padding-bottom: 0.5rem;
}
</style>
<a href="#">
<section>
<header>
<img class="cover" src="" alt="Cover" />
<div class="image-with-titles">
<img class="avatar" src="" alt="Avatar" />
<div class="titles">
<h2>Article title</h2>
<p class="author">Author</p>
</div>
</div>
</header>
<p class="description">Lots of content</p>
</section>
</a>
</template>
<template id="course-component">
<style>
* {
margin: 0;
padding: 0;
}
:host {
color: #303030;
max-width: 600px;
box-shadow: 0px 2px 4px rgba(0,0,0,0.05);
}
:host:not(:defined) {
opacity: 0;
transition: opacity 0.3s ease-in-out;
}
section {
background: white;
padding: 2rem;
display: flex;
flex-flow: row;
flex-wrap: wrap;
justify-content: center;
line-height: 1.25rem;
font-size: 0.925rem;
}
.author {
color: #6B60DD;
}
.description {
flex: 1 0 240px;
padding: 1rem;
}
header {
flex: 0 1 240px;
}
header h2 {
max-width: 200px;
}
.cover {
display: block;
width: 240px;
object-fit: cover;
position: relative;
height: 160px;
background: #2F2F2F;
}
.avatar {
display: block;
background: #2F2F2F;
width: 60px;
}
a {
color: inherit;
text-decoration: none
}
.image-with-titles {
display: flex;
flex-flow: row;
align-items: center;
padding: 0.25rem 0;
}
.titles {
padding: 0.5rem 1rem;
flex-flow: row;
}
.titles h2 {
padding-bottom: 0.5rem;
}
</style>
<a href="#">
<section>
<header>
<img class="cover" src="" alt="Cover" />
<div class="image-with-titles">
<img class="avatar" src="" alt="Avatar" />
<div class="titles">
<h2>Article title</h2>
<p class="author">Author</p>
</div>
</div>
</header>
<p class="description">Lots of content</p>
</section>
</a>
</template>
<script>
let template = document.querySelector("template#item");
if(!document.body) document.body = document.createElement("body");
class Component extends HTMLElement {
constructor() {
super();
let shadow = this.attachShadow({mode: "open"});
shadow.appendChild(template.content.cloneNode(true));
}
set details(details) {
let {cover, avatar, author, title, name, description, coverImage, avatarImage, itemLink} = details;
this.shadowRoot.querySelector("h2").textContent = title;
this.shadowRoot.querySelector(".author").textContent = author;
this.shadowRoot.querySelector(".description").textContent = description;
this.shadowRoot.querySelector(".cover").src = coverImage;
this.shadowRoot.querySelector(".cover").setAttribute("alt", "Cover of " + title);
this.shadowRoot.querySelector(".avatar").src = avatarImage;
this.shadowRoot.querySelector("a").setAttribute("href", itemLink);
this.shadowRoot.querySelector(".cover").setAttribute("alt", "Avatar of " + author);
}
}
customElements.define("component-item", Component);
/* ---------------------------- */
let listTemplate = document.querySelector("template#item-list");
if(!document.body) document.body = document.createElement("body");
class List extends HTMLElement {
constructor() {
super();
let shadow = this.attachShadow({mode: "open"});
shadow.appendChild(listTemplate.content.cloneNode(true));
}
set items(items) {
for(let item of items) {
let element = document.createElement("component-item");
element.details = item;
this.shadowRoot.appendChild(element);
}
}
}
class CourseList extends HTMLElement {
constructor() {
super();
let shadow = this.attachShadow({mode: "open"});
shadow.appendChild(courseListTempate.content.cloneNode(true));
}
set items(items) {
for(let item of items) {
let element = document.createElement("course-item");
element.details = item;
this.shadowRoot.appendChild(element);
}
}
}
customElements.define("item-list", List);
customElements.define("course-list", CourseList);
const componentList = document.createElement("item-list");
const courseList = document.querySelector("course-list");
componentList.items = [{title: "A Crash Course to Compilers", author: "Ramsey Nassar", itemLink: "https://increment.com/programming-languages/crash-course-in-compilers/", coverImage: "/compilers/crash-course-cover.jpeg", avatarImage: "/compilers/ra-avatar.jpeg", description: "This is a well written and accessible article to understand what compilers are and the function they perform. It goes into detail about what distinguishes an interpreter from a compiler and gives a birds eye view of the compiler landscape."}, {title: "How to be* a compiler", author: "Mariko Kosaka", itemLink: "https://medium.com/@kosamari/how-to-be-a-compiler-make-a-compiler-with-javascript-4a8a13d473b4", coverImage: "/compilers/kosamari-compiler.png", avatarImage: "/compilers/kosamari-avatar.jpg", description: "Once you have an overview of the landscape, a good way to start out is by getting your hands dirty. This article by Mariko helps a beginner to construct a little language to draw pictures in Javascript. This is a good example to get an understanding of how things work under the hood."}, {title: "Transpilers and Compilers", author: "Maggie Appleton", itemLink: "https://illustrated.dev/compilers/", coverImage: "/compilers/compilers-and-transpilers.png", avatarImage: "/compilers/maggie-avatar.png", description: "The talented illustrator, Maggie has made a short and sweet illustrated note on the difference between compilers and interpreters. It's worth a quick dekko to understand the difference between compilers and transpilers. Such clarification of technical terms could really help as you progress in this journey."}, {title: "Little Languages", author: "Jon Bentley", itemLink: "https://web.archive.org/web/20180831010208/https://staff.um.edu.mt/afra1/seminar/little-languages.pdf", coverImage: "/compilers/little-languages-cover.png", avatarImage: "/compilers/jon-bentley-avatar.png", description: "Learning and practicing by delving into papers will become an important technique when working with compilers. This paper by Jon Bentley is an accessible paper that elucidates the idea of building a little language in the Unix ecosystem."},
{title: "The Super Tiny Compiler", author: "Jamie Kyle", itemLink: "https://github.com/jamiebuilds/the-super-tiny-compiler", coverImage: "/compilers/super-tiny-compiler-cover.png", avatarImage: "/compilers/jamie-kyle-avatar.png", description: "This is a tiny compiler written in Javascript by Jamie Kyle that touches the main concepts of modern compiler construction. It is super tiny to read, pick apart, and understand the kind of techniques that go into constructing a compiler."},
{title: "Make a Lisp", author: "Joel Martin", itemLink: "https://github.com/kanaka/mal", coverImage: "/compilers/mal-cover.png", avatarImage: "/compilers/joel-martin-avatar.png", description: "Once you have understood and got a general feel for how compilers work, a really good resource at this point to explore would be Make a Lisp by Joel Martin. It is a repo where Lisp is implemented in 80+ lanugages replete with illustrations guiding you in each step of creating Lisp from scratch."},
{title: "Crafting Interpreters", author: "Bob Nystrom", itemLink: "https://craftinginterpreters.com/", coverImage: "/compilers/crafting-interpreters-cover.png", avatarImage: "/compilers/bob-nystorm-avatar.jpg", name: "", description: "Now with all that knowledge you have gleaned, you would be more than qualified to start learning this book by Bob Nystorm. It introduces most concepts you have learned in the previous resources and gives an overarching idea of how they all fit together to make the magic happen."},
];
/*
courseList.items = [{title: "CSE341 - Programming Languages, Dan Grossman, Spring 2013 - University of Washington",
instructors: ["Dan Grossman"],
courseCover: "",
institution: "University of Washington",
institutionLogo: "",
description: "This is a good introduction to the basic concepts underlying popular programming languages. There is only an exercise pertaining directly to compiler construction in this, but it is well worth a watch to understand how programming languages differ in their conceptual structures.",
links: [{archive: "https://courses.cs.washington.edu/courses/cse341/13sp/"}]},
{title: "CSEP501"
instructors: ["Alex Aiken"],
courseCover: "",
institution: "Stanford",
institutionLogo: "",
description: "In this course, you will learn principles and practices for design and implementation of compilers and interpreters. Topics covered include: lexical analysis; parsing theory; symbol tables; type systems; scope; semantic analysis; intermediate representations; runtime environments; code generation; and basic program analysis and optimization. Students will construct a compiler for a simple object-oriented language during the course's programming projects.",
links: [{archive: "https://courses.cs.washington.edu/courses/csep501/09au/lectures/video.html", videos: "https://www.youtube.com/playlist?list=PLTPQEx-31JXhfAWGnGzwbfhB2zUB7Jd4C"}]},
{title: ""
instructors: ["Alex Aiken"],
courseCover: "",
institution: "Stanford",
institutionLogo: "",
description: "In this course, you will learn principles and practices for design and implementation of compilers and interpreters. Topics covered include: lexical analysis; parsing theory; symbol tables; type systems; scope; semantic analysis; intermediate representations; runtime environments; code generation; and basic program analysis and optimization. Students will construct a compiler for a simple object-oriented language during the course's programming projects.",
links: [{main: "https://www.edx.org/course/compilers", archive: "http://openclassroom.stanford.edu/MainFolder/CoursePage.php?course=Compilers"}]},
{title: "CS164: Hack Your Language!",
instructors: ["Ras Bodik", "Alvin Cheung"],
description: "Introduction to what programmers need to know about programming languages and their implementations. You will design and implement small languages, called domain-specific languages (DSLs), which are the glue of the complex software that we write today. You will also learn about principles and implementation of large, general-purpose languages and about how to exploit modern features of these languages. As the final project, you will get to design and implement a small language of your choice, from start to finish.",
links: ""},
{title: "CS 8803 - Compilers: Theory and Practice"
instructors: ["Santhosh Pande"],
courseCover: "",
link: [{main: "Compilers: Theory and Practice"}],
institution: "Georgia Tech",
institutionLogo: "",
description: "The objective of this course is to learn the theory and practice behind building automatic translators (compilers) for higher level programming languages and to engineer and build key phases of a compiler in Java or C++ for a small language."},
{title: "CS173 - ",
instructors: ["Shriram Krishnamurti"],
courseCover: "",
link: [{main: "http://cs.brown.edu/courses/csci1730/2012/Videos/"}],
institution: "",
institutionLogo: "",
description :""},
{title: "",
instructors: ["Matt Might"],
courseCover: "",
link: [{main: "http://matt.might.net/teaching/compilers/spring-2015/"}],
institution: "",
institutionLogo: "",
description :"This course doesn't contain tutorial videos, but we have included it here because Matt Might is such a nice teacher and he has written a wealth of great articles on compiler construction. We recommend checking out the outline of his course here."},
{title: "",
instructors: [""],
courseCover: "",
institution: "Illinois",
institutionLogo: "",
description: "",
links: [{archive: "https://courses.engr.illinois.edu/cs421/fa2014/"}]},
{title: "",
instructors: [""],
courseCover: "",
institution: "Swarthmore",
institutionLogo: "",
description: "",
links: [{archive: "https://www.cs.swarthmore.edu/~jpolitz/cs75/s16/index.html"}]},
{title: "",
instructors: [""],
courseCover: "",
institution: "Berkeley",
institutionLogo: "",
description: "",
links: [{archive: "https://www2.eecs.berkeley.edu/Courses/CS164/", videos: "https://archive.org/details/ucberkeley-webcast-PL3A16CFC42CA6EF4F"}]},
{title: "ASU",
instructors: [""],
courseCover: "",
institution: "Berkeley",
institutionLogo: "",
description: "",
links: [{archive: "https://www.youtube.com/playlist?list=PLK06XT3hFPzj4H_-sK-_5rfi4tpCbgdYe"}]}];
*/
document.querySelector("#roadmap").appendChild(componentList);
</script>
<script type="module" src="/analytics.js"></script>
</body>
</html>