Skip to content

Commit 3aee4f7

Browse files
committed
misc improvements
Signed-off-by: Marcin Fabrykowski <git@fabrykowski.pl>
1 parent 571b890 commit 3aee4f7

File tree

2 files changed

+382
-203
lines changed

2 files changed

+382
-203
lines changed

index.html

Lines changed: 184 additions & 101 deletions
Original file line numberDiff line numberDiff line change
@@ -111,9 +111,6 @@ <h2 data-transition="none-out">Dlaczego Linux?</h2>
111111
<li class="fragment"><p>Konfigurowalność</p></li>
112112
<li class="fragment"><p>Zasobożerność (a raczej jej brak)</p></li>
113113
</ul>
114-
<aside class="notes">
115-
<p>goły system ok 70 MB RAM. z httpd i mysql ok 150 MB RAM</p>
116-
</aside>
117114
</section>
118115
<section id="plan-warsztatów" class="slide level2">
119116
<h2>Plan warsztatów</h2>
@@ -142,16 +139,25 @@ <h2>Konwencje w prezentacji</h2>
142139
<li class="fragment"><code>cd &lt;userX&gt;</code> oznacza
143140
<code>cd user40</code> (dla <code>user40</code>)</li>
144141
</ul>
142+
<!---
143+
## łączenie się z serwerem
144+
145+
- Ściągnij program PuTTY (https://putty.org/)
146+
- Wpisz adres: `ssh.warsztaty.linux.org.pl`
147+
- Port to `82<XX>` np `8205`
148+
- Wpisz login: `user`
149+
- Wpisz hasło: `passwd13` (hasło nie będzie wyświetlane)
150+
- Już :)
151+
152+
--->
145153
</section>
146154
<section id="łączenie-się-z-serwerem" class="slide level2">
147155
<h2>łączenie się z serwerem</h2>
148156
<ul>
149-
<li class="fragment">Ściągnij program PuTTY (https://putty.org/)</li>
150-
<li class="fragment">Wpisz adres:
151-
<code>ssh.warsztaty.linux.org.pl</code></li>
152-
<li class="fragment">Port to <code>82&lt;XX&gt;</code> np
153-
<code>8205</code></li>
154-
<li class="fragment">Wpisz login: <code>user</code></li>
157+
<li class="fragment">kliknij menu start</li>
158+
<li class="fragment">uruchom PowerShell</li>
159+
<li class="fragment">wpisz:
160+
<code>ssh user@ssh.warsztaty.linux.org.pl -p 82&lt;XX&gt;</code></li>
155161
<li class="fragment">Wpisz hasło: <code>passwd13</code> (hasło nie
156162
będzie wyświetlane)</li>
157163
<li class="fragment">Już :)</li>
@@ -177,6 +183,33 @@ <h2>Składnia poleceń</h2>
177183
<li class="fragment"><code>ls -l /etc</code></li>
178184
</ul>
179185
</section>
186+
<section id="zadanie-0---pierwsze-uruchomienie-programu"
187+
class="slide level2">
188+
<h2>Zadanie 0 - pierwsze uruchomienie programu</h2>
189+
<p>Pierwszym zadaniem będzie uruchomienie programu
190+
<code>cmatrix</code>.</p>
191+
<div>
192+
<ul>
193+
<li><p>aby uruchomić program, wpisz jego nazwę i naciśnij
194+
<code>Enter</code></p>
195+
<pre ><code class="bash">cmatrix</code></pre></li>
196+
<li><p>aby zakończyć program, naciśnij <code>CTRL+c</code></p></li>
197+
</ul>
198+
</div>
199+
</section>
200+
<section id="zadanie-0---przekazywanie-parametrów" class="slide level2">
201+
<h2>Zadanie 0 - przekazywanie parametrów</h2>
202+
<div>
203+
<ul>
204+
<li><p>parametry mogą być bez wartości, np. <code>-r</code></p>
205+
<pre ><code class="shell">cmatrix -r</code></pre></li>
206+
<li><p>parametry mogą mieć wartość, np. <code>-C red</code></p>
207+
<pre ><code class="shell">cmatrix -C red</code></pre></li>
208+
<li><p>parametry można łączyć</p>
209+
<pre ><code class="shell">cmatrix -C blue -u 4 -s</code></pre></li>
210+
</ul>
211+
</div>
212+
</section>
180213
<section id="struktura-systemu-plików" class="slide level2">
181214
<h2>Struktura systemu plików</h2>
182215
<pre ><code class="bash" data-line-numbers="">/
@@ -211,6 +244,68 @@ <h2>Struktura systemu plików</h2>
211244
/home/user1/strona/index.html
212245
/home/user1/strona/assets/images/show-event-02.jpg</code></pre>
213246
</section>
247+
<section id="poruszanie-się-po-systemie" class="slide level2">
248+
<h2>Poruszanie się po systemie</h2>
249+
<ul>
250+
<li class="fragment"><code>pwd</code> - wyświetla ścieżkę do bieżącego
251+
katalogu</li>
252+
<li class="fragment"><code>ls</code> - wyświetla zawartość katalogu</li>
253+
<li class="fragment"><code>cd &lt;katalog&gt;</code> - zmienia bieżący
254+
katalog</li>
255+
<li class="fragment"><code>mkdir</code> - tworzy katalog</li>
256+
<li class="fragment"><code>rmdir</code> - usuwa katalog</li>
257+
</ul>
258+
</section>
259+
<section id="najważniejsze-katalogi" class="slide level2">
260+
<h2>najważniejsze katalogi</h2>
261+
<div>
262+
<ul>
263+
<li><code>/</code> - katalog główny</li>
264+
<li><code>/etc</code> - konfiguracja systemu</li>
265+
<li><code>/bin</code>, <code>/sbin</code> - programy systemowe</li>
266+
<li><code>/usr</code> - programy użytkowe</li>
267+
<li><code>/home</code> - katalogi użytkowników</li>
268+
<li><code>/tmp</code> - dane tymczasowe</li>
269+
<li><code>.</code> - bieżący katalog</li>
270+
<li><code>..</code> - katalog nadrzędny</li>
271+
</ul>
272+
</div>
273+
</section>
274+
<section id="zadanie-1---uruchomienie-aplikacji" class="slide level2">
275+
<h2>Zadanie 1 - uruchomienie aplikacji</h2>
276+
<p>Drugą aplikacją, którą uruchomimy, będzie aplikacja webowa. Aplikacja
277+
znajduje się w katalogu <code>/opt/flask-app</code>.</p>
278+
<p>Jest to aplikacja webowa, więc będziemy mogli ją zobaczyć w
279+
przeglądarce.</p>
280+
<p>Dostępna będzie pod adresem:</p>
281+
<p>https://user<X>.warsztaty.linux.org.pl/flask</p>
282+
</section>
283+
<section id="zadanie-1---uruchomienie-aplikacji-1" class="slide level2">
284+
<h2>Zadanie 1 - uruchomienie aplikacji</h2>
285+
<div>
286+
<ul>
287+
<li><p>przejdź do katalogu z aplikacją</p>
288+
<pre ><code class="bash">cd /opt/flask-app</code></pre></li>
289+
<li><p>wyświetl zawartość katalogu</p>
290+
<pre ><code class="bash">ls</code></pre></li>
291+
<li><p>uruchom aplikację</p>
292+
<pre ><code class="bash">./app.py</code></pre></li>
293+
</ul>
294+
</div>
295+
</section>
296+
<section id="zadanie-1---uruchomienie-aplikacji-2" class="slide level2">
297+
<h2>Zadanie 1 - uruchomienie aplikacji</h2>
298+
<div>
299+
<ul>
300+
<li><p>przejdź do przeglądarki i otwórz stronę:</p>
301+
<pre ><code class="shell">https://user&lt;X&gt;.warsztaty.linux.org.pl/flask</code></pre></li>
302+
<li><p>zatrzymaj aplikację w terminalu</p>
303+
<pre ><code class="bash">CTRL+c</code></pre></li>
304+
<li><p>zobaczmy, co znajduje się w katalogu aplikacji</p>
305+
<pre ><code class="bash">ls</code></pre></li>
306+
</ul>
307+
</div>
308+
</section>
214309
<section id="ścieżki-do-plików-i-katalogów" class="slide level2">
215310
<h2>Ścieżki do plików i katalogów</h2>
216311
<ul>
@@ -265,82 +360,6 @@ <h2>Ścieżki do plików i katalogów</h2>
265360
</div>
266361
</div>
267362
</section>
268-
<section id="poruszanie-się-po-systemie" class="slide level2">
269-
<h2>Poruszanie się po systemie</h2>
270-
<ul>
271-
<li class="fragment"><code>pwd</code> - wyświetla ścieżkę do bieżącego
272-
katalogu</li>
273-
<li class="fragment"><code>ls</code> - wyświetla zawartość katalogu</li>
274-
<li class="fragment"><code>cd &lt;katalog&gt;</code> - zmienia bieżący
275-
katalog</li>
276-
<li class="fragment"><code>mkdir</code> - tworzy katalog</li>
277-
<li class="fragment"><code>rmdir</code> - usuwa katalog</li>
278-
<li class="fragment"><code>tree</code> - wyświetla strukturę
279-
katalogów</li>
280-
</ul>
281-
</section>
282-
<section id="najważniejsze-katalogi" class="slide level2">
283-
<h2>najważniejsze katalogi</h2>
284-
<div>
285-
<ul>
286-
<li><code>/</code> - katalog główny</li>
287-
<li><code>/etc</code> - konfiguracja systemu</li>
288-
<li><code>/bin</code>, <code>/sbin</code> - programy systemowe</li>
289-
<li><code>/usr</code> - programy użytkowe</li>
290-
<li><code>/home</code> - katalogi użytkowników</li>
291-
<li><code>/tmp</code> - dane tymczasowe</li>
292-
<li><code>.</code> - bieżący katalog</li>
293-
<li><code>..</code> - katalog nadrzędny</li>
294-
</ul>
295-
</div>
296-
</section>
297-
<section id="zadanie-0---pierwsze-uruchomienie-programu"
298-
class="slide level2">
299-
<h2>Zadanie 0 - pierwsze uruchomienie programu</h2>
300-
<p>Pierwszym zadaniem będzie uruchomienie programu
301-
<code>cmatrix</code>.</p>
302-
<div>
303-
<ul>
304-
<li><p>aby uruchomić program, wpisz jego nazwę i naciśnij
305-
<code>Enter</code></p>
306-
<pre ><code class="bash">cmatrix</code></pre></li>
307-
<li><p>aby zakończyć program, naciśnij <code>CTRL+c</code></p></li>
308-
</ul>
309-
</div>
310-
</section>
311-
<section id="zadanie-0---przekazywanie-parametrów" class="slide level2">
312-
<h2>Zadanie 0 - przekazywanie parametrów</h2>
313-
<div>
314-
<ul>
315-
<li><p>parametry mogą być bez wartości, np. <code>-r</code></p>
316-
<pre ><code class="shell">cmatrix -r</code></pre></li>
317-
<li><p>parametry mogą mieć wartość, np. <code>-C red</code></p>
318-
<pre ><code class="shell">cmatrix -C red</code></pre></li>
319-
<li><p>parametry można łączyć</p>
320-
<pre ><code class="shell">cmatrix -C blue -u 4 -s</code></pre></li>
321-
</ul>
322-
</div>
323-
</section>
324-
<section id="zadanie-1---uruchomienie-aplikacji" class="slide level2">
325-
<h2>Zadanie 1 - uruchomienie aplikacji</h2>
326-
<p>Drugą aplikacją, którą uruchomimy, będzie aplikacja webowa. Aplikacja
327-
znajduje się w katalogu <code>/opt/flask-app</code>.</p>
328-
</section>
329-
<section id="zadanie-1---uruchomienie-aplikacji-1" class="slide level2">
330-
<h2>Zadanie 1 - uruchomienie aplikacji</h2>
331-
<div>
332-
<ul>
333-
<li><p>przejdź do katalogu z aplikacją</p>
334-
<pre ><code class="bash">cd /opt/flask-app</code></pre></li>
335-
<li><p>wyświetl zawartość katalogu</p>
336-
<pre ><code class="bash">ls</code></pre></li>
337-
<li><p>uruchom aplikację</p>
338-
<pre ><code class="bash">./app.py</code></pre></li>
339-
<li><p>przejdź do przeglądarki i otwórz stronę:</p>
340-
<pre ><code class="shell">https://user&lt;X&gt;.warsztaty.linux.org.pl/flask</code></pre></li>
341-
</ul>
342-
</div>
343-
</section>
344363
<section id="operacje-na-plikach-i-katalogach" class="slide level2">
345364
<h2>Operacje na plikach i katalogach</h2>
346365
<ul>
@@ -399,8 +418,11 @@ <h2>Zadanie 2a - wyświetlenie zawartości pliku</h2>
399418
</section>
400419
<section id="zadanie-2b---kopiowanie-pliku" class="slide level2">
401420
<h2>Zadanie 2b - kopiowanie pliku</h2>
402-
<p>Możemy zrobić kopię pliku <code>data.db</code> i nazwać ją
403-
<code>data.db.bak</code>.</p>
421+
<p>Zrób kopię naszej bazy danych znajdującej się w pliku
422+
<code>data.db</code>.</p>
423+
</section>
424+
<section id="zadanie-2b---kopiowanie-pliku-1" class="slide level2">
425+
<h2>Zadanie 2b - kopiowanie pliku</h2>
404426
<div>
405427
<ul>
406428
<li><p>skopiuj plik <code>data.db</code> do pliku
@@ -414,9 +436,13 @@ <h2>Zadanie 2b - kopiowanie pliku</h2>
414436
</ul>
415437
</div>
416438
</section>
417-
<section id="zadanie-2b---kopiowanie-pliku-1" class="slide level2">
439+
<section id="zadanie-2b---kopiowanie-pliku-2" class="slide level2">
440+
<h2>Zadanie 2b - kopiowanie pliku</h2>
441+
<p>Dokonaj zmian w aplikacji,</p>
442+
<p>a następnie przywróć bazę danych z kopii.</p>
443+
</section>
444+
<section id="zadanie-2b---kopiowanie-pliku-3" class="slide level2">
418445
<h2>Zadanie 2b - kopiowanie pliku</h2>
419-
<p>Możemy również przywrócić bazę danych z kopii.</p>
420446
<div>
421447
<ul>
422448
<li><p>dodaj nowe dane do aplikacji</p></li>
@@ -432,8 +458,11 @@ <h2>Zadanie 2b - kopiowanie pliku</h2>
432458
</section>
433459
<section id="zadanie-2c---zmiana-nazwy-pliku" class="slide level2">
434460
<h2>Zadanie 2c - zmiana nazwy pliku</h2>
435-
<p>Możemy zmienić nazwę pliku <code>data.db.bak</code> na
436-
<code>data.db.&lt;data&gt;</code>.</p>
461+
<p>Nazwij plik backupu tak, aby zawierał datę utworzenia.</p>
462+
<p>Pomoże to w przyszłości, gdy będziemy mieli wiele kopii pliku.</p>
463+
</section>
464+
<section id="zadanie-2c---zmiana-nazwy-pliku-1" class="slide level2">
465+
<h2>Zadanie 2c - zmiana nazwy pliku</h2>
437466
<div>
438467
<ul>
439468
<li><p>wyświetl zawartość katalogu, aby sprawdzić, czy plik istnieje</p>
@@ -449,7 +478,10 @@ <h2>Zadanie 2c - zmiana nazwy pliku</h2>
449478
</section>
450479
<section id="zadanie-2d---usuwanie-pliku" class="slide level2">
451480
<h2>Zadanie 2d - usuwanie pliku</h2>
452-
<p>Możemy usunąć plik <code>data.db.20241010</code>.</p>
481+
<p>Usuń plik ze starszą kopią bazy danych.</p>
482+
</section>
483+
<section id="zadanie-2d---usuwanie-pliku-1" class="slide level2">
484+
<h2>Zadanie 2d - usuwanie pliku</h2>
453485
<div>
454486
<ul>
455487
<li><p>wyświetl zawartość katalogu, aby sprawdzić, czy plik istnieje</p>
@@ -507,7 +539,11 @@ <h2>Zadanie 3a - wykonywanie poleceń jako administrator</h2>
507539
</section>
508540
<section id="zadanie-3b---instalacja-programu" class="slide level2">
509541
<h2>Zadanie 3b - instalacja programu</h2>
510-
<p>Zainstalujemy edytor tekstu <code>vim</code>.</p>
542+
<p>Zainstalujemy program <code>vim</code>, który jest edytorem
543+
tekstu.</p>
544+
</section>
545+
<section id="zadanie-3b---instalacja-programu-1" class="slide level2">
546+
<h2>Zadanie 3b - instalacja programu</h2>
511547
<div>
512548
<ul>
513549
<li><p>sprawdź czy program <code>vim</code> jest zainstalowany</p>
@@ -590,6 +626,24 @@ <h2 data-transition="none-in">Obsługa edytora vim (extra)</h2>
590626
</ul></li>
591627
</ul>
592628
</section>
629+
<section id="zadanie-3c---instalacja-programu" class="slide level2">
630+
<h2>Zadanie 3c - instalacja programu</h2>
631+
<p>Zainstaluj program <code>nano</code>.</p>
632+
</section>
633+
<section id="zadanie-3c---instalacja-programu-1" class="slide level2">
634+
<h2>Zadanie 3c - instalacja programu</h2>
635+
<div>
636+
<ul>
637+
<li><p>sprawdź czy program <code>nano</code> jest zainstalowany</p>
638+
<pre ><code class="bash">nano</code></pre></li>
639+
<li><p>spróbuj zainstalować program <code>nano</code> jako
640+
użytkownik</p>
641+
<pre ><code class="bash">dnf install nano</code></pre></li>
642+
<li><p>zainstaluj program <code>nano</code> jako administrator</p>
643+
<pre ><code class="bash">sudo dnf install nano</code></pre></li>
644+
</ul>
645+
</div>
646+
</section>
593647
<section id="zadanie-4---edycja-pliku" class="slide level2">
594648
<h2>Zadanie 4 - edycja pliku</h2>
595649
<p>Naszym zadaniem będzie zmiana nagłówka w naszej aplikacji</p>
@@ -598,8 +652,8 @@ <h2>Zadanie 4 - edycja pliku</h2>
598652
<p>Należy zmienić nagłówek h1 z <code>Flask HTMX Demo</code> na dowlną
599653
inną wartość.</p>
600654
</section>
601-
<section id="zadanie-4---edycja-pliku-1" class="slide level2">
602-
<h2>Zadanie 4 - edycja pliku</h2>
655+
<section id="zadanie-4---edycja-pliku-vim" class="slide level2">
656+
<h2>Zadanie 4 - edycja pliku (vim)</h2>
603657
<div>
604658
<ul>
605659
<li><p>przejdź do katalogu z aplikacją</p>
@@ -612,8 +666,8 @@ <h2>Zadanie 4 - edycja pliku</h2>
612666
</ul>
613667
</div>
614668
</section>
615-
<section id="zadanie-4---edycja-pliku-2" class="slide level2">
616-
<h2>Zadanie 4 - edycja pliku</h2>
669+
<section id="zadanie-4---edycja-pliku-vim-1" class="slide level2">
670+
<h2>Zadanie 4 - edycja pliku (vim)</h2>
617671
<p>w edytorze <code>vim</code>:</p>
618672
<div>
619673
<ul>
@@ -627,7 +681,20 @@ <h2>Zadanie 4 - edycja pliku</h2>
627681
</ul>
628682
</div>
629683
</section>
630-
<section id="zadanie-4---edycja-pliku-3" class="slide level2">
684+
<section id="zadanie-4---edycja-pliku-nano" class="slide level2">
685+
<h2>Zadanie 4 - edycja pliku (nano)</h2>
686+
<div>
687+
<ul>
688+
<li><p>uruchom edytor <code>nano</code> i otwórz plik
689+
<code>templates/index.html</code></p>
690+
<pre ><code class="bash">nano templates/index.html</code></pre></li>
691+
<li><p>znajdź nagłówek h1 i zmień jego wartość</p></li>
692+
<li><p>zapisz plik poprzez <code>CTRL+o</code></p></li>
693+
<li><p>wyjdź z edytora poprzez <code>CTRL+x</code></p></li>
694+
</ul>
695+
</div>
696+
</section>
697+
<section id="zadanie-4---edycja-pliku-1" class="slide level2">
631698
<h2>Zadanie 4 - edycja pliku</h2>
632699
<div>
633700
<ul>
@@ -652,11 +719,27 @@ <h2>System wieloużytkownikowy</h2>
652719
class="slide level2">
653720
<h2>Zadanie 5 - praca na wielu terminalach</h2>
654721
<p>Naszym zadaniem będzie równoległe edytowanie pliku index.html or
655-
uruchomienie aplikacji</p>
722+
uruchomienie aplikacji.</p>
723+
<p>Wykorzystamy do tego dwa terminale.</p>
724+
</section>
725+
<section id="zadanie-5---praca-na-wielu-terminalach-1"
726+
class="slide level2">
727+
<h2>Zadanie 5 - praca na wielu terminalach</h2>
728+
<div>
729+
<ul>
730+
<li><p>otwórz drugi terminal</p></li>
731+
<li><p>zaloguj się jako ten sam użytkownik</p>
732+
<pre ><code class="bash">ssh user@ssh.warsztaty.linux.org.pl -p 82&lt;XX&gt;``</code></pre></li>
733+
<li><p>przejdź do katalogu z aplikacją</p>
734+
<pre ><code class="bash">cd /opt/flask-app</code></pre></li>
735+
</ul>
736+
</div>
737+
</section>
738+
<section id="zadanie-5---praca-na-wielu-terminalach-2"
739+
class="slide level2">
740+
<h2>Zadanie 5 - praca na wielu terminalach</h2>
656741
<div>
657742
<ul>
658-
<li>otwórz drugi terminal</li>
659-
<li>zaloguj się jako ten sam użytkownik</li>
660743
<li>w pierwszym terminalu uruchom aplikację</li>
661744
<li>w drugim terminalu otwórz plik <code>index.html</code> i dokonuj
662745
zmian</li>

0 commit comments

Comments
 (0)