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

# Co dál?

----

# <NAME>

* Jak na web (několikatýdenní)
* Intenzivní kurz Czechitas

----

# Online

* Dotazy: Facebook: Czechitas - Úvod do HTML a CSS
* Hledat
* praktická reference v češtině jecas.cz
* v angličtině cssreference.io, marksheet.io
* codecademy.com
* Lynda.com, YouTube (kriticky)
* **pozor** _Jak psát web_ už zastarává, nicméně část o HTML je stále velmi platná

>>>
* angličtina (pasivní) nutná
* Slack

----

# Knihy

* Web ostrý jak břitva ‒  proces tvorby webu, méně technikálií
* Vzhůru do CSS3 ‒ pokročilejší techniky
* Vzhůru do (responzivního) webdesignu ‒ aktuální, opět pokročilejší 
* Dobrý designér to všechno ví!
* Na volné noze ‒ obecná příručka pro nezávislé profesionálky

----

# Programy

* editory: VS Studio Code, Atom (zdarma), Sublime text (placený)
* prohlížeče: je třeba testovat stránky pro zaostalejší prohížeče

----

# DevTools

* **Nástroje pro vývojáře** (developer tools) umí každý slušný prohlížeč
* zobrazí kód stránky, styly a další užitečné info
* buď <kbd>F12</kbd>, popř. <kbd>Ctrl+Shift+I</kbd> nebo pravým myšítkem na prvek, který vás zajímá a vybrat _Prozkoumat/Inspect element_
* změny které uděláte vydrží jen do obnovení stránky

>>>
* Určitě zkuste: ideální na naší hotové stránce (je jednoduchá), ale jde na libovolné, kterou zrovna máte v prohlížeči.
* Zkuste si něco změnit, prozkoumejte strukturu HTML.

----<commit_msg>Update slides: add hyperlinks <commit_after><!-- .slide: data-state="c-slide-inter" -->

# Co dál?

----

# <NAME>

* Jak na web (několikatýdenní)
* Intenzivní kurz Czechitas

----

# Online

* Dotazy: Facebook: Czechitas - Úvod do HTML a CSS
* Hledat na Google
* **pozor** [Jak psát web](https://www.jakpsatweb.cz/) už zastarává, nicméně část o HTML je stále velmi platná

## Čtení

* praktická reference v češtině [jecas.cz](http://jecas.cz/)
* v angličtině [cssreference.io](http://cssreference.io/), [marksheet.io](http://marksheet.io/)

## Videokurzy

* [codecademy.com](https://www.codecademy.com/)
* [Lynda.com](https://www.lynda.com/), YouTube (kriticky)

>>>
* angličtina (pasivní) nutná

----

# Knihy

* **Web ostrý jak břitva** ‒  proces tvorby webu, méně technikálií
* **Vzhůru do CSS3** ‒ pokročilejší techniky
* **Vzhůru do (responzivního) webdesignu** ‒ aktuální, opět pokročilejší 
* **Dobrý designér to všechno ví!**
* **Na volné noze** ‒ obecná příručka pro nezávislé profesionálky

----

# Programy

* editory: VS Studio Code, Atom (zdarma), Sublime text (placený)
* prohlížeče: je třeba testovat stránky pro zaostalejší prohížeče

----

# DevTools

* **Nástroje pro vývojáře** (developer tools) umí každý slušný prohlížeč
* zobrazí kód stránky, styly a další užitečné info
* buď <kbd>F12</kbd>, popř. <kbd>Ctrl+Shift+I</kbd> nebo pravým myšítkem na prvek, který vás zajímá a vybrat _Prozkoumat/Inspect element_
* změny které uděláte vydrží jen do obnovení stránky

>>>
* Určitě zkuste: ideální na naší hotové stránce (je jednoduchá), ale jde na libovolné, kterou zrovna máte v prohlížeči.
* Zkuste si něco změnit, prozkoumejte strukturu HTML.

----
{'fraction_non_alphanumeric': 0.12227214377406932, 'fraction_numerical': 0.0019255455712451862, 'mean_word_length': 4.160596026490066, 'pattern_counts': {'":': 0, '<': 15, '<?xml version=': 0, '>': 27, 'https://': 3, 'lorem ipsum': 0, 'www.': 3, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4588976', 'n_tokens_mistral': 1379, 'n_tokens_neox': 1430, 'n_words': 363}