forked from NS007-dev/webdevbook
-
Notifications
You must be signed in to change notification settings - Fork 0
/
github.html
181 lines (166 loc) · 6.26 KB
/
github.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
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="icon" href="./favicon.png" />
<title> Web Dev Book 📚</title>
<link rel="stylesheet" type="text/css" href="index.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> GitHub: Where a developer's life is, from day 1. </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>
What is GitHub?
</h2>
<h3>
Where the world builds software!
</h3>
<img src="./images/GitHub-logo.png" width="950" height="480" />
</h3>
<p>
🎯 GitHub is a platform for developers to use and add their code, to be saved, and seen by others.
<br>
🎯 You basically add your code, commit your code, and then push your code to the remotely.
<br>
🎯 You just sign up, and create your first <b> repository.</b> A repository is a project with the files of your code.
</div>
<div class="card">
<h2>
How to sign up to GitHub!
</h2>
<h3>
To start, press the link: <a href="https://github.com/">https://github.com/</a>
</h3>
<p>
1️⃣ Press the top right button to sign up.
</p>
<img src="./images/Github/1.png" style="height:500px;" />
</div>
<div class="card">
<h2>
Add your official email.
</h2>
<h3>
Make sure you add the email that is yours officially, with your name.
</h3>
<p>
2️⃣ Add your email.
</p>
<img src="./images/Github/2.png" style="height:500px;" />
</div>
<div class="card">
<h2>
Create a SUPER secure password 🔒
</h2>
<h3>
Encrypt your developer diary.
</h3>
<p>
3️⃣ Be sure to create a fully secure password, not like the one in the guide below, with numbers, and letters, to make sure it is safe.
</p>
<img src="./images/Github/3.png" style="height:500px;" />
</div>
<div class="card">
<h2>
Make your own username!
</h2>
<h3>
Add your own username, so others can identify you!
</h3>
<p>
4️⃣ Make sure it is one you like, and want, like your name, or something that you wouldn't want to change!
</p>
<img src="./images/Github/4.png" style="height:500px;" />
</div>
<div class="card">
<h2>
Email Preferences.
</h2>
<h3>
Choose if you want emails.
</h3>
<p>
5️⃣ You will still get important emails, but you can choose if you want news and updates.
</p>
<img src="./images/Github/5.png" style="height:500px;" />
</div>
<div class="card">
<h2>
Verify
</h2>
<h3>
Verify your account.
</h3>
<p>
6️⃣ Choose the correct answers to verify your account.
</p>
<img src="./images/Github/6.png" style="height:500px;" />
</div>
<div class="card">
<h2>
Add Code.
</h2>
<h3>
Add the code, as a final step.
</h3>
<p>
6️⃣ Type the 8 digit code, that you will have been sent in your email.
</p>
<img src="./images/Github/7.png" style="height:500px;" />
</div>
</div>
<div class="rightcolumn">
<div class="card">
<h2>
Our personal Favourite resource... 🤩
</h2>
<img src="./images/w3.jpg" style="height: 200px; width: 275px;" />
<h3>With all the code examples, and docs, see here:</h3>
<a href="https://www.w3schools.com/" class="button">W3 Schools</a>
</div>
<div class="card">
<h3>
See the official documentation:
</h3>
<p>Want to see the latest releases in documentation? Click the image below for mozilla web docs!</p>
<a href="https://developer.mozilla.org/en-US/"><img src="./images/mozilla.jpg" /></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>