-
-
Notifications
You must be signed in to change notification settings - Fork 2
/
links.html
165 lines (147 loc) · 6.87 KB
/
links.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
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="icon" href="./favicon.png" />
<title> Web Dev Book 📚</title>
<link rel="stylesheet" type="text/css" href="links.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<div class="header">
<div class="logo">
<img src="./favicon.png" />
</div>
<h1>
Web Dev Book 📚
</h1>
<h3> Collection of links 🔗 and resources 🧾 </h3>
</div>
<div class="topnav">
<a href="./index.html">Home 🏡</a>
<a href="./codeequip.html"> Code equipment 💼 </a>
<a href="./links.html">Links and resources 🔗</a>
<a href="./github.html"> GitHub Sign Up</a>
<a href="./ghubprep.html"> GitHub Basics.</a>
<a href="./js.html">JavaScript Links.</a>
<a href="./html.html">HTML Links.</a>
<a href="./css.html">CSS Links.</a>
</div>
<div class="row">
<div class="leftcolumn">
<div class="card">
<h2>
See the best coding resources, from the beginner, to the most advanced!
</h2>
<h3>
See below for some links, that support you and your code:
</h3>
<img src="./images/learncode.jpg" width="950" height="480" />
</h3>
<h2>
General Resources:
</h2>
<table>
<tr>
<th>Resource 📚: </th>
<th>Description 🖊️</th>
</tr>
<tr>
<td><a href="https://www.w3schools.com/">W3 Schools</a></td>
<td> This link is my personal favourite, as you can read the documentation of most coding
languages, like HTML, CSS, and JavaScript. See code examples, do tests, do tutorials!</td>
</tr>
<tr>
<td><a href="https://developer.mozilla.org/en-US/"> Mozilla web docs </a></td>
<td> See the official documentation of code, learn web development, and latest technology.</td>
</tr>
<tr>
<td><a href="https://stackoverflow.com/"> Stackoverflow. </a></td>
<td> This is where developers and other coders ask questions about their code, and others work them
out, and share their solutions.</td>
</tr>
<tr>
<td><a href="https://www.freecodecamp.org/"> Free Code Camp </a></td>
<td> This is a student friendly resource, where professionals create pages about code, and give
you projects to complete.</td>
</tr>
<tr>
<td><a href="https://www.geeksforgeeks.org/"> Geeks for Geeks </a></td>
<td>If you are stuck on a particular topic in code, then you can use this page to get articles
about your chosen code topic.</td>
</tr>
</table>
</div>
<div class="card">
<h2>
Courses to learn and follow:
</h2>
<table>
<tr>
<th>Resource 📚: </th>
<th>Description 🖊️</th>
</tr>
<tr>
<td><a href="https://scrimba.com/">Scrimba</a></td>
<td> Here, when you sign up, there is free courses of web development where you will build apps
like notes apps and portfolios! </td>
</tr>
<tr>
<td><a href="https://www.coursera.org/"> Coursera </a></td>
<td>These are more complex courses made for degrees, but you can read now, complete the cources
for free, and learn beforehand!</td>
</tr>
<tr>
<td><a href="https://www.edx.org/"> Edx </a></td>
<td> Computer science resources made by top universities, like Harvard Uni and follow each course to
build a firm understanding about the science in computers.</td>
</tr>
<tr>
<td><a href="https://www.codewars.com/"> Codewars</a></td>
<td> This is a resource, where you compete to get a higher rank level in coding. Once you get a
basic understanding in programming, you can sign up to this and complete coding challenges.
</td>
</tr>
<tr>
<td><a href="https://www.codecademy.com/"> Codecademy</a></td>
<td> See free courses to follow, and learn development, from the basics to the advanced.</td>
</tr>
</table>
</div>
</div>
<div class="rightcolumn">
<div class="card">
<h2>
GitHub
</h2>
<img src="./images/GitHub-logo.png" style="height: 200px; width: 275px;" />
<h3>From the first day of your journey in code, create a GitHub account, and add all your code there.
This is can build you a vital reputation of open-source contributions and support you in career choices. See the full guide on GitHub right here:</h3>
<a href="https://github.com/" class="button">GitHub</a>
</div>
<div class="card">
<h3>
See others front-end apps, try them out and add your own apps!
</h3>
<p>Codepen is a community of people all around the world who kindly add their own code projects for
others to learn and experiment on:</p>
<a href="https://codepen.io/"><img src="./images/codepen.webp" /></a>
<h3>
See frequently asked code questions...
</h3>
<p>Stackoverflow, the home of code questions!</p>
<a href="https://stackoverflow.com/"><img src="./images/stackoverflow.png" /></a>
<h3>Welcome to your coding journey! 🎒</h3>
<p>Enjoy learning to code!</p>
<img src="./images/enjoy.png" />
</div>
</div>
</div>
<div class="footer">
<img src="./favicon.png" style="height: 100px; width: 100px; float: left;" />
<h2>
Web Dev Book!
</h2>
</div>
</body>
</html>
</html>