-
-
Save codecademydev/c20ac3855be46f39dc833d821ea06f32 to your computer and use it in GitHub Desktop.
Codecademy export
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
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="UTF-8"> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
<meta name="author" content="Mustafa Kareem"> | |
<title>Programming Languages</title> | |
<link href="styles.css" rel="stylesheet" type="text/css"> | |
</head> | |
<body> | |
<h1>Programming Languages to Learn 2021</h1> | |
<table> | |
<thead> | |
<tr> | |
<th scope="row">Name</th> | |
<th scope="col">Top Use</th> | |
<th scope="col">Rank<sup> | |
<a | |
href="https://stackoverflow.blog/2020/05/27/2020-stack-overflow-developer-survey-results/" target="_blank">[1]</a></sup></th> | |
<th scope="col">Pros & Cons</th> | |
</tr> | |
<tbody> | |
<tr> | |
<td>Python</td> | |
<td>IT</td> | |
<td>#3</td> | |
<td><ul> | |
<li class="pros">Easy high level language</li> | |
<li class="pros">Can be used in many different fields</li> | |
<li class="pros">Huge libraries</li> | |
<li class="cons">Slow Performance</li> | |
</ul></td> | |
</tr> | |
<tr> | |
<td>JavaScript</td> | |
<td>Web Development</td> | |
<td>#10</td> | |
<td><ul> | |
<li class="pros">Huge libraries</li> | |
<li class="pros">Fast</li> | |
<li class="cons">Bad Security, Anyone can read your code</li> | |
</ul></td> | |
</tr> | |
<tr> | |
<td>Go</td> | |
<td>Back End Development</td> | |
<td>#5</td> | |
<td><ul> | |
<li class="pros">Very fast language</li> | |
<li class="pros">Designed by Google for Web Developers</li> | |
<li class="pros">Modern Language</li> | |
<li class="cons">High Level Language with Low Level Features</li> | |
<li class="cons">It can be used only for Back-End Development</li> | |
</ul></td> | |
</tr> | |
<tr> | |
<td>Kotlin</td> | |
<td>Android Development</td> | |
<td>#4</td> | |
<td><ul> | |
<li class="pros">Stable, Bugless Language</li> | |
<li class="pros">Supports all java libraries</li> | |
<li class="pros">Its Java but simple one!</li> | |
<li class="cons">Not recommended to be first language to learn</li> | |
</ul></td> | |
</tr> | |
<tr> | |
<td>Swift</td> | |
<td>IOS Development</td> | |
<td>#9</td> | |
<td><ul> | |
<li class="pros">Easy and Fast language</li> | |
<li class="pros">Developed by Apple for ios developers</li> | |
<li class="cons">Limited Development Environment</li> | |
</ul></td> | |
</tr> | |
<tr> | |
<td>Rust</td> | |
<td>System Development</td> | |
<td>#1</td> | |
<td><ul> | |
<li class="pros">Modern C++ Language!</li> | |
<li class="pros">Safe Language</li> | |
<li class="pros">Very Fast</li> | |
<li class="cons">Limited Libraries</li> | |
</ul></td> | |
</tr> | |
</tbody> | |
</thead> | |
</table> | |
</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
@font-face { | |
font-family: 'Roboto'; | |
font-style: normal; | |
font-weight: 400; | |
font-display: swap; | |
src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2'); | |
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; | |
} | |
body { | |
background-color: rgb(35, 39, 53); | |
color: rgb(238, 228, 228); | |
word-spacing: 3px; | |
} | |
h1 { | |
text-align: center; | |
font-family: 'Roboto', sans-serif; | |
border-bottom: 1px solid gray; | |
padding: 1em; | |
margin-right: 25%; | |
margin-left: 25%; | |
} | |
table { | |
margin: auto; | |
} | |
thead th { | |
font-size: 1.4em; | |
border: 1px solid rgb(117, 117, 117); | |
padding: 1em; | |
font-family: Helvetica, Arial, sans-serif; | |
background-color: rgb(177, 63, 63); | |
} | |
td { | |
padding: 1.5em; | |
font-size: 1.1em; | |
border: 1px solid rgb(117, 117, 117); | |
font-family: 'Roboto', sans-serif; | |
text-align: center; | |
} | |
ul { | |
list-style: none; | |
} | |
.pros::before { | |
content: "◘ "; | |
color: green; | |
line-height: 1.3; | |
} | |
.cons::before { | |
content: "➼ "; | |
color: red; | |
line-height: 1.3; | |
} | |
a:hover { | |
color: rgb(1, 18, 80); | |
font-size: 1.2em; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment