-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
143 lines (122 loc) · 7.27 KB
/
index.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
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js">
<!--<![endif]-->
<!-- HEAD SECTION-->
<head>
<meta charset="utf-8">
<title>Linkki</title>
<base href="https://linkki.github.io/repl_python/">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--[if lt IE 9]><script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<!-- MAIN STYLE SECTION-->
<link href="assets/plugins/isotope/isotope.css" rel="stylesheet" media="screen" />
<link href="assets/plugins/fancybox/jquery.fancybox.css" rel="stylesheet" />
<link href="assets/plugins/IconHoverEffects-master/css/component.css" rel="stylesheet" />
<link href="assets/plugins/bootstrap/bootstrap.css" rel="stylesheet" />
<link href="assets/css/about-achivements.css" rel="stylesheet" />
<link id="mainStyle" href="assets/css/style.css" rel="stylesheet" />
<link href='https://fonts.googleapis.com/css?family=Varela+Round' rel='stylesheet' type='text/css'>
<!-- END MAIN STYLE SECTION-->
<script src="assets/scripts/replExercise.js"></script>
<script src="assets/scripts/dom.js"></script>
</head>
<!-- END HEAD SECTION-->
<!-- BODY SECTION-->
<body>
<!-- HEADER SECTION-->
<div id="navbar">
<script>
htmlFromFile('navbar', 'assets/html/navbar.html')
</script>
</div>
<!-- END HEADER SECTION-->
<!-- PAGE CONTENT-->
<section id="Homepage">
<div class="container">
<div class="row">
<div data-scrollreveal="wait 0.5s and then ease-in-out 50px" class="col-md-6 col-md-offset-3">
<div class="align-center">
<h2 class="main-text">OPI PYTHONIA</h2>
</div>
</div>
</div>
</div>
</section>
<section style="margin-top:20px;">
<div class="container">
<div class="row">
<div class="">
Tämän materiaalin avulla opit koodaamaan Python-ohjelmointikielellä.
</br></br> Materiaali on tehty <a href="http://linkki.cs.helsinki.fi/">Linkki-keskuksen</a>
tekstiohjelmointikerhoja varten. Monet materiaalin teksteistä ja tehtävistä ovat muokattuna Antti Laaksosen <a href="http://www.ohjelmointiputka.net/oppaat/opas.php?tunnus=python3_01"> Python-materiaalista</a>, Helsingin Yliopiston
Ohjelmoinnin perusteet Python-kielellä -materiaalista (päivitettävänä, ei tällä hetkellä avoinna)
sekä Linkin aiemmasta <a href="https://www.cs.helsinki.fi/group/linkki/materiaali/peliohjelmointi/"> peliohjelmointimateriaalista</a> jonka tekijät ovat Emilia Hjelm, Antti Laaksonen, Pekka Mikkola & Arto Vihavainen.
Materiaalin on tehnyt Pihla Toivanen, jota on edelleen kehittänyt Sami Sarsa, mutta materiaali sisältää runsaasti suoria lainauksia ylläolevista linkeistä. Tämä materiaali on lisensoitu Creative Commons BY-SA-lisenssillä.
<h2> Mikä on Python? </h2>
Python on tekstipohjainen ohjelmointikieli, jolla voi tehdä kaikenlaisia sovelluksia, kuten esimierkiksi tietokonepelejä, tekoälyohjelmia tai Internet-palvelimia.
<h2>Mitä eroa on Pythonilla ja Scratchilla?</h2>
Scratch on visuaalinen ohjelmointikieli, joka on tarkoitettu koodaamisen opettelelemissen.
Suurin ero Pythonissa visuaalisiin ohjelmointikieliin on siinä, että Pythonia koodataan kirjoittamalla tavallista tekstiä.
Python on oikeassa ohjelmistokehityksessä käytettävä kieli, ja esimerkiksi <a href="https://www.dropbox.com/home">Dropboxin</a>
koodaamisessa on käytetty Pythonia.
<h2>Tehtävien tekeminen</h2>
Tämä materiaali hyödyntää selaimessa toimivaa koodieditoria,
joten tehtävien tekemiseen tarvitsee vain toimivan nettiselaimen. <br/>
Mikäli haluat, että tekemäsi tehtävät säilyvät, voit luoda tilin koodieditorin
sivuilla osoitteessa <a href="https://repl.it">repl.it</a>.
<h2>Pythonin suorittaminen omalla tietokoneella</h2>
Mikäli haluat harjoitella Python-ohjelmointia omalla koneellasi, tarvitset Python-ohjelmointikielen sekä tekstieditorin.
Tarkista että Pythonin versio on 3.5 tai suurempi. Uusimman version saa ladattua linkistä
<a href="https://www.python.org/downloads/">Python 3</a>. Tämä materiaali on suunniteltu
<a href="https://linkki.cs.helsinki.fi/">linkin</a> kerhoille, joissa tarvittavat ohjelmat on
asennettu valmiiksi koneille, joten tämä materiaali ei sisällä tarkempia ohjeita niiden asennukseen.
<h3> Tekstieditori </h3>
Koska Python on tekstiohjelmointikieli, sitä voi kirjoittaa millä tahansa ohjelmalla, jolla voi muokata tekstiä.
Tekstin muokkaamiseen tarkoitettuja ohjelmia kutsutaan tekstieditoreiksi.
Voit käyttää haluamaasi tekstieditoria. Suosittelemme kuitenkin lataamaan esimerkiksi ilmaisen
<a href="https://www.jetbrains.com/pycharm/">Pycharmin</a>,
sillä se osaa tunnistaa virheitä Python-koodissa ja antaa vihjeitä virheiden korjaamiseen.
</div>
</div>
<h2><a href="perusasiat/tulostus_ja_muuttujat.html">Aloita tekeminen painamalla tästä</a></h2>
</div>
</section>
<!--END PAGE CONTENT-->
<!-- END FOOTER SECTION-->
<!-- SCROLLUP LINK SECTION
<a href="#Homepage" class="scrollup"><i class="fa fa-chevron-up"></i></a>
END SCROLLUP LINK SECTION-->
<!-- STYLE SWITCHER SECTION
<div class="panel" style="color:white">
<div id="styledemo" style="left: 0px;">
<span id="theme_blue" style="background-color:#37AFFF"></span>
<span id="theme_green" style="background-color:#469E66"></span>
<span id="theme_brown" style="background-color:#E69351"></span>
<span id="theme_red" style="background-color:#E7484E"></span>
</div>
</div>
<a class="trigger" href="#"></a>
END STYLE SWITCHER SECTION-->
<!-- MAIN SCRIPTS SECTION-->
<script src="assets/js/modernizr-2.6.2-respond-1.1.0.min.js"></script>
<script src="assets/js/jquery.js"></script>
<script src="assets/js/scrollReveal.js"></script>
<script>
window.scrollReveal = new scrollReveal(); //please put this script here to show animation at the time of scroll
</script>
<script src="assets/js/jquery.easing.1.3.js"></script>
<script src="assets/plugins/bootstrap/bootstrap.min.js"></script>
<script src="assets/plugins/isotope/jquery.isotope.min.js"></script>
<script src="assets/plugins/fancybox/jquery.fancybox.pack.js"></script>
<script src="assets/js/jquery.localscroll-1.2.7-min.js"></script>
<script src="assets/js/jquery.appear.js"></script>
<!-- <script src="assets/scripts/main.js"></script> -->
<!--END MAIN SCRIPTS SECTION-->
</body>
<!--END BODY SECTION-->
</html>