This repository has been archived by the owner on Feb 16, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
python.html
96 lines (89 loc) · 7.5 KB
/
python.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Python</title>
<!--Import Google Icon Font-->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
<!--Import materialize.css-->
<link href="css/materialize.min.css" type="text/css" rel="stylesheet" media="screen,projection" />
<!--Let browser know website is optimized for mobile-->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous" />
<link rel="stylesheet" href="css/w3.css" />
<link rel="stylesheet" href="css/extraStyle.css" />
</head>
<body>
<!--hamburger menu styling programming start-->
<ul id="slide-out" class="sidenav">
<li>
<div class="user-view">
<div class="background">
<img src="assets/computer-science-header.jpg" width="350px" backgroundPosition="center">
</div>
<center><a href="#name"><span class="white-text name"><br><br><br></span></a></center>
</div>
</li>
<li><a class="waves-effect tooltipped" data-position="right" data-tooltip="Return to the homepage" href="index.html"><i class="fas fa-home fa-lg"></i>Home</a></li>
<li>
<div class="divider"></div>
</li>
<li><a class="subheader">Investigate</a></li>
<li><a class="waves-effect tooltipped" data-position="right" data-tooltip="An introduction to this whole page and its topics" href="start.html"><i class="fas fa-question fa-lg"></i>What's Computer Science?</a></li>
<li><a class="waves-effect tooltipped" data-position="right" data-tooltip="You may be thinking why you should study computer science, well come here and find out!" href="why.html"><i class="fas fa-search fa-lg"></i>Why study Computer Science?</a></li>
<li><a class="waves-effect tooltipped" data-position="right" data-tooltip="Computer Science is everywhere, but who actually uses it?" href="uses.html"><i class="fas fa-check fa-lg"></i>Who uses it?</a></li>
<li>
<div class="divider"></div>
</li>
<li><a class="subheader">Interact</a></li>
<li><a class="waves-effect tooltipped" data-position="right" data-tooltip="If you have never programmed before, Python is a great place to start" href="python.html"><i class="fab fa-python fa-2x"></i>Python</a></li>
<li><a class="waves-effect tooltipped" data-position="right" data-tooltip="If you got the hang of Python, you might want to try Java: The world's largest programming language" href="java.html"><i class="fab fa-java fa-2x"></i>Java</a></li>
<li><a class="waves-effect tooltipped" data-position="right" data-tooltip="Try something completely different: building a website like this" href="html.html"><i class="fab fa-html5 fa-2x"></i>HTML/CSS/JavaScript</a></li>
<li>
<div class="divider"></div>
</li>
<li><a class="subheader">Integrate</a></li>
<li><a class="waves-effect tooltipped" data-position="right" data-tooltip="With the rise of the digital age, new jobs have been created in the industry. This page tells you about some of the new opportunities out there" href="jobs.html"><i class="fas fa-briefcase fa-lg"></i>Jobs</a></li>
<li><a class="waves-effect tooltipped" data-position="right" data-tooltip="This is a page of external links which will take you to some other pages about computer science" href="learn.html"><i class="fas fa-graduation-cap fa-lg"></i>Learn more</a></li>
<li><a class="waves-effect tooltipped" data-position="right" data-tooltip="There are more languages apart from the ones mentioned earlier, come here to find out about some of them!" href="other.html"><i class="fas fa-code fa-lg"></i>Other languages</a></li>
<li>
<div class="divider"></div>
</li>
<li><a class="waves-effect" href="credits.html"><i class="fas fa-align-center"></i>Credits</a></li>
</ul>
<!--navbar style programming start-->
<nav class="grey darken-4 z-depth-0">
<div class="nav-wrapper">
<a class="brand-logo center">Python</a>
<div class="side-nav-button">
<!-- Hamburger menu call-->
<a href="#" data-target="slide-out" class="sidenav-trigger tooltipped show-on-large" data-position="right" data-tooltip="Menu"><i class="material-icons">menu</i></a>
</div>
</div>
</nav>
<div class="parallax-container valign-wrapper">
<div class="container">
<div class="section no-pad-bot">
<div class="row center">
<h4 class="header center white-text text-lighten-2">Python is great for beginners as it is focused on reliability. Python, more recently, is being used to create machine learning programs due to its ease of use</h4>
</div>
</div>
</div>
<div class="parallax"><img src="assets/python.png" alt="Unsplashed background img 1"></div></div>
<div class="container">
<p class="flow-text">Python is known as a "high level" programming language. This means that the language is closer to English (as we know it), compared to "lower level" programming languages, which are like machine code or assembly language. Python was created in the late 1980s as a successor to the ABC language. The language's core philosophy is: Beautiful is better than ugly, explicit is better than implicit, simple is better than complex, complex is better than complicated and that readability counts. You'll understand this more if you get into the language. Python is great for beginners because of its simplicity and readability.</p><p class="flow-text">Below are some Python programming tutorials, and an interactive programming environment at the bottom for you to interact with Python, without having to install any software. How great is that?
<p><center><big><b>TO DO: WRITE TUTORIALS</b></big></center></p>
<br><br><center><a class="waves-effect waves-light btn-large grey darken-4 z-depth-2" href="#IDE">Jump to development environment</a></center><br>
<div id="IDE"><br><ul class="collapsible">
<li>
<div class="collapsible-header"><i class="material-icons">settings</i>Instructions</div>
<div class="collapsible-body"><span><p class="flow-text">Type your code in here...</p><img src="assets/python/code.png" style="max-width: 100%"><p class="flow-text">And press this highlighted button to run your code:</p><img src="assets/python/result.png" style="max-width: 100%"><center><b><p class="flow-text">Easy :D</p></center></b></span></div>
</li></ul></div>
<p>NB: At peak time, the environment may take some time to load. Anything you do here may not be saved, so please make a copy of it before you leave.</p>
<iframe height="800px" width="100%" src="https://repl.it/@ghostcodedev/PythonExample?lite=true" scrolling="no" frameborder="no" allowtransparency="true" allowfullscreen="true" sandbox="allow-forms allow-pointer-lock allow-popups allow-same-origin allow-scripts allow-modals">Loading Python environment...</iframe>
<br><br><center><a class="waves-effect waves-light btn-large grey darken-4 z-depth-2" href="java.html">Finished? Try Java next!</a></center><br>
<!-- scripts -->
<script type="text/javascript" src="js/materialize.min.js"></script>
<script>M.AutoInit();</script>
</body>
</html>