-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
296 lines (284 loc) · 18.8 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="apple-touch-icon" sizes="57x57" href="images/favicon/apple-icon-57x57.png" />
<link rel="apple-touch-icon" sizes="60x60" href="images/favicon/apple-icon-60x60.png" />
<link rel="apple-touch-icon" sizes="72x72" href="images/favicon/apple-icon-72x72.png" />
<link rel="apple-touch-icon" sizes="76x76" href="images/favicon/apple-icon-76x76.png" />
<link rel="apple-touch-icon" sizes="114x114" href="images/favicon/apple-icon-114x114.png" />
<link rel="apple-touch-icon" sizes="120x120" href="images/favicon/apple-icon-120x120.png" />
<link rel="apple-touch-icon" sizes="144x144" href="images/favicon/apple-icon-144x144.png" />
<link rel="apple-touch-icon" sizes="152x152" href="images/favicon/apple-icon-152x152.png" />
<link rel="apple-touch-icon" sizes="180x180" href="images/favicon/apple-icon-180x180.png" />
<link rel="icon" type="image/png" sizes="192x192" href="images/favicon/android-icon-192x192.png" />
<link rel="icon" type="image/png" sizes="32x32" href="images/favicon/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="96x96" href="images/favicon/favicon-96x96.png" />
<link rel="icon" type="image/png" sizes="16x16" href="images/favicon/favicon-16x16.png" />
<link rel="manifest" href="images/favicon/manifest.json" />
<meta name="msapplication-TileColor" content="#ffffff" />
<meta name="msapplication-TileImage" content="images/favicon/ms-icon-144x144.png" />
<meta name="theme-color" content="#ffffff" />
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-KyZXEAg3QhqLMpG8r+8fhAXLRk2vvoC2f3B09zVXn8CA5QIVfZOJ3BCsw2P0p/We" crossorigin="anonymous" />
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.7/css/all.css" />
<link rel="stylesheet" href="node_modules/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.css" />
<link rel="stylesheet" href="css/style.css" />
<title>Code Shorts • AS8 ORG</title>
</head>
<body>
<header>
<nav id="main-nav" class="navbar navbar-expand-lg navbar-light">
<div class="container">
<a class="navbar-brand" href="index.html">
<img src="images/others/brand-img.svg" alt="" class="d-inline-block align-text-top" />
</a>
<button class="navbar-toggler" style="background-color: white" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" target="_blank" href="https://the-as8-organization.github.io/">Main</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#about">About</a>
</li>
<li class="nav-item">
<a class="nav-link" target="_blank" href="#">Playlist</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#contributor">Contributors</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<div id="hero"><img src="images/others/hero-img.png" /></div>
<div id="about">
<span id="large">“</span>
<p class="info">
A project which consists of highlights from the <a id="anchor" target="_blank"
href="https://the-as8-organization.github.io/CodeInception">CodeInception</a>
event. Here you will find useful coding-related short video
tutorials. These videos' topics are varied from Code Newbies to
Artificial Intelligence.
</p>
<span id="large">“</span>
</div>
<div id="video">
<div class="catagory btn-primary">Code Newbies</div>
<ul class="subject-list">
<li class="subject"><a target="_blank" href="">What does Programming actually mean?</a></li>
<li class="subject"><a target="_blank" href="">Different fields of Programming</a></li>
<li class="subject"><a target="_blank" href="">Some Programming Languages</a></li>
<li class="subject"><a target="_blank" href="">Which language should you learn?</a></li>
<li class="subject"><a target="_blank" href="">How long does it take to learn the program?</a></li>
<li class="subject"><a target="_blank" href="">Shiny Object Syndrome</a></li>
<li class="subject"><a target="_blank" href="">Google is your friend!</a></li>
</ul>
<div class="catagory btn-primary">Open Source & Developer Community</div>
<ul class="subject-list">
<li class="subject"><a target="_blank" href="">What is Open-Source?</a></li>
<li class="subject"><a target="_blank" href="">Why is it so vital in the programming world?</a></li>
<li class="subject"><a target="_blank" href="">Responsibilities of an ideal open-source citizen</a></li>
<li class="subject"><a target="_blank" href="">Contributing to an open-source project using GitHub </a></li>
<li class="subject"><a target="_blank" href="">Does open-source give us the opportunity to collaborate?</a>
</li>
<li class="subject"><a target="_blank" href="">What is the importance of developer communities?</a></li>
</ul>
<div class="catagory btn-primary">UI/UX Design</div>
<ul class="subject-list">
<li class="subject"><a target="_blank" href="">What is Web Designing?</a></li>
<li class="subject"><a target="_blank" href="">Difference between web designing and frontend development</a>
</li>
<li class="subject"><a target="_blank" href="">How to connect designs with web development?</a></li>
<li class="subject"><a target="_blank" href="">Why should we learn web designing?</a></li>
<li class="subject"><a target="_blank" href="">Are design skills only useful for websites?</a></li>
<li class="subject"><a target="_blank" href="">What are the principles of web designing?</a></li>
<li class="subject"><a target="_blank" href="">A Practical guide to beautify your design</a></li>
<li class="subject"><a target="_blank" href="">Some of the best resources for learning web designing</a>
</li>
<li class="subject"><a target="_blank" href="">Some of the best designing tools to work with</a></li>
</ul>
<div class="catagory btn-primary">Web Development</div>
<ul class="subject-list">
<li class="subject"><a target="_blank" href="">What is Web Development?</a></li>
<li class="subject"><a target="_blank" href="">Difference between Frontend and Backend</a></li>
<li class="subject"><a target="_blank" href="">Responsibilities of a Frontend developer</a></li>
<li class="subject"><a target="_blank" href="">Responsibilities of a Backend developer</a></li>
<li class="subject"><a target="_blank" href="">Languages for Web Development</a></li>
<li class="subject"><a target="_blank" href="">JavaScript: One programming language to rule them all</a>
</li>
<li class="subject"><a target="_blank" href="">Best resources for learning JavaScript</a></li>
<li class="subject"><a target="_blank" href="">What is MERN stack and why it is popular?</a></li>
<li class="subject"><a target="_blank" href="">Complete Web Development Roadmap</a></li>
</ul>
<div class="catagory btn-primary">Artificial Intelligence</div>
<ul class="subject-list">
<li class="subject"><a target="_blank" href="">What is Artificial Intelligence?</a></li>
<li class="subject"><a target="_blank" href="">Difference between AI, Machine Learning and Deep Learning</a>
</li>
<li class="subject"><a target="_blank" href="">Why should we learn AI?</a></li>
<li class="subject"><a target="_blank" href="">Which is the best language for AI?</a></li>
<li class="subject"><a target="_blank" href="">Is Python only used in the field of AI?</a></li>
<li class="subject"><a target="_blank" href="">What are some of the best resources for learning Python
basics?</a></li>
<li class="subject"><a target="_blank" href="">Some libraries which are used for AI and their learning
resources</a></li>
<li class="subject"><a target="_blank" href="">TensorFlow vs PyTorch</a></li>
</ul>
<div class="catagory btn-primary">Game Development</div>
<ul class="subject-list">
<li class="subject"><a target="_blank" href="">What is Game Development?</a></li>
<li class="subject"><a target="_blank" href="">What is the basic structure for developing a game?</a></li>
<li class="subject"><a target="_blank" href="">What does a game developer do?</a></li>
<li class="subject"><a target="_blank" href="">Best engines for game development</a></li>
<li class="subject"><a target="_blank" href="">What are the preferred languages for game development?</a>
</li>
<li class="subject"><a target="_blank" href="">Importance of Data Structures, Algorithms and Problem
Solving</a></li>
<li class="subject"><a target="_blank" href="">Some of the best resources for learning game development</a>
</li>
<li class="subject"><a target="_blank" href="">Game development learning timeline</a></li>
</ul>
<div class="catagory btn-primary">Native Development</div>
<ul class="subject-list">
<li class="subject"><a target="_blank" href="">What is Native Mobile Application Development?</a></li>
<li class="subject"><a target="_blank" href="">Why should we learn native mobile application
development?</a></li>
<li class="subject"><a target="_blank" href="">Native Application Development VS Responsive Web Design</a>
</li>
<li class="subject"><a target="_blank" href="">Importance of UI/UX in native app development</a></li>
<li class="subject"><a target="_blank" href="">Best languages and tools for native mobile app
development</a></li>
<li class="subject"><a target="_blank" href="">Best resources to learn native mobile application
development</a></li>
<li class="subject"><a target="_blank" href="">Difficulties that we might face while building a
cross-platform app</a></li>
<li class="subject"><a target="_blank" href="">A sample demonstration of application deployment on Google
Play</a></li>
</ul>
<div class="catagory btn-primary">Robotics</div>
<ul class="subject-list">
<li class="subject"><a target="_blank" href="">What is Robotics?</a></li>
<li class="subject"><a target="_blank" href="">What are the basic aspects of robotics?</a></li>
<li class="subject"><a target="_blank" href="">Areas where robotics can be applied</a></li>
<li class="subject"><a target="_blank" href="">Why should we learn robotics?</a></li>
<li class="subject"><a target="_blank" href="">Why and how do we implement artificial intelligence in
robots?</a></li>
<li class="subject"><a target="_blank" href="">Some of the best resources for learning robotics</a></li>
<li class="subject"><a target="_blank" href="">Complete robotics learning timeline</a></li>
</ul>
<div class="catagory btn-primary">Competitive Coding</div>
<ul class="subject-list">
<li class="subject"><a target="_blank" href="">What is Competitive Programming?</a></li>
<li class="subject"><a target="_blank" href="">Importance of Competitive Programming</a></li>
<li class="subject"><a target="_blank" href="">What is the use of Competitive Programming?</a></li>
<li class="subject"><a target="_blank" href="">How much math is needed for Competitive Programming?</a></li>
<li class="subject"><a target="_blank" href="">What kind of math do you need to be good in?</a></li>
<li class="subject"><a target="_blank" href="">Best resources to learn Data Structures and Algorithms
(DSA)</a></li>
<li class="subject"><a target="_blank" href="">Preferred Language for Competitive Programming</a></li>
<li class="subject"><a target="_blank" href="">Is competitive programming harmful for software
engineers?</a></li>
<li class="subject"><a target="_blank" href="">Popular Online Judges and Coding Competitions</a></li>
<li class="subject"><a target="_blank" href="">How to get started with competitive programming?</a></li>
<li class="subject"><a target="_blank" href="">Looking into a Competitive Programming Question</a></li>
</ul>
<div class="catagory btn-primary">DevOps</div>
<ul class="subject-list">
<li class="subject"><a target="_blank" href="">What is DevOps?</a></li>
<li class="subject"><a target="_blank" href="">Pull Request Automation</a></li>
<li class="subject"><a target="_blank" href="">Continuous Integration</a></li>
<li class="subject"><a target="_blank" href="">Continuous Delivery & Continuous Deployment</a></li>
<li class="subject"><a target="_blank" href="">Docker</a></li>
<li class="subject"><a target="_blank" href="">Kubernetes</a></li>
<li class="subject"><a target="_blank" href="">What are there major differences between Kubernetes VS
Docker?</a></li>
<li class="subject"><a target="_blank" href="">Operations Team Responsibilities</a></li>
<li class="subject"><a target="_blank" href="">Logs Aggregation</a></li>
<li class="subject"><a target="_blank" href="">DevOps is an Infinity Loop</a></li>
<li class="subject"><a target="_blank" href="">Learning Guidelines</a></li>
<li class="subject"><a target="_blank" href="">Useful Resources for DevOps</a></li>
</ul>
</div>
<h1 class="section-head" id="rep-section">CONTRIBUTORS</h1>
<div id="contributor" class="container">
<div class="catagory btn-secondary">Speakers</div>
<ul class="subject-list">
<li class="subject"><a target="_blank" href="https://www.linkedin.com/in/ahammadshawki8/">Ahammad Shawki</a>
</li>
<li class="subject"><a target="_blank" href="https://www.linkedin.com/in/seemasaharan/">Seema Saharan</a>
</li>
<li class="subject"><a target="_blank" href="https://www.linkedin.com/in/rishit-dagli/">Rishit Dagli</a>
</li>
<li class="subject"><a target="_blank" href="https://www.linkedin.com/in/farhanhasin/">Farhan Hasin
Chowdhury</a></li>
<li class="subject"><a target="_blank" href="https://www.linkedin.com/in/sumitanalyzen/">Sumit Saha</a></li>
<li class="subject"><a target="_blank" href="https://www.linkedin.com/in/cas-martens/">Cas Martens</a></li>
<li class="subject"><a target="_blank" href="https://www.linkedin.com/in/vaidhyanathansm/">Vaidhyanathan
SM</a></li>
<li class="subject"><a target="_blank" href="https://www.linkedin.com/in/habibur-rahman-32547b109/">Habibur
Rahman</a></li>
<li class="subject"><a target="_blank" href="https://www.linkedin.com/in/farhanjawad/">Farhan Jawad</a></li>
<li class="subject"><a target="_blank" href="https://www.linkedin.com/in/jai-dewani/">Jai Kumar Dewani</a>
</li>
</ul>
<div class="catagory btn-secondary">Editors</div>
<ul class="subject-list">
<li class="subject"><a target="_blank" href="https://www.facebook.com/morshedulhassan.shammo">Morshedul
Hassan Shammo</a></li>
<li class="subject"><a target="_blank" href="https://www.facebook.com/hasnine.sami">Hasnine Sami</a></li>
<li class="subject"><a target="_blank"
href="https://www.facebook.com/profile.php?id=100009142596243">Shahjahan Shanto</a></li>
<li class="subject"><a target="_blank" href="https://www.instagram.com/_essam_sami_/">Essam Sami</a></li>
</ul>
</div>
<footer>
<div class="container">
<hr id="footer-start" />
<ul id="social">
<li>
<a id="first" href="https://www.facebook.com/as8org/" target="_blank"><i
class="fab fa-facebook"></i></a>
</li>
<li>
<a href="https://discord.gg/4aSj56xRwc" target="_blank"><i class="fab fa-discord"></i></a>
</li>
<li>
<a href="https://www.linkedin.com/company/the-as8-organization" target="_blank"><i
class="fab fa-linkedin-in"></i></a>
</li>
<li>
<a href="https://www.youtube.com/channel/UCjcS_VOSsg3ju2rwKZVNUnQ" target="_blank"><i
class="fab fa-youtube"></i></a>
</li>
<li>
<a href="https://www.instagram.com/as8org/" target="_blank"><i class="fab fa-instagram"></i></a>
</li>
</ul>
<h2 id="org-name">
Created by
<a class="org-color-name" target="_blank" href="https://the-as8-organization.github.io/">The AS8
Organization</a>
</h2>
<div id="license">
<h2 id="copyright">
Copyright © AS8-Community-Representative-2021
</h2>
<h2 id="allright">All rights reserved</h2>
</div>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-U1DAWAznBHeqEIlVSCgzq+c9gqGAJn5c/t99JyeKa9xxaYpSvHU5awsuZVVFIhvj"
crossorigin="anonymous"></script>
<script src="js/index.js"></script>
</body>
</html>