ProgiSuli/python.html at main · MagyarMark/ProgiSuli · 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
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
<!DOCTYPE html>
<html lang="hu">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="icon" type="image/x-icon" href="png/PS.png">
  <title>Python Modul – ProgiSuli</title>
  <link rel="stylesheet" href="style.css">
  <link href="https://cdn.jsdelivr.net/npm/prismjs/themes/prism-tomorrow.css" rel="stylesheet" />
  <script src="https://cdn.jsdelivr.net/npm/prismjs/prism.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/prismjs/components/prism-python.min.js"></script>
</head>
<body>
  <header>
    <h1>🐍 Python Modul</h1>
    <button id="menuToggle" aria-label="Menü megnyitása">☰</button>
    <nav id="mainNav">
      <a href="index.html">Kezdőlap</a>
      <a href="index.html#courses">Tananyag</a>
      <a href="rolunk.html">Rólunk</a>
      <a href="kapcsolat.html">Kapcsolat</a>
    </nav>
  </header>

  <main class="module-flex">
    <section class="module-section">
      <h2>Kiírás</h2>
      <p>A <code>print()</code> függvénnyel írhatunk ki szöveget a konzolra.</p>
      <pre><code class="language-python">
print("Helló, világ!")
      </code></pre>
    </section>

    <section class="module-section">
      <h2>Változók</h2>
      <p>Változók létrehozása egyszerűen történik:</p>
      <pre><code class="language-python">
neve = "Anna"
eletkor = 25
print(neve, eletkor)
      </code></pre>
    </section>

    <section class="module-section">
      <h2>Elágazások</h2>
      <p>Az <code>if</code> szerkezet:</p>
      <pre><code class="language-python">
x = 10
if x > 5:
    print("Nagyobb mint 5")
else:
    print("Nem nagyobb")
      </code></pre>
    </section>

    <section class="module-section">
      <h2>Ciklusok</h2>
      <p>A <code>for</code> ciklussal ismétléseket végezhetünk:</p>
      <pre><code class="language-python">
for i in range(5):
    print("Ismétlés:", i)
      </code></pre>
    </section>

    <section class="module-section">
      <h2>Függvények</h2>
      <p>Függvényekkel újrahasznosítható kódrészeket hozhatunk létre:</p>
      <pre><code class="language-python">
def udvozles(nev):
    print("Helló, " + nev + "!")

udvozles("Anna")
      </code></pre>
    </section>

    <section class="module-section">
      <h2>Listák</h2>
      <p>A listák több érték tárolására alkalmasak:</p>
      <pre><code class="language-python">
gyumolcsok = ["alma", "banán", "cseresznye"]
print(gyumolcsok[0])  # alma
      </code></pre>
    </section>

    <section class="module-section">
      <h2>Ciklus listával</h2>
      <p>A listák elemein végigmehetünk <code>for</code> ciklussal:</p>
      <pre><code class="language-python">
for gyumolcs in gyumolcsok:
    print(gyumolcs)
      </code></pre>
    </section>

    <section class="module-section">
      <h2>Szótárak</h2>
      <p>A szótárak kulcs-érték párokat tárolnak:</p>
      <pre><code class="language-python">
diak = {"nev": "Péter", "kor": 16}
print(diak["nev"])
      </code></pre>
    </section>

    <section class="module-section">
      <h2>Hibakezelés</h2>
      <p>A <code>try-except</code> segítségével kezelhetjük a hibákat:</p>
      <pre><code class="language-python">
try:
    szam = int(input("Adj meg egy számot: "))
    print(szam * 2)
except ValueError:
    print("Ez nem szám!")
      </code></pre>
    </section>

    <section class="module-section">
      <h2>Osztályok</h2>
      <p>Az osztályok objektumorientált programozáshoz használhatók:</p>
      <pre><code class="language-python">
class Ember:
    def __init__(self, nev):
        self.nev = nev

    def koszon(self):
        print("Szia, " + self.nev + "!")

p = Ember("János")
p.koszon()
      </code></pre>
    </section>

    <section class="module-section">
    <h2>Fájlkezelés</h2>
    <p>A fájlok olvasása és írása egyszerűen megvalósítható Pythonban:</p>
    <pre><code class="language-python">
# Fájl írása
with open("pelda.txt", "w") as file:
    file.write("Ez egy példa szöveg.")

# Fájl olvasása
with open("pelda.txt", "r") as file:
    tartalom = file.read()
    print(tartalom)
    </code></pre>
  </section>

  <section class="module-section">
    <h2>Modulok és importálás</h2>
    <p>A Python modulok lehetővé teszik a kód újrahasznosítását:</p>
    <pre><code class="language-python">
import math
print(math.sqrt(16))  # Négyzetgyök számítása
    </code></pre>
  </section>

  <section class="module-section">
    <h2>Lambda függvények</h2>
    <p>A lambda függvények rövid, névtelen függvények létrehozására használhatók:</p>
    <pre><code class="language-python">
osszeg = lambda a, b: a + b
print(osszeg(5, 3))  # 8
    </code></pre>
  </section>

  <section class="module-section">
    <h2>Halmazok</h2>
    <p>A halmazok egyedi elemek tárolására alkalmasak:</p>
    <pre><code class="language-python">
halmaz = {1, 2, 3, 4}
halmaz.add(5)
print(halmaz)  # {1, 2, 3, 4, 5}
    </code></pre>
  </section>

  <section class="module-section">
    <h2>List Comprehension</h2>
    <p>Egyszerű és hatékony mód listák létrehozására:</p>
    <pre><code class="language-python">
negyzetszamok = [x**2 for x in range(10)]
print(negyzetszamok)  # [0, 1, 4, 9, 16, 25, 36, 49, 64, 81]
    </code></pre>
  </section>

  <section class="module-section">
    <h2>Hibakezelés több kivétellel</h2>
    <p>A <code>try-except</code> szerkezet többféle hibát is kezelhet:</p>
    <pre><code class="language-python">
try:
    szam = int(input("Adj meg egy számot: "))
    print(10 / szam)
except ValueError:
    print("Ez nem szám!")
except ZeroDivisionError:
    print("Nullával nem oszthatunk!")
    </code></pre>
  </section>

  <section class="module-section">
    <h2>Generátorok</h2>
    <p>A generátorok memóriahatékony iterációt tesznek lehetővé:</p>
    <pre><code class="language-python">
def szamok():
    for i in range(5):
        yield i

for szam in szamok():
    print(szam)
    </code></pre>
  </section>

  <section class="module-section">
    <h2>Dekorátorok</h2>
    <p>A dekorátorokkal függvények viselkedése módosítható:</p>
    <pre><code class="language-python">
def dekorator(fuggveny):
    def belso():
        print("Függvény előtt")
        fuggveny()
        print("Függvény után")
    return belso

@dekorator
def koszones():
    print("Helló!")

koszones()
    </code></pre>
  </section>

  <section class="module-section">
    <h2>Külső könyvtárak használata</h2>
    <p>A <code>requests</code> könyvtár például HTTP kérésekhez használható:</p>
    <pre><code class="language-python">
import requests

response = requests.get("https://api.github.com")
print(response.status_code)
    </code></pre>
  </section>

    <section class="quiz-launch">
      <button class="btn" onclick="toggleQuiz()">🎯 Teszteld a tudásod!</button>
    </section>

    <section id="quizSection" class="quiz" style="display:none;">
      <h3>✅ Kvíz: Mit tanultál?</h3>
      <form id="quizForm">
        <p>1. Mit csinál a print() függvény?</p>
        <label><input type="radio" name="q1" value="a"> Számol</label><br>
        <label><input type="radio" name="q1" value="b"> Kiír szöveget</label><br>
        <label><input type="radio" name="q1" value="c"> Ciklust indít</label><br>

        <p>2. Mi történik, ha x=3 az alábbi kódban?<br><code>if x > 5: print("Nagyobb") else: print("Nem nagyobb")</code></p>
        <label><input type="radio" name="q2" value="a"> "Nagyobb"</label><br>
        <label><input type="radio" name="q2" value="b"> "Nem nagyobb"</label><br>
        <label><input type="radio" name="q2" value="c"> Hiba</label><br>

        <button class="btn" type="submit">Ellenőrzés</button>
        <p id="quizResult"></p>
      </form>
    </section>
  </main>

  <footer class="footer">
    <div class="footer-content">
      <div class="footer-left">
        <h3>ProgiSuli</h3>
        <p>&copy; 2025 ProgiSuli. Minden jog fenntartva.</p>
      </div>
      <div class="footer-links">
        <a href="index.html">Kezdőlap</a>
        <a href="index.html#courses">Tananyag</a>
        <a href="kapcsolat.html">Kapcsolat</a>
      </div>
    </div>
  </footer>

  <button id="scrollTopBtn" title="Ugrás a tetejére">⬆️</button>

  <script>
    const scrollBtn = document.getElementById("scrollTopBtn");

    window.addEventListener("scroll", () => {
      if (window.scrollY > 300) {
        scrollBtn.style.display = "block";
      } else {
        scrollBtn.style.display = "none";
      }
    });

    scrollBtn.addEventListener("click", () => {
      window.scrollTo({
        top: 0,
        behavior: "smooth"
      });
    });
  </script>

  <script>
    // Menü toggle
    document.getElementById("menuToggle").addEventListener("click", function () {
      document.getElementById("mainNav").classList.toggle("active");
    });

    function toggleQuiz() {
      const quiz = document.getElementById("quizSection");
      quiz.style.display = (quiz.style.display === "block") ? "none" : "block";
    }

    document.getElementById("quizForm").addEventListener("submit", function (e) {
      e.preventDefault();
      const q1 = document.querySelector('input[name="q1"]:checked')?.value;
      const q2 = document.querySelector('input[name="q2"]:checked')?.value;
      const result = document.getElementById("quizResult");
      if (q1 === "b" && q2 === "b") {
        result.textContent = "🎉 Ügyes vagy! Mindkét válasz helyes!";
      } else {
        result.textContent = "❌ Nem minden válasz helyes. Próbáld újra!";
      }
    });
  </script>

  <!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-DYE909LCJR"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-DYE909LCJR');
</script>

</body>
</html>