<commit_before><!-- .slide: data-state="c-slide-inter" -->

# Thimble

---

# Editor

>>>
* Soubory, ze kterých se web skládá musíme někde upravovat, editovat.
* Pomocí Thimble můžeme snadno upravovat textové soubory.
* Přestože je to hlavně výukový nástroj, má některé vlastnosti a podobné principy, které jsou běžné v profesionálních editorech.

---

# Online

>>>
* Thimble je online, není si třeba nic instalovat.

---

<!-- .slide: data-state="c-slide-task" -->

# Hrajem si poprvé! 

## Vytvořte si účet na thimble.mozilla.org

### Heslo 

* musí být nejméně 8 znaků dlouhé
* obsahovat číslo
* obsahovat VERZÁLKY i minusky

---

# Soubory

>>>
* úplně vlevo je seznam souborů
* kliknutím si ho otevřeš

---

# Kód

>>>
* Pokud otevřeš textový soubor s kódem, zobrazí se ti uprostřed a můžeš ho rovnou upravovat.
* Pokud se ti zdá špatně čitelný po kliknutí na ozubené kolečko vpravo nahoře se objeví možnost si kód zvětšit, případně přepnout pozadí na tmavé nebo světlé, dle toho co ti vyhovuje.

---

# Náhled stránky

>>>
* Úplně vpravo je náhled stránky, který se automaticky obnovuje, pokud uděláš nějakou změnu.
* Může se stát, že se automatické obnovování rozbije a je potřeba obnovit stránku. Zmáčkni proste F5 nebo Ctrl+R (Ctrl+R na Macu)
* Vpravo nahoře je možnost přepnout si mezi náhledem na mobilu a na počítači.
* Poslední tlačítko je náhled přes celou obrazovku, to využiješ hlavně pokud máš menší displej.

---

# Publikace

>>>
* Thimble umožňuje i jednoduchou publikaci veřejně na internet.


---

# Extra

---

## Klávesové zkratky

* <kbd>Home</kbd> <kbd>End</kbd> začátek, konec řádku
* <kbd>Ctrl+C</kbd> Kopírovat (výběr nebo řádek)
* <kbd>Ctrl+V</kbd> Vložit
* <kbd>Ctrl+X</kbd> Kopírovat a smazat (výběr nebo řádek)
* <kbd>Ctrl+D</kbd> Duplikovat (výběr nebo řádek)
* <kbd>Ctrl+/</kbd> Zakomentuj (výběr nebo řádek)
* <kbd>Ctrl+Shift+→</kbd> Výběr po slovech doprava
* <kbd>Ctrl+Shift+←</kbd> Výběr po slovech doleva
* <kbd>Ctrl+]</kbd> zvýšit odsazení
* <kbd>Ctrl+[</kbd> zrušit odsazení 
	* lze odszazovat více řádků najednou
* <kbd>Ctrl+E</kbd> rychlá editace (v css barvy, v html styly)
* <kbd>Alt+K</kbd> Inline dokumentace v angličtině<commit_msg>Thimble: more info<commit_after><!-- .slide: data-state="c-slide-inter" -->

# Thimble

---

# Editor

>>>
* Soubory, ze kterých se web skládá musíme někde upravovat, editovat.
* Pomocí Thimble můžeme snadno upravovat textové soubory.
* Přestože je to hlavně výukový nástroj, má některé vlastnosti a podobné principy, které jsou běžné v profesionálních editorech.

---

# Online

>>>
* Thimble je online, není si třeba nic instalovat.

---

<!-- .slide: data-state="c-slide-task" -->

# Hrajem si poprvé! 

## Vytvořte si účet na thimble.mozilla.org

### Heslo 

* musí být nejméně 8 znaků dlouhé
* obsahovat číslo
* obsahovat VERZÁLKY i minusky

---

# Soubory

>>>
* úplně vlevo je seznam souborů
* kliknutím si ho otevřeš

---

# Kód

>>>
* Pokud otevřeš textový soubor s kódem, zobrazí se ti uprostřed a můžeš ho rovnou upravovat.
* Pokud se ti zdá špatně čitelný po kliknutí na ozubené kolečko vpravo nahoře se objeví možnost si kód zvětšit, případně přepnout pozadí na tmavé nebo světlé, dle toho co ti vyhovuje.

---

# Náhled stránky

>>>
* Úplně vpravo je náhled stránky, který se automaticky obnovuje, pokud uděláš nějakou změnu.
* Může se stát, že se automatické obnovování rozbije a je potřeba obnovit stránku. Zmáčkni proste F5 nebo Ctrl+R (Ctrl+R na Macu)
* Vpravo nahoře je možnost přepnout si mezi náhledem na mobilu a na počítači.
* Poslední tlačítko je náhled přes celou obrazovku, to využiješ hlavně pokud máš menší displej.

---

# Publikace

* Pozor, není automatická: pokud se mají změny projevit, je opět nutné publikovat.

>>>
* Thimble umožňuje i jednoduchou publikaci veřejně na internet.


---

# Extra

---

## Klávesové zkratky

* <kbd>Home</kbd> <kbd>End</kbd> začátek, konec řádku
* <kbd>Ctrl+C</kbd> Kopírovat (výběr nebo řádek)
* <kbd>Ctrl+V</kbd> Vložit
* <kbd>Ctrl+X</kbd> Kopírovat a smazat (výběr nebo řádek)
* <kbd>Ctrl+D</kbd> Duplikovat (výběr nebo řádek)
* <kbd>Ctrl+/</kbd> Zakomentuj (výběr nebo řádek)
* <kbd>Ctrl+Shift+→</kbd> Výběr po slovech doprava
* <kbd>Ctrl+Shift+←</kbd> Výběr po slovech doleva
* <kbd>Ctrl+]</kbd> zvýšit odsazení
* <kbd>Ctrl+[</kbd> zrušit odsazení 
	* lze odszazovat více řádků najednou
* <kbd>Ctrl+E</kbd> rychlá editace (v css barvy, v html styly)
* <kbd>Alt+K</kbd> Inline dokumentace v angličtině
{'fraction_non_alphanumeric': 0.11273298899618235, 'fraction_numerical': 0.0008982708286548395, 'mean_word_length': 4.0613636363636365, 'pattern_counts': {'":': 0, '<': 59, '<?xml version=': 0, '>': 95, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1430369', 'n_tokens_mistral': 2151, 'n_tokens_neox': 2216, 'n_words': 549}