repl_python/index.html at master · linkki/repl_python · 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
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]><!-->
<htmlclass="no-js">
<!--<![endif]-->
<!-- HEAD SECTION-->

<head>
<metacharset="utf-8">
<title>Linkki</title>
<basehref="https://linkki.github.io/repl_python/">
<metaname="description" content="">
<metaname="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-->
<linkhref="assets/plugins/isotope/isotope.css" rel="stylesheet" media="screen" />
<linkhref="assets/plugins/fancybox/jquery.fancybox.css" rel="stylesheet" />
<linkhref="assets/plugins/IconHoverEffects-master/css/component.css" rel="stylesheet" />
<linkhref="assets/plugins/bootstrap/bootstrap.css" rel="stylesheet" />
<linkhref="assets/css/about-achivements.css" rel="stylesheet" />
<linkid="mainStyle" href="assets/css/style.css" rel="stylesheet" />
<linkhref='https://fonts.googleapis.com/css?family=Varela+Round' rel='stylesheet' type='text/css'>
<!-- END MAIN STYLE SECTION-->
<scriptsrc="assets/scripts/replExercise.js"></script>
<scriptsrc="assets/scripts/dom.js"></script>
</head>
<!-- END HEAD SECTION-->

<!-- BODY SECTION-->

<body>
<!-- HEADER SECTION-->
<divid="navbar">
<script>
htmlFromFile('navbar','assets/html/navbar.html')
</script>
</div>
<!-- END HEADER SECTION-->


<!-- PAGE CONTENT-->

<sectionid="Homepage">
<divclass="container">
<divclass="row">
<divdata-scrollreveal="wait 0.5s and then ease-in-out 50px" class="col-md-6 col-md-offset-3">

<divclass="align-center">
<h2class="main-text">OPI PYTHONIA</h2>

</div>
</div>
</div>
</div>

</section>

<sectionstyle="margin-top:20px;">
<divclass="container">
<divclass="row">
<divclass="">
 Tämän materiaalin avulla opit koodaamaan Python-ohjelmointikielellä.

</br></br> Materiaali on tehty <ahref="http://linkki.cs.helsinki.fi/">Linkki-keskuksen</a>
 tekstiohjelmointikerhoja varten. Monet materiaalin teksteistä ja tehtävistä ovat muokattuna Antti Laaksosen <ahref="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 <ahref="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 <ahref="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 <ahref="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ä
<ahref="https://www.python.org/downloads/">Python 3</a>. Tämä materiaali on suunniteltu
<ahref="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
<ahref="https://www.jetbrains.com/pycharm/">Pycharmin</a>,
 sillä se osaa tunnistaa virheitä Python-koodissa ja antaa vihjeitä virheiden korjaamiseen.
</div>
</div>

<h2><ahref="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-->
<scriptsrc="assets/js/modernizr-2.6.2-respond-1.1.0.min.js"></script>
<scriptsrc="assets/js/jquery.js"></script>
<scriptsrc="assets/js/scrollReveal.js"></script>
<script>
window.scrollReveal=newscrollReveal();//please put this script here to show animation at the time of scroll
</script>
<scriptsrc="assets/js/jquery.easing.1.3.js"></script>
<scriptsrc="assets/plugins/bootstrap/bootstrap.min.js"></script>
<scriptsrc="assets/plugins/isotope/jquery.isotope.min.js"></script>
<scriptsrc="assets/plugins/fancybox/jquery.fancybox.pack.js"></script>
<scriptsrc="assets/js/jquery.localscroll-1.2.7-min.js"></script>
<scriptsrc="assets/js/jquery.appear.js"></script>
<!-- <script src="assets/scripts/main.js"></script> -->

<!--END MAIN SCRIPTS SECTION-->
</body>

<!--END BODY SECTION-->

</html>