Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Sign up
Appearance settings

Commit b579ed9

Browse files
committed
Lesson-01
0 parents commit b579ed9

File tree

10 files changed

+637
-0
lines changed

10 files changed

+637
-0
lines changed

‎images/arrow.png

70.6 KB
Loading[フレーム]

‎images/code.png

8.44 KB
Loading[フレーム]

‎images/dgm-1.png

131 KB
Loading[フレーム]

‎images/dgm-2.png

115 KB
Loading[フレーム]

‎images/dgm-3.png

84.9 KB
Loading[フレーム]

‎images/dsa-logo.png

30.9 KB
Loading[フレーム]

‎images/menu.png

75.4 KB
Loading[フレーム]

‎index.html

Lines changed: 283 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,283 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<link rel="shortcut icon" href="images/dsa-logo.png" type="image/x-icon" />
8+
<link rel="stylesheet" href="style.css" />
9+
<title>Learn DSA Using Python || Code Explorer</title>
10+
</head>
11+
12+
<body class="body">
13+
<marquee>Learn DSA Using Python || Chapter 01 - Introduction || Code
14+
Explorer</marquee>
15+
<div class="main-body">
16+
<div class="left">
17+
<a href="https://explorecode.newsgoogle.org">
18+
<div class="logo"><img src="images/code.png" alt="" height="100px" width="100px" class="logo-img" />
19+
<div class="logo-div"><span class="code">Code</span><span class="explorer">Explorer</span></div>
20+
<span class="dropdown"></span>
21+
</div>
22+
</a>
23+
<hr class="one" />
24+
<div class="hide-on-small-screen">
25+
<span class="contents">Contents</span>
26+
<hr class="two" />
27+
<ul type="none">
28+
<li>
29+
<img src="images/arrow.png" alt="" class="arrow-img" />
30+
<a href="https://youtube.com">
31+
<span class="lesson">Lesson 1 / Intro</span>
32+
</a>
33+
</li>
34+
<hr class="two" />
35+
<li>
36+
<img src="images/arrow.png" alt="" class="arrow-img" />
37+
<a href="https://youtube.com">
38+
<span class="lesson">Lesson 2 / Revision</span>
39+
</a>
40+
</li>
41+
<hr class="two" />
42+
<li>
43+
<img src="images/arrow.png" alt="" class="arrow-img" />
44+
<a href="https://youtube.com">
45+
<span class="lesson">Lesson 3 / Testing</span>
46+
</a>
47+
</li>
48+
<hr class="two" />
49+
<li>
50+
<img src="images/arrow.png" alt="" class="arrow-img" />
51+
<a href="https://youtube.com">
52+
<span class="lesson">Lesson 4 / Output</span>
53+
</a>
54+
</li>
55+
<hr class="two" />
56+
<li>
57+
<img src="images/arrow.png" alt="" class="arrow-img" />
58+
<a href="https://youtube.com">
59+
<span class="lesson">Lesson 1 / Intro</span>
60+
</a>
61+
</li>
62+
<hr class="two" />
63+
<li>
64+
<img src="images/arrow.png" alt="" class="arrow-img" />
65+
<a href="https://youtube.com">
66+
<span class="lesson">Lesson 2 / Revision</span>
67+
</a>
68+
</li>
69+
<hr class="two" />
70+
<li>
71+
<img src="images/arrow.png" alt="" class="arrow-img" />
72+
<a href="https://youtube.com">
73+
<span class="lesson">Lesson 3 / Testing</span>
74+
</a>
75+
</li>
76+
<hr class="two" />
77+
<li>
78+
<img src="images/arrow.png" alt="" class="arrow-img" />
79+
<a href="https://youtube.com">
80+
<span class="lesson">Lesson 4 / Output</span>
81+
</a>
82+
</li>
83+
<hr class="two" />
84+
<li>
85+
<img src="images/arrow.png" alt="" class="arrow-img" />
86+
<a href="https://youtube.com">
87+
<span class="lesson">Lesson 1 / Intro</span>
88+
</a>
89+
</li>
90+
<hr class="two" />
91+
<li>
92+
<img src="images/arrow.png" alt="" class="arrow-img" />
93+
<a href="https://youtube.com">
94+
<span class="lesson">Lesson 2 / Revision</span>
95+
</a>
96+
</li>
97+
<hr class="two" />
98+
<li>
99+
<img src="images/arrow.png" alt="" class="arrow-img" />
100+
<a href="https://youtube.com">
101+
<span class="lesson">Lesson 3 / Testing</span>
102+
</a>
103+
</li>
104+
<hr class="two" />
105+
<li>
106+
<img src="images/arrow.png" alt="" class="arrow-img" />
107+
<a href="https://youtube.com">
108+
<span class="lesson">Lesson 4 / Output</span>
109+
</a>
110+
</li>
111+
<hr class="two" />
112+
<li>
113+
<img src="images/arrow.png" alt="" class="arrow-img" />
114+
<a href="https://youtube.com">
115+
<span class="lesson">Lesson 1 / Intro</span>
116+
</a>
117+
</li>
118+
<hr class="two" />
119+
<li>
120+
<img src="images/arrow.png" alt="" class="arrow-img" />
121+
<a href="https://youtube.com">
122+
<span class="lesson">Lesson 2 / Revision</span>
123+
</a>
124+
</li>
125+
<hr class="two" />
126+
<li>
127+
<img src="images/arrow.png" alt="" class="arrow-img" />
128+
<a href="https://youtube.com">
129+
<span class="lesson">Lesson 3 / Testing</span>
130+
</a>
131+
</li>
132+
<hr class="two" />
133+
<li>
134+
<img src="images/arrow.png" alt="" class="arrow-img" />
135+
<a href="https://youtube.com">
136+
<span class="lesson">Lesson 4 / Output</span>
137+
</a>
138+
</li>
139+
<hr class="two" />
140+
</ul>
141+
</div>
142+
</div>
143+
<div class="right">
144+
<h1 class="h1">
145+
Welcome To DSA Complete Course Using Python By Code Explorer
146+
</h1>
147+
<hr class="one" />
148+
<h1 class="h1">This Is Introduction To DSA Using Python</h1>
149+
<center>
150+
<div id="box">
151+
<span>Full PlayList</span>
152+
</div>
153+
</center>
154+
<hr class="one" />
155+
<p class="p" style="color: aqua !important;">
156+
DSA (Data Structures and Algorithms) in Python is a fundamental course
157+
that introduces the principles and implementation of various data
158+
structures and algorithms using the Python programming language.
159+
</p>
160+
161+
<p class="p" style="color: aqua !important;">
162+
In this course, you will learn about essential data structures such as
163+
arrays, linked lists, stacks, queues, trees, graphs, and hash tables, and
164+
explore their strengths and weaknesses in different scenarios. You will
165+
understand how to manipulate and organize data efficiently, improving the
166+
performance of your programs.
167+
</p>
168+
169+
<p class="p" style="color: aqua !important;">
170+
Additionally, the course delves into algorithm analysis and design
171+
techniques, enabling you to create efficient solutions for a wide range of
172+
problems. You will explore algorithms like sorting, searching, graph
173+
traversal, and dynamic programming. By understanding the underlying
174+
concepts, you will be able to write clean and optimized code.
175+
</p>
176+
177+
<p class="p" style="color: aqua !important;">
178+
Throughout the course, you will gain hands-on experience by implementing
179+
data structures and algorithms in Python. The practical exercises and
180+
coding assignments will reinforce your understanding and help you develop
181+
problem-solving skills.
182+
</p>
183+
184+
<p class="p" style="color: aqua !important;">
185+
Whether you are a beginner or an experienced programmer, this DSA course
186+
in Python will equip you with the necessary tools and knowledge to tackle
187+
complex programming challenges, enhance your logical thinking, and become
188+
a more proficient developer.
189+
</p>
190+
<hr class="one" />
191+
<h1 class="story">A Very Short Story</h1>
192+
<hr class="two" />
193+
<p class="p" style="color: aqua !important;">
194+
Once upon a time, a skilled architect named Alice faced a challenge while
195+
designing a bakery's order management system. Reflecting on her past
196+
experience of choosing wooden blocks for a window in her home, she
197+
realized the importance of selecting the perfect data structure. Inspired
198+
by the flexibility and adaptability of wooden blocks, she opted for a
199+
priority queue to efficiently manage the bakery's orders. Her decision
200+
proved to be a game-changer, streamlining operations and delighting
201+
customers. Alice's ability to draw from past experiences and choose the
202+
right data structure showcased her problem-solving prowess.
203+
</p>
204+
<br />
205+
<div class="div-img">
206+
<img class="img"
207+
src="images/dgm-1.png"
208+
alt="" />
209+
</div>
210+
<br />
211+
<p class="p" style="color: aqua !important;">
212+
As per the above image you will never use bricks to build a window, like
213+
that as a Software Engineer , you have to choose the perfect Data
214+
Structures to solve a problem.
215+
</p>
216+
<hr class="two" />
217+
<center>
218+
<p class="p" style="color: aqua !important;">Now look at this picture very carefully...</p>
219+
</center>
220+
<div class="div-img"><img class="img"
221+
src="images/dgm-2.png"
222+
alt="" /></div>
223+
<center>
224+
<p class="p" style="color: aqua !important;">This is the solution for the problem...</p>
225+
</center>
226+
<div class="div-img"><img class="img"
227+
src="images/dgm-3.png"
228+
alt="" /></div>
229+
<hr class="one" />
230+
<h1 class="h1">
231+
Some Very Popular Data Structures In Different Programming Languages
232+
</h1>
233+
<div id="table">
234+
<table>
235+
<thead>
236+
<th>Data Structure</th>
237+
<th>Python</th>
238+
<th>Java</th>
239+
<th>C++</th>
240+
</thead>
241+
<tbody>
242+
<tr>
243+
<td>Array</td>
244+
<td>Lists</td>
245+
<td>
246+
Native Array
247+
<br />
248+
ArrayList
249+
</td>
250+
<td>
251+
Native Array
252+
<br />
253+
std::vector
254+
</td>
255+
</tr>
256+
<tr>
257+
<td>Hash Table</td>
258+
<td>Dictionary</td>
259+
<td>
260+
HashMap <br />
261+
LinkedHashMap
262+
</td>
263+
<td>std::map</td>
264+
</tr>
265+
<tr>
266+
<td>Linked List</td>
267+
<td>Not Available</td>
268+
<td>LinkedList</td>
269+
<td>std::list</td>
270+
</tr>
271+
</tbody>
272+
</table>
273+
</div>
274+
</div>
275+
</div>
276+
<footer class="footer">
277+
Copyright &copy; 2023 || Developed By :: <a href="https://explorecode.newsgoogle.org"><span class="footer-code">Code
278+
Explorer</span></a>
279+
</footer>
280+
<script src="script.js"></script>
281+
</body>
282+
283+
</html>

‎script.js

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
document.addEventListener("DOMContentLoaded", function () {
2+
const screenWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
3+
4+
if (screenWidth <= 760) {
5+
const imgSrc = "images/menu.png"; // Replace with the actual image source
6+
7+
const imgElement = document.createElement("img");
8+
imgElement.src = imgSrc;
9+
imgElement.alt = "Image description";
10+
imgElement.style.height = "60px";
11+
imgElement.style.width = "60px";
12+
13+
const dropdownElement = document.querySelector(".dropdown");
14+
dropdownElement.appendChild(imgElement);
15+
}
16+
});

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /