-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·138 lines (122 loc) · 7.1 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
<!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>
<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-->
</head>
<!-- END HEAD SECTION-->
<!-- BODY SECTION-->
<body>
<!-- HEADER SECTION-->
<div class="navbar navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="fa fa-bars mobile-bars" style=""></span>
</button>
<a class="navbar-brand" href="index.html" >
Linkki<!-- logo here-->
</a>
</div>
<div class="navbar-collapse collapse" data-scrollreveal="enter from the right 50px">
<ul class="nav navbar-nav">
<li class=""><a href="index.html">Home</a></li><!-- menu links-->
<li><a href="perusasiat.html">Perusasiat</a></li>
<li><a href="rakenteita.html">Lisää rakenteita</a></li>
<li><a href="funktiot.html">Funktiot</a></li>
<li><a href="kohtipelia.html">Kohti peliä</a></li>
<li><a href="pygame.html">Peliohjelmoinnin alkeet</a></li>
<li><a href="vihollispeli.html">Vihollispeli</a></li>
</ul>
</div>
</div>
</div>
<!-- END HEADER SECTION-->
<!--PAGE CONTENT-->
<!-- HOMEPAGE SECTION-->
<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 3-ohjelmointikielellä, kun osaat visuaalista <a href="https://scratch.mit.edu/">Scratch-ohjelmointikieltä</a>
</br></br> Materiaali on tehty kevään 2017 <a href="http://linkki.cs.helsinki.fi/">Linkki-keskuksen</a>
ohjelmointikerhoa 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 tekijä on Pihla Toivanen, 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. Suurin ero Pythonissa visuaalisiin ohjelmointikieliin on siinä, että Pythonia koodataan kirjoittamalla tekstieditoriin.
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>Pythonin ja Pygamen asennus</h2>
Tarvitset tehtävien tekemistä varten Python 3-ohjelmointikielen sekä Pygame-pelientekokirjaston koneellesi. Asenna ensin <a href="https://www.python.org/downloads/">Python 3</a> ja sitten
<a href="http://pygame.org/download.shtml">Pygame</a> oman käyttöjärjestelmäsi versiona. Kerhossa Python, Pygame ja tekstieditori on asennettu valmiiksi koneelle, joten tämä materiaali ei
sisällä tarkempia ohjeita niiden asennukseen.
<h2> Tekstieditori </h2>
Voit käyttää haluamaasi tekstieditoria. Suosittelemme kuitenkin lataamaan esimerkiksi <a href="https://www.jetbrains.com/pycharm/">Pycharmin</a>.
</div>
</div>
</div>
</section>
<!--END HOMEPAGE SECTION-->
<!-- 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>