-
Notifications
You must be signed in to change notification settings - Fork 19
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
fae36db
commit 1a83bfb
Showing
12 changed files
with
170 additions
and
28 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,130 @@ | ||
<!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" /> | ||
<title> | ||
How to create a custom scrollbar | ||
using HTML and CSS? | ||
</title> | ||
|
||
<style> | ||
.scroll-container { | ||
height: 300px; | ||
overflow-y: scroll; | ||
} | ||
|
||
.scroll-container::-webkit-scrollbar { | ||
width: 12px; | ||
} | ||
|
||
.scroll-container::-webkit-scrollbar-track { | ||
background: #f1f1f1; | ||
} | ||
|
||
.scroll-container::-webkit-scrollbar-thumb { | ||
background: #888; | ||
} | ||
|
||
.scroll-container::-webkit-scrollbar-thumb:hover { | ||
background: #555; | ||
} | ||
|
||
.scroll-container::-webkit-scrollbar-button { | ||
display: none; | ||
} | ||
</style> | ||
</head> | ||
|
||
<body> | ||
<div class="scroll-container"> | ||
<!-- Content goes here --> | ||
<strong>What is Data Structure?</strong> | ||
<p> | ||
A data structure is defined as a particular | ||
way of storing and organizing data in our | ||
devices to use the data efficiently and | ||
effectively. The main idea behind using | ||
data structures is to minimize the time | ||
and space complexities. An efficient data | ||
structure takes minimum memory space and | ||
requires minimum time to execute the data. | ||
</p> | ||
|
||
<strong>What is Algorithm?</strong> | ||
<p> | ||
Algorithm is defined as a process or set | ||
of well-defined instructions that are | ||
typically used to solve a particular group | ||
of problems or perform a specific type of | ||
calculation. To explain in simpler terms, | ||
it is a set of operations performed in a | ||
step-by-step manner to execute a task. | ||
</p> | ||
|
||
<strong>How to start learning DSA?</strong> | ||
<p> | ||
The first and foremost thing is dividing | ||
the total procedure into little pieces | ||
which need to be done sequentially. The | ||
complete process to learn DSA from | ||
scratch can be broken into 4 parts: | ||
</p> | ||
|
||
<li>Learn about Time and Space complexities</li> | ||
<li> | ||
Learn the basics of individual | ||
Data Structures | ||
</li> | ||
<li>Learn the basics of Algorithms</li> | ||
<li>Practice Problems on DSA</li> | ||
|
||
<strong> 1. Learn about Complexities</strong> | ||
<p> | ||
Here comes one of the interesting and | ||
important topics. The primary motive to | ||
use DSA is to solve a problem effectively | ||
and efficiently. How can you decide if a | ||
program written by you is efficient or | ||
not? This is measured by complexities. | ||
Complexity is of two types: | ||
</p> | ||
|
||
<li> | ||
<strong>Time Complexity:</strong> Time | ||
complexity is used to measure the amount | ||
of time required to execute the code. | ||
</li> | ||
<li> | ||
<strong>Space Complexity:</strong> | ||
Space complexity means the amount of | ||
space required to execute successfully | ||
the functionalities of the code. You | ||
will also come across the term Auxiliary | ||
Space very commonly in DSA, which refers | ||
to the extra space used in the program | ||
other than the input data structure. | ||
</li> | ||
<p> | ||
Both of the above complexities are | ||
measured with respect to the input | ||
parameters. But here arises a problem. | ||
The time required for executing a code | ||
depends on several factors, such as: | ||
</p> | ||
<li> | ||
The number of operations performed | ||
in the program | ||
</li> | ||
<li>The speed of the device, and also</li> | ||
<li> | ||
The speed of data transfer if being | ||
executed on an online platform. | ||
</li> | ||
</div> | ||
</body> | ||
|
||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters