@@ -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 <userX></ 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<XX></ 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<XX></ code > </ li >
155161< li class ="fragment "> Wpisz hasło: < code > passwd13</ code > (hasło nie
156162bę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 <katalog></ 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<X>.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 <katalog></ 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<X>.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.<data></ 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ą
599653inną 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>
652719class ="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<XX>``</ 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
662745zmian</ li >
0 commit comments