Algorithmic.com/Development.html at main · Stratisra/Algorithmic.com · GitHub

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
<!DOCTYPE html>
    <head>
        <title>Algorithmic.com</title>
        <link rel="stylesheet" href="stylesheet.css">
        <link rel="shortcut icon" type="image/x-icon" href="Favicon.ico">
		<style>
			.content .icon{
				position: absolute;
				float: right;
				border-radius: 10px;
				border: 3.5px solid #198CA3;
				width: 10%;
				right: 20%;
				z-index: -1;
			}
			.content .text{
				position: absolute;
				top: 13%;
				left: 10%;
				width: 750px;
				z-index: -1;
			}
			iframe{
				position: absolute;
				top: 200%;
				left: 19%;
				border-radius: 10px;
				border: 3.5px solid #198CA3;
				z-index: -1;
			}
		</style>
    </head>
    <body>
        <div id="navbar">
            <a href="Home.html"><img src="Logo2.png" alt="Logo" class="img1"></a>
            <div id="buttons">
                <a href="Home.html">HOME</a></li>
                <a href="History.html">HISTORY</a></li>
                <a href="Development.html" class="active">DEVELOPMENT</a></li>
                <a href="Importance.html">IMPORTANCE</a></li>
            </div>
            <hr size="4px" color="#3BC5E1">
        </div>
        <div class="content">
            <div class="text">
				<p style="font-size: 35px; text-shadow: 0 0 10px #3bc5e1, 0 0 20px #3bc5e1, 0 0 30px #3bc5e1;">Types of Algorithms</p>
				<p>There are 7 different types of algorithms that are used by computer programmers:
					<ol>
						<li><strong><em>Brute force algorithms</em></strong> – try all possible solutions until a satisfactory solution is found.</li><br>
						<li><strong><em>Randomised algorithms</em></strong> – use a random number at least once during the computation to find a solution to the problem.</li><br>
						<li><strong><em>Greedy algorithms</em></strong> – find an optimal solution at local level with the intent of finding an optimal solution for the whole problem using a simple criterion.</li><br>
						<li><strong><em>Divide and conquer algorithms</em></strong> – divide the problem into smaller subproblems of the same type; solve those smaller problems, and combine those solutions to solve the original problem.</li><br>
						<li><strong><em>Recursive algorithms</em></strong> – solve the lowest and simplest version of a problem to then solve increasingly larger versions of the problem until the solution to the original problem is found.</li><br>
						<li><strong><em>Backtracking algorithms</em></strong> – divide the problem into subproblems, each of which can be attempted to be solved; however, if the desired solution is not reached, move backwards in the problem until a path is found that moves it forward.</li><br>
						<li><strong><em>Dynamic programming algorithms</em></strong> – break a complex problem into a collection of simpler subproblems, then solve each of those subproblems only once, storing their solution for future use instead of re-computing their solutions.</li>
					</ol>
				</p>
            </div>
			<img src="Brute force.jpg" alt="Brute force" class="icon" style="top: 270px;">
			<img src="Randomised.jpg" alt="Randomised" class="icon" style="top: 416px;">
			<img src="Greedy.jpg" alt="Greedy" class="icon" style="top: 570px;">
			<img src="Divide and conquer.jpg" alt="Divide and conquer" class="icon" style="top: 724px;">
			<img src="Recursive.jpg" alt="Recursive" class="icon" style="top: 903px;">
			<img src="Backtracking.jpg" alt="Backtracking" class="icon" style="top: 1089px;">
			<img src="Dynamic programming.jpg" alt="Dynamic programming" class="icon" style="top: 1313px;">
			<iframe width="948" height="533" src="https://www.youtube.com/embed/qj_ZWLXFeRg" title="Types of Algorithms" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
			<p style="position: absolute; color: #3BC5E1; font-size: 20px; left: 40%; top: 270%; padding-bottom: 15px;">©2023 Stratis Rallis. All Rights Reserved.</p>
        </div>
        <script src="Sticky scroll.js"></script>
    </body>
</html>