-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
115 lines (80 loc) · 4.07 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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Title -->
<title>Web Developer Roadmap - Justin Zhu</title>
<!-- Character Encoding -->
<meta charset="UTF-8">
<!-- Description -->
<meta name="description" content="Justin Zhu's 2020 Developer Roadmap (copied from Mr. Messina)">
<meta name="keywords" content="JavaScript, WebDevelopment, Roadmap">
<meta name="author" content="Justin Zhu">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- CSS Stylesheets -->
<link rel="stylesheet" href="css/style.css" type="text/css">
<!-- Implement Vertical Tabs -->
<script src="js/vert_tabs.js"></script>
<!-- Convert .md to .html -->
<!-- Lightweight client-side loader that feature-detects and load polyfills only when necessary -->
<script src="https://cdn.jsdelivr.net/npm/@webcomponents/webcomponentsjs@2/webcomponents-loader.min.js"></script>
<!-- Load the element definition -->
<script type="module" src="https://cdn.jsdelivr.net/gh/zerodevx/zero-md@1/src/zero-md.min.js"></script>
</head>
<body>
<h1>Web Developer Roadmap</h1>
<h2>Required Learning</h2>
<img src="img/requiredLearning.png" alt="Required learning for any web developer path">
<a href="http://bit.ly/required-learning2" target="_blank"> Link to class Required Learning presentations</a>
<h3>List of Required Learning Topics</h3>
<ul>
<li>
<a href="https://drive.google.com/open?id=1LFVLj-0X2Qci36RoQWa5n_PQ-Ve0vz3QIQQZcfnypho"><h4>Basic Terminal Usage</h4></a>
</li>
<li>
<a href="https://drive.google.com/open?id=1XR2nt2HwnvQrYCAfBVlnIB7IxIUKgjJJWUu7QHBPPog"><h4>Character Encodings</h4></a>
</li>
<li>
<a href="https://drive.google.com/open?id=1i9zUEYdtJLcNJ7s_GdNtVL2EHQ9u2mQNK8y4lML4_bk"><h4>Data Structures and Algorithms</h4></a>
</li>
<li>
<a href="https://drive.google.com/open?id=1MfSE9r0zsHSq4RaoCgB4VQeowpEzmVtgprdHfJHMJ9Y"><h4>Design Patterns</h4></a>
</li>
<li>
<a href="https://drive.google.com/open?id=1xvtE980-5uVo57N5Lzqg3je1GFgfMFsAzK8PMwWp2XA"><h4>Git and Github</h4></a>
</li>
<li>
<a href="https://drive.google.com/open?id=1i6cSnvwqUEi-IuXo3NKs0CIfJegVKUKFAxG31k15xZU"><h4>HTTP/HTTPS and APIs</h4></a>
</li>
<li>
<a href="https://drive.google.com/open?id=1gX0arztgmpBBFAkBvFlpfadIrR5znZKa6czYD5USRKA"><h4>Licenses</h4></a>
</li>
<li>
<a href="https://drive.google.com/open?id=1WZwc5J5fzbkus4zT-iRmkaBTA9hkQg7veFa5GFTYP2I"><h4>Semantic Versioning</h4></a>
</li>
<li>
<a href="https://drive.google.com/open?id=1sueAqw1mUfSX1BXhqEM0iR4sfh7fo20bHH2lkpruRDI"><h4>SSH</h4></a>
</li>
</ul>
<!-- <img src="img/2020-web-dev-roadmap.png">-->
<h2>Backend Roadmap</h2>
<img src="img/backend.png">
<h2>Frontend Roadmap</h2>
<img src="img/frontend.png">
<h3>Intro to Programming</h3>
<ul>
<li><a href="notes/1_JS.md">JavaScript Intro</a></li>
</ul>
<a href="README.md">Read me</a>
<br>
<div class="tab">
<button class="tablinks" onclick="openTab(event, 'JS')">JS</button>
<button class="tablinks" onclick="openTab(event, 'MD')">MD</button>
</div>
<div id="JS" class="tabcontent">
<zero-md src="md/1_JS.md"></zero-md>
</div>
<div id="MD" class="tabcontent">
<zero-md src="md/2_MD.md"></zero-md>
</div>
</body>
</html>