published: {{ post.published_date }}
-{{ post.title }}
+{{ post.title }}
{{ post.text|linebreaksbr }}
-diff --git a/sk/GLOSSARY.md b/sk/GLOSSARY.md old mode 100755 new mode 100644 index 38a876ffe64..a45f5aea436 --- a/sk/GLOSSARY.md +++ b/sk/GLOSSARY.md @@ -1,3 +1,3 @@ # editor kódu -Editor kódu je aplikácia, pomocou ktorej môžeš svoj kód uložiť, takže sa k nemu môžeš neskôr vrátiť. Kde ho môžeš zohnať, zistíš v [kapitole o editore kódu](./code_editor/README.md) \ No newline at end of file +Editor kódu je aplikácia, pomocou ktorej môžeš svoj kód uložiť, aby si sa k nemu mohla neskôr vrátiť. Kde ho môžeš zohnať, zistíš v [kapitole o editore kódu](./code_editor/README.md) \ No newline at end of file diff --git a/sk/README.md b/sk/README.md old mode 100755 new mode 100644 index a2173c80527..18d32e6d7b0 --- a/sk/README.md +++ b/sk/README.md @@ -1,51 +1,51 @@ -# Django Girls Tutoriál +# Django Girls tutoriál [](https://gitter.im/DjangoGirls/tutorial) -> Toto dielo je zverejnené pod medzinárodnou licenciou Creative Commons Attribution-ShareAlike ("uvedenie autora – rovnaké šírenie") 4.0. Ak chcete zobraziť kópiu tejto licencie, navštívte https://creativecommons.org/licenses/by-sa/4.0/ +> Toto dielo je zverejnené pod licenciou Creative Commons Attribution-ShareAlike 4.0 International License. Ak chceš vidieť kópiu tejto licencie, navštív https://creativecommons.org/licenses/by-sa/4.0/ ## Vitaj -Vitaj na Django Girls! Sme radi, že ťa tu vidíme :) V tomto tutoriále ti ukážeme čo je pod kapotou webových technológií. Ponúkneme ti pohľad na všetky čiastky a kúsky, ktoré musia do seba zapadnúť aby web fungoval tak ako ho poznáme. +Vitaj v Django Girls tutoriáli! Tešíme sa, že tu si. :) V tomto tutoriáli sa vydáme na cestu pod kapotu webových technológií a ponúkneme ti letmý pohľad na všetky čiastočky a kúsky, ktoré musia do seba zapadnúť, aby vytvorili web tak, ako ho poznáme. -Ako so všetkými vecami, ktoré sú neznáme, aj toto bude dobrodružstvo - ale neboj sa, keďže si sa už odvážila byť tu, všetko bude v poriadku :) +Ako to býva so všetkým, čo je neznáme, aj toto bude dobrodružstvo - ale žiadny strach, keď si už nabrala odvahu byť tu, zvládneš to v pohode. :) ## Úvod -Mala si niekedy pocit, že svet je stále viac a viac o technológiách a ku ktorým (zatiaľ) nemáš vzťah? Uvažovala si niekedy, že by si si vytvorila webovú stránku, ale nikdy si nemala dostatok motivácie začať? Zdalo sa ti niekedy, že svet softvéru je pre teba príliš komplikovaný a že sama nezvládneš nič vytvoriť? +Mala si niekedy pocit, že svet je stále viac a viac o technológiách, ku ktorým (zatiaľ) nemáš vzťah? Uvažovala si niekedy, že by si si vytvorila webovú stránku, ale nikdy si nemala dostatok motivácie začať? Zdalo sa ti niekedy, že svet softvéru je pre teba príliš komplikovaný na to, aby si sa vôbec pokúsila niečo sama vytvoriť? -Máme pre teba dobrú správu! Programovanie nie je také zložité, ako sa zdá a chceme ti ukázať, aké môže byť zábavné. +Máme pre teba dobrú správu! Programovanie nie je také zložité, ako sa zdá, a my ti chceme ukázať, aké môže byť zábavné. -Tento návod z teba neurobí programátorku mávnutím čarovného prútika. Ak chceš byť v tom dobrá, čakajú ťa mesiace či dokonca roky štúdia a praxe. Chceme ti ale ukázať, že vytvorenie webovej stránky nie je také ťažké, ako sa zdá. Pokúsime sa ti vysvetliť rôzne technológie tak, aby si sa ich nemusela báť. +Tento návod z teba neurobí programátorku mávnutím čarovného prútika. Ak v tom chceš byť dobrá, čakajú ťa mesiace či dokonca roky štúdia a praxe. Chceme ti ale ukázať, že programovanie a vytváranie webových stránok nie je také ťažké, ako sa zdá. Pokúsime sa ti vysvetliť rôzne technológie tak, aby si sa ich nemusela báť. -Dúfame, že sa ti tieto veci zapáčia tak veľmi ako nám! +Dúfame, že sa ti technológia zapáči tak veľmi ako nám! -## Čo ťa tento návod naučí? +## Čo ťa tento tutoriál naučí? -Po skončení budeš mať funkčnú webovú aplikáciu: tvoj vlastný blog. Ukážeme ti, ako ho zverejniť na webe, kde ho môže každý navštíviť! +Po skončení budeš mať funkčnú webovú aplikáciu - tvoj vlastný blog. Ukážeme ti, ako ho zverejniť na webe, kde ho môže každý navštíviť! Výsledok bude vyzerať asi takto:  -> Ak budeš na tomto projekte pracovať sama a nemáš mentora, ktorý ti pomáha, môžeš v prípade problémov navštíviť tento chat: [](https://gitter.im/DjangoGirls/tutorial). Požiadali sme našich mentorov, ale aj absolventky, aby sa na tomto chate občas ukázali a pomohli ostatným! Neboj sa opýtať čomu nerozumieš! +> Ak budeš na tomto projekte pracovať sama a nemáš mentorku či mentora, ktorý ti pomáha, môžeš v prípade problémov navštíviť tento chat: [](https://gitter.im/DjangoGirls/tutorial). Požiadali sme naše mentorky a mentorov, ale aj absolventky, aby sa na tomto chate občas ukázali a pomohli ostatným! Neboj sa opýtať, čomu nerozumieš! OK, [začnime pekne po poriadku...](./how_the_internet_works/README.md) -## Sledovanie tutoriálu doma +## Nasledovanie tutoriálu doma -Je úžasné, zúčastniť sa Django Girls workshopu, ale uvedomujeme si, že nie vždy je možné byť na niektorom. Preto ti odporúčami aby si skúsila postupovať podľa tohto tutoriálu doma. Pre tých ktorí sú doma, v súčasnosti pripravujeme videá, ktoré umožnia jednoduchšie sledovanie tutoriálu doma. Stále sa na tom pracuje, ale viac a viac vecí bude čoskoro na [Coding is for girls](https://www.youtube.com/channel/UC0hNd2uW8jTR5K3KBzRuG2A/feed) YouTube kanály. +Zúčastniť sa Django Girls workshopu je skvelé, ale uvedomujeme si, že nie vždy je možné niektorý navštíviť. Preto ťa chceme povzbudiť v tom, aby si skúsila postupovať podľa tohto tutoriálu doma. Pre čitateľky doma v súčasnosti pripravujeme videá, vďaka ktorým bude jednoduchšie tutoriál nasledovať sama. Stále sa na tom pracuje, ale viac a viac vecí bude čoskoro na kanáli na YouTube pod názvom [Coding is for girls](https://www.youtube.com/channel/UC0hNd2uW8jTR5K3KBzRuG2A/feed). -V každej kapitole ktorá už bola spracovaná sa nachádza odkaz na príslušné video. +V každej kapitole, ktorá už bola spracovaná, sa nachádza odkaz na príslušné video. -## Informácie a možnosti ako sa zapojiť +## Informácie a možnosti, ako sa zapojiť -Tento návod vytvorili a udržiavajú [DjangoGirls](https://djangogirls.org/). Ak nájdeš chyby alebo by si chcela aktualizovať tento návod, prosím [postupuj podľa pokynov](https://github.com/DjangoGirls/tutorial/blob/master/README.md). +Tento návod vytvorili a udržiavajú [DjangoGirls](https://djangogirls.org/). Ak nájdeš chyby alebo by si chcela tento tutoriál aktualizovať, prosím, [postupuj podľa pokynov](https://github.com/DjangoGirls/tutorial/blob/master/README.md). -## Chceš pomôcť s prekladom do iných jayzkov? +## Chceš pomôcť s prekladom do iných jazykov? V súčasnosti koordinujeme preklady cez platformu crowdin.com: https://crowdin.com/project/django-girls-tutorial -Ak tvoj jazyk nie je v zozname na [crowdin. com](https://crowdin.com/), [daj nám prosím vedieť](https://github.com/DjangoGirls/tutorial/issues/new) aký jazyk máme pridať. \ No newline at end of file +Ak sa tvoj jazyk nenachádza v zozname na [crowdin](https://crowdin.com/), [daj nám, prosím, vedieť](https://github.com/DjangoGirls/tutorial/issues/new), aký jazyk máme pridať. \ No newline at end of file diff --git a/sk/SUMMARY.md b/sk/SUMMARY.md old mode 100755 new mode 100644 index cc6f58b1b5b..29aedb95212 --- a/sk/SUMMARY.md +++ b/sk/SUMMARY.md @@ -1,27 +1,35 @@ # Zhrnutie * [Úvod](README.md) -* [Inštalácia](installation/README.md) +* [Inštalácia](installation/README.md) + * [Príkazový riadok](installation/README.md#command-line) + * [Python](installation/README.md#python) + * [Editor kódu](installation/README.md#code-editor) + * [Virtuálne prostredie](installation/README.md#virtualenv) + * [Django](installation/README.md#django) + * [Git](installation/README.md#git) + * [GitHub](installation/README.md#github-account) + * [PythonAnywhere](installation/README.md#pythonanywhere-account) * [Inštalácia (chromebook)](chromebook_setup/README.md) -* [Ako funguje Internet](how_the_internet_works/README.md) +* [Ako funguje internet](how_the_internet_works/README.md) * [Úvod do príkazového riadku](intro_to_command_line/README.md) * [Inštalácia Pythonu](python_installation/README.md) * [Editor kódu](code_editor/README.md) * [Úvod do jazyka Python](python_introduction/README.md) * [Čo je Django?](django/README.md) -* [Inštalácia Django](django_installation/README.md) +* [Inštalácia Djanga](django_installation/README.md) * [Tvoj prvý Django projekt!](django_start_project/README.md) * [Django modely](django_models/README.md) * [Django admin](django_admin/README.md) * [Nasadenie!](deploy/README.md) -* [Django url](django_urls/README.md) -* [Django views - čas tvoriť!](django_views/README.md) +* [Django URL](django_urls/README.md) +* [Django viewy - čas tvoriť!](django_views/README.md) * [Úvod do HTML](html/README.md) -* [Django ORM (tvorba dotazov)](django_orm/README.md) +* [Django ORM (QuerySety)](django_orm/README.md) * [Dynamické dáta v šablónach](dynamic_data_in_templates/README.md) -* [Šablóny Django](django_templates/README.md) -* [CSS - skrášli to](css/README.md) +* [Django šablóny](django_templates/README.md) +* [CSS - skrášlime to](css/README.md) * [Rozširovanie šablón](template_extending/README.md) * [Ako rozšíriť aplikáciu](extend_your_application/README.md) -* [Formuláre Django](django_forms/README.md) +* [Django formuláre](django_forms/README.md) * [Čo ďalej?](whats_next/README.md) \ No newline at end of file diff --git a/sk/chromebook_setup/README.md b/sk/chromebook_setup/README.md index bdda98ad71d..a218b11f42b 100644 --- a/sk/chromebook_setup/README.md +++ b/sk/chromebook_setup/README.md @@ -1,5 +1,5 @@ # Nastavenie Chromebooku -> **Poznámka:** Ak už máš po inštalácii, môžeš ísť rovno na [Úvod do Python-u](../python_introduction/README.md). +> **Poznámka** Ak už máš po [inštalácii](../installation/README.md), nemusíš toto robiť znova. Môžeš ísť rovno na [Úvod do Pythonu](../python_introduction/README.md). {% include "/chromebook_setup/instructions.md" %} \ No newline at end of file diff --git a/sk/chromebook_setup/instructions.md b/sk/chromebook_setup/instructions.md index 6f0c9821a95..0c90341e715 100644 --- a/sk/chromebook_setup/instructions.md +++ b/sk/chromebook_setup/instructions.md @@ -1,51 +1,149 @@ -Túto časť [môžeš preskočiť](http://tutorial.djangogirls.org/en/installation/#install-python) ak nepoužívaš Chromebook. Ak ho používaš, tak tvoja inštalácia bude trochu iná. Môžeš odignorovať zvyšok inštalačného postupu. +Túto časť [môžeš preskočiť](http://tutorial.djangogirls.org/en/installation/#install-python), ak nepoužívaš Chromebook. Ak ho používaš, tak tvoja inštalácia bude trochu iná. Zvyšok inštalačných pokynov môžeš ignorovať. -### Cloud 9 +### Cloud IDE (PaizaCloud Cloud IDE, AWS Cloud9, Glitch.com) -Cloud 9 je nástroj ktorý ti poskytne editor kódu a prístup na počítač, ktorý beží v cloude na internete, kde možeš inštalovať, písať a spúšťať softvér. Počas tohto tutoriálu Cloud 9 sa bude tváriť ako tvoj *lokálny stroj*. Príkazy budeš zadávať do terminálového rozhrania, tak ako tvoje spolužiačky čo používajú OS X, Ubuntu, alebo Windows, ale tvoj temrinál bude pripojený na počítač, ktorý beží niekde inde a ktorý Cloud 9 pripraví pre teba. +Cloud IDE je nástroj, ktorý ti poskytne editor kódu a prístup na počítač, ktorý beží v cloude na internete, kde môžeš inštalovať, písať a spúšťať softvér. Počas tohto tutoriálu sa Cloud IDE bude tváriť ako tvoj *lokálny stroj*. Príkazy budeš zadávať do terminálového rozhrania tak, ako tvoje spoluúčastníčky, čo používajú OS X, Ubuntu, alebo Windows, ale tvoj terminál bude pripojený na počítač, ktorý beží niekde inde a ktorý Cloud IDE pripraví pre teba. Tu sú inštrukcie pre cloud IDE (PaizaCloud Cloud IDE, AWS Cloud9, Glitch.com). Môžeš si vybrať jedno z Cloud IDE riešení a postupovať podľa inštrukcií pre zvolený typ IDE. -1. Nainštaluj si Cloud 9 z [Chrome web store](https://chrome.google.com/webstore/detail/cloud9/nbdmccoknlfggadpfkmcpnamfnbkmkcp) -2. Choď na [c9.io](https://c9.io) -3. Založ si účet -4. Klikni na *Create a New Workspace* -5. Pomenuj ho *django-girls* -6. Zvoľ *Blank* (druhý sprava v dolnom riadku čo má oranžové logo) +#### PaizaCloud Cloud IDE -Teraz by si mala vidieť rozhranie s bočnou lištou, veľké hlavné okno s trochu textu a malé okno v dolnej časti, ktoré vyzerá takto nejak: +1. Choď na [PaizaCloud Cloud IDE](https://paiza.cloud/) +2. Vytvor si účet +3. Klikni na *New Server* a vyber si Django appku +4. Klikni na tlačítko Terminal (na ľavej strane okna) -{% filename %}Cloud 9{% endfilename %} +Teraz by si mala vidieť rozhranie s bočnou lištou a tlačidlami naľavo. Klikni na tlačítko Terminal, aby sa ti otvorilo terminálové okno s takýmto promptom: + +{% filename %}Terminal{% endfilename %} - yourusername:~/workspace $ + $ -Táto dolná časť je tvoj *terminál*, do ktorého budeš zadávať príkazy pre počítač, ktorý pre teba pripravil Cloud 9. Veľkosť okna môžeš meniť a keď potrebuješ tak si ho môžeš zväčšiť. +Terminál na PaizaCloud Cloud IDE je pripravený na tvoje inštrukcie. Oknu môžeš zmeniť veľkosť alebo ho maximalizovať, aby bolo trochu väčšie. -### Virtuálne prostredie +#### AWS Cloud9 -Virtuálne prostredie (tiež nazývané virtualenv) je ako súkromná krabica, do ktorej môžeme uložiť užitočný počítačový kód patriaci projektu na ktorom pracujeme. Používame ho na oddelenie rôznych častí kódu pre rôzne projekty, aby sa nám medzi nimi nepomiešali veci. +Cloud 9 momentálne vyžaduje, aby si si vytvorila AWS účet a vložila informácie o kreditnej karte. -V termináli, v spodnej časti Cloud 9 rozhrania, spusti nasledovné: +1. Nainštaluj si Cloud 9 z [Chrome webového obchodu](https://chrome.google.com/webstore/detail/cloud9/nbdmccoknlfggadpfkmcpnamfnbkmkcp) +2. Choď na [c9.io](https://c9.io) a klikni na *Get started with AWS Cloud9* +3. Vytvor si AWS účet (je potrebné zadať údaje o svojej kreditnej karte, ale účet môžeš používať zdarma). +4. Na AWS Dashboarde napíš do vyhľadávania *Cloud9* a klikni naň +5. Na Cloud 9 dashboarde klikni na *Create environment* +6. Nazvi ho *django-girls* +7. Pri konfigurácii nastavení vyber *Create a new instance for environment (EC2)* ako "Environment Type" a *t2.micro* ako "Instance type" (malo by tam byť napísané "Free-tier eligible."). Prednastavené cost-saving nastavenie je okej, aj ostatné prednastavené hodnoty môžeš nechať tak. +8. Klikni na *Next step* +9. Klikni na *Create environment* -{% filename %}Cloud 9{% endfilename %} +Teraz by si mala vidieť rozhranie s bočnou lištou, veľkým hlavným oknom s trochou textu a malým oknom v dolnej časti, ktoré vyzerá takto nejak: + +{% filename %}bash{% endfilename %} + + tvojaprezyvka:~/workspace $ + + +Táto dolná časť je tvoj terminál. Môžeš ho použiť na poslanie inštrukcií vzdialenému Cloud 9 počítaču. Okno môžeš zväčšiť. + +#### Glitch.com Cloud IDE + +1. Choď na [Glitch.com](https://glitch.com/) +2. Vytvor si účet (https://glitch.com/signup) alebo použi svoj účet na GitHube, ak máš. (Pozri inštrukcie ku GitHubu nižšie.) +3. Klikni na *New Project* a vyber *hello-webpage* +4. Klikni na rozbaľovacie menu Tools (vľavo dole v okne) a potom na tlačítko Terminal, aby sa ti otvorila terminálová záložka s takýmto promptom: + +{% filename %}Terminal{% endfilename %} + + app@nazov-tvojho-glitch-projektu:~ + + +Ak používaš Glitch.com ako tvoje cloud IDE, nemusíš si vytvárať virtuálne prostredie. Namiesto toho vytvor nasledujúce súbory ručne: - sudo apt update - sudo apt install python3.6-venv +{% filename %}glitch.json{% endfilename %} + +```json +{ + "install": "pip3 install -r requirements.txt --user", + "start": "bash start.sh", + "watch": { + "throttle": 1000 + } +} +``` + +{% filename %}requirements.txt{% endfilename %} + + Django~={{ book.django_version }} + + +{% filename %}.bash_profile{% endfilename %} + +```bash +alias python=python3 +alias pip=pip3 +``` + +{% filename %}start.sh{% endfilename %} + +```bash +chmod 600 .bash_profile +pip3 install -r requirements.txt --user +python3 manage.py makemigrations +python3 manage.py migrate +python3 manage.py runserver $PORT +``` + +Keď budeš mať tieto súbory vytvorené, choď do Terminálu a vykonaj nasledujúce príkazy, aby si si vytvorila svoj prvý Django projekt: + +{% filename %}Terminal{% endfilename %} + + django-admin.py startproject mysite . + refresh -Ak to ešte stále nefunguje, požiadaj svojho mentora/ku o pomoc. +Aby si mala prístup k detailným chybovým hláškam, môžeš si aktivovať debug logy vo svojej Glitch aplikácii. Pridaj nasledovné na koniec súboru `mysite/settings.py`. + +{% filename %}mysite/settings.py{% endfilename %} + +```python +LOGGING = { + 'version': 1, + 'disable_existing_loggers': False, + 'handlers': { + 'file': { + 'level': 'DEBUG', + 'class': 'logging.FileHandler', + 'filename': 'debug.log', + }, + }, + 'loggers': { + 'django': { + 'handlers': ['file'], + 'level': 'DEBUG', + 'propagate': True, + }, + }, +} +``` + +Toto vytvorí súbor `debug.log`, v ktorom nájdeš detaily o tom, čo Django robí, ako aj chybové hlášky, ktoré sa môžu vyskytnúť. Toto ti značne uľahčí opravovanie tvojej stránky, ak niečo nebude fungovať. + +Prvotný reštart tvojho Glitch projektu by mal zlyhať. (Keď klikneš na tlačítko `Show` hore a potom na `In a New Window`, mala by si sa dostať po chybovú hlášku `DisallowedHost`.) V tejto chvíli sa tým nemusíš zaoberať, tutoriál to vyrieši v momente, keď budeš meniť nastavenia svojho Django projektu v súbore `mysite/settings.py`. + +### Virtuálne prostredie + +Virtuálne prostredie (tiež nazývané virtualenv) je ako súkromná krabica, do ktorej môžeme uložiť užitočný počítačový kód pre projekt, na ktorom pracujeme. Používame ho na oddelenie rôznych častí kódu pre rôzne projekty, aby sa nám medzi nimi nepomiešali veci. -Ďalej zadaj nasledovné príkazy: +Spusti: {% filename %}Cloud 9{% endfilename %} mkdir djangogirls cd djangogirls - python3.6 -mvenv myvenv + python3 -m venv myvenv source myvenv/bin/activate - pip install django~=1.11.0 + pip install django~={{ book.django_version }} -(všimni si, že v poslednom riadku sme použili vlnovku a za ňou znamienko rovnosti). +(všimni si, že v poslednom riadku sme použili vlnovku a za ňou znamienko rovnosti: `~=`). ### GitHub @@ -53,8 +151,8 @@ Vytvor si [GitHub](https://github.com) účet. ### PythonAnywhere -Django Girls tutoriál obsahuje kapitolu o tom čomu sa hovorí nasadenie (Deployment). Je to proces prenesenia kódu, ktorý používa tvoja nová webová aplikácia, na verejne dostupný počítač (ešte nazývaný aj server), aby aj ostatní ľudia videli tvoju prácu. +DjangoGirls tutoriál obsahuje kapitolu o niečom, čomu sa hovorí nasadenie (deployment). Je to proces prenesenia kódu, ktorý poháňa tvoju novú webovú aplikáciu, na verejne dostupný počítač (ešte nazývaný aj server), aby aj ostatní ľudia videli tvoju prácu. -Táto časť je trochu divná, keď pracuješ s týmto tutoriálom na Chromebooku, lebo už používaš počítač, ktorý je na internete (na rozdiel od notebooku). Napriek tomu, je stále užitočná, lebo si môžeme predstaviť Cloud 9 pracovné prostredie ako miesto kde sa nachádza nedokončená práca a Python Anywhere ako miesto, kde ukážeme našu prácu, ktorá bude hotová. +Táto časť je trochu zvláštna, keď pracuješ s týmto tutoriálom na Chromebooku, lebo už používaš počítač, ktorý je na internete (na rozdiel od notebooku). Napriek tomu je stále užitočná, lebo si môžeme predstaviť pracovné prostredie Cloud 9 ako miesto, kde sa nachádza nedokončená práca, a PythonAnywhere ako miesto, kde ukážeme našu prácu, keď bude hotová. -Teda vytvor si nový Python Anywhere účet na [www.pythonanywhere.com](https://www.pythonanywhere.com). \ No newline at end of file +Tak si vytvor nový PythonAnywhere účet na [www.pythonanywhere.com](https://www.pythonanywhere.com). \ No newline at end of file diff --git a/sk/code_editor/README.md b/sk/code_editor/README.md old mode 100755 new mode 100644 index 3ae9c68b59f..e9e19606304 --- a/sk/code_editor/README.md +++ b/sk/code_editor/README.md @@ -1,11 +1,11 @@ # Editor kódu -> Pre čitateľov doma: Táto kapitola je spracovaná v [Installing Python & Code Editor](https://www.youtube.com/watch?v=pVTaqzKZCdA&t=4m43s) videu. +> Pre čitateľky a čitateľov doma: Táto kapitola je spracovaná vo videu [Installing Python & Code Editor](https://www.youtube.com/watch?v=pVTaqzKZCdA&t=4m43s). O chvíľu napíšeš svoj prvý riadok kódu, takže je načase si stiahnuť editor kódu! -> **Poznámka:** Ak používaš Chromebook, preskoč túto kapitolu a postupuj podľa pokynov na [nastavenie Chromebooku](../chromebook_setup/README.md). +> **Poznámka** Ak používaš Chromebook, preskoč túto kapitolu a postupuj podľa pokynov na [nastavenie Chromebooku](../chromebook_setup/README.md). Cloud IDE, ktoré si si vybrala (PaizaCloud Cloud IDE alebo AWS Cloud9) už obsahuje editor kódu. Keď si otvoríš nejaký súbor vo svojom IDE pomocou menu File, automaticky budeš tento editor používať. > -> **Poznámka** Toto si už možno urobila v kapitole Inštalácia - ak áno, môžeš pokračovať rovno na ďalšiu kapitolu! +> **Poznámka** Toto si už možno urobila v [kapitole Inštalácia](../installation/README.md) - ak áno, môžeš preskočiť rovno na ďalšiu kapitolu! {% include "/code_editor/instructions.md" %} \ No newline at end of file diff --git a/sk/code_editor/instructions.md b/sk/code_editor/instructions.md old mode 100755 new mode 100644 index 1ae898eb081..0e3506dbe23 --- a/sk/code_editor/instructions.md +++ b/sk/code_editor/instructions.md @@ -1,31 +1,37 @@ -Existuje veľa rôznych editorov a zväčša sa vyberajú podľa osobných preferencií. Väčšina Python programátorov používa zložité, ale veľmi výkonné IDE (integrované vývojové prostredie), ako napríklad PyCharm. Pre začiatočníka je to pravdepodobne menej vhodné; naše odporúčania sú rovnako výkonné, ale oveľa jednoduchšie. +Existuje veľa rôznych editorov a zväčša sa vyberajú podľa osobných preferencií. Väčšina programátorov a programátoriek v Pythone používa zložité, ale veľmi výkonné IDE (integrované vývojové prostredie) ako napríklad PyCharm. Pre začiatočníčku je to pravdepodobne menej vhodné; naše odporúčania sú rovnako výkonné, ale oveľa jednoduchšie. -Naše návrhy sú uvedené nižšie, ale neváhaj sa opýtať svojho mentora, aké sú jeho preferencie - bude ti jednoduchšie vedieť pomocť. +Naše návrhy sú uvedené nižšie, ale neváhaj sa opýtať svojej mentorky alebo mentora, aké sú ich preferencie - bude ti jednoduchšie vedieť pomocť. + +## Visual Studio Code + +Visual Studio Code je editor zdrojového kódu, ktorý vyvíja Microsoft pre Windows, Linux a macOS. Podporuje debugovanie, priamu prácu s Gitom, zvýrazňovanie syntaxe, inteligentné dopĺňanie kódu, snippety a refaktorovanie kódu. + +[Stiahni si ho odtiaľto](https://code.visualstudio.com/) ## Gedit -Gedit je open-source, zdarma, dostupný pre všetky operačné systémy. +Gedit je open source editor zdarma dostupný pre všetky operačné systémy. [Stiahni si ho odtiaľto](https://wiki.gnome.org/Apps/Gedit#Download) ## Sublime Text -Sublime Text je veľmi populárny editor so skúšobnou verziou zdarma. Je jednoduchý na inštaláciu a používanie, je dostupný pre všetky operačné systémy. +Sublime Text je veľmi populárny editor so skúšobnou verziou zdarma a je dostupný pre všetky operačné systémy. [Stiahni si ho odtiaľto](https://www.sublimetext.com/) ## Atom -Atom je veľmi nový editor vytvorený [GitHubom](https://github.com/). Je zdarma, open-source, jednoduchý na inštaláciu a používanie. Je dostupný pre Windows, OS X a Linux. +Atom je ďalší populárny editor. Je zdarma, open source a dostupný pre Windows, OS X a Linux. Atom je vyvíjaný [GitHubom](https://github.com/). [Stiahni si ho odtiaľto](https://atom.io/) -## Prečo inštalujeme editor? +## Prečo inštalujeme editor kódu? -Môže ťa zaujímať, prečo inštalujeme takýto špeciálny editor kódu, namiesto aby sme použili niečo ako Word alebo Notepad. +Možno ti napadlo, prečo inštalujeme takýto špeciálny editor kódu namiesto toho, aby sme použili niečo ako Word alebo Notepad. -Prvý dôvod je, že kód musí byť **čistý text** a problém s editormi ako Word a Textedit je ten, že v skutočnosti nevytvárajú čistý text, produkujú obohatený text (s fontom a formátovaním), používajú vlastné formáty ako [RTF (Rich Text Format)](https://en.wikipedia.org/wiki/Rich_Text_Format). +Prvý dôvod je, že kód musí byť **čistý text** a problém s editormi ako Word a Textedit je ten, že v skutočnosti nevytvárajú čistý text, ale produkujú obohatený text (s fontami a formátovaním) a používajú vlastné formáty ako [RTF (Rich Text Format)](https://en.wikipedia.org/wiki/Rich_Text_Format). Druhý dôvod je, že editor kódu je špecializovaný na editáciu kódu, takže môže poskytovať pomocné funkcie ako zvýraznenie kódu farbou podľa jeho významu, alebo automaticky za teba uzatvárať úvodzovky. -Všetko uvidíme neskôr. Čoskoro budeš považovať svoj verný editor za svoj obľúbený nástroj. :) +Všetko uvidíme neskôr. Čoskoro budeš považovať svoj verný editor za svoj obľúbený nástroj. :) \ No newline at end of file diff --git a/sk/css/README.md b/sk/css/README.md old mode 100755 new mode 100644 index 32c32737482..a264a8e7e4a --- a/sk/css/README.md +++ b/sk/css/README.md @@ -1,31 +1,30 @@ -# CSS - skrášli to! +# CSS - skrášlime to! Náš blog vyzerá zatiaľ dosť škaredo, však? Je čas to napraviť! Použijeme na to CSS. ## Čo je CSS? -Kaskádové štýly (CSS, angl. Cascading Style Sheets) je jazyk, ktorý sa používa na popis vzhľadu a formátovania webstránky napísanej v značkovacom jazyku (napríklad HTML). Predstav si to ako make-up pre našu webstránku. ;) +Kaskádové štýly (CSS, angl. Cascading Style Sheets) sú jazyk, ktorý sa používa na popis vzhľadu a formátovania webstránky napísanej v markupovom jazyku (napríklad HTML). Predstav si to ako make-up pre našu webstránku. ;) -Ale nechceme začať od nuly, že? Znovu budeme používať niečo, čo programátori zverejnili na internete zadarmo. Ako vieš, vymýšlať koleso nie je žiadna zábava. +Ale nechceme začať zase od nuly, že? Znovu použijeme niečo, čo iné programátorky a programátori zverejnili na internete zadarmo. Ako vieš, vymýšlať koleso nie je žiadna zábava. ## Použime Bootstrap! Bootstrap je jedným z najpopulárnejších HTML a CSS frameworkov pre vývoj krásnych webových stránok: https://getbootstrap.com/ -Bol napísaný programátormi, ktorí pracovali pre Twitter. Teraz je vyvíjaný dobrovoľníkmi z celého sveta! +Bol napísaný programátormi a programátorkami, ktorí pracovali pre Twitter. Teraz je vyvíjaný dobrovoľníkmi a dobrovoľníčkami z celého sveta! ## Inštalácia Bootstrapu -Aby si nainštalovala Bootstrap, potrebuješ pridať nasledovnú vec do `
` tvojho `.html` súboru: +Aby si nainštalovala Bootstrap, otvor svoj súbor `.html` vo svojom editore a pridaj toto do sekcie ``: {% filename %}blog/templates/blog/post_list.html{% endfilename %} ```html - - + ``` -Nepridá to do tvojho projektu žiadne súbory. Iba to ukazuje na súbory, ktoré už existujú na Internete. Skúsme to, otvor svoju webstránku a obnov stránku. Už to máme! +Nepridá to do tvojho projektu žiadne súbory. Iba to ukazuje na súbory, ktoré už existujú na internete. Skúsme to, otvor svoju webstránku a obnov stránku. Už to máme!  @@ -33,11 +32,11 @@ Už to vyzerá lepšie! ## Statické súbory v Djangu -Konečne sa pozrieme zblízka na veci, ktoré nazývame **statické súbory**. Statické súbory sú všetky vaše CSS a obrázky. Ich obsah nie je závislý na kontexte žiadosti a budú rovnaké pre každého používateľa. +Konečne sa pozrieme zblízka na veci, ktoré nazývame **statické súbory**. Statické súbory sú všetky tvoje CSS a obrázky. Ich obsah nie je závislý na kontexte žiadosti a budú rovnaké pre každého používateľa či používateľku. ### Kam umiestniť statické súbory pre Django -Django už vie, kde nájsť statické súbory pre zabudovanú aplikáciu "admin". Teraz už len musíme pridať niektoré statické súbory pre našu vlastnú aplikáciu, `blog`. +Django už vie, kde nájsť statické súbory pre zabudovanú aplikáciu "admin". Teraz už len musíme pridať niektoré statické súbory pre našu vlastnú aplikáciu `blog`. To urobíme tak, že vo vnútri našej aplikácie blog vytvoríme adresár s názvom `static`: @@ -64,31 +63,32 @@ Vytvorme teraz CSS súbor, ktorý tvojej web stránke pridá tvoj vlastný štý Je čas napísať trochu CSS! Otvor v editore kódu súbor `blog/static/css/blog.css`. -Tu sa nebudeme do hĺbky zaoberať úpravou a štúdiom CSS. Na konci tejto stránky sa nachádza odkaz na bezplatný CSS kurz, ak sa o tom cheš dozvedieť viacej. +Tu sa nebudeme do hĺbky zaoberať úpravou a štúdiom CSS. Na konci tejto stránky sa nachádza odkaz na bezplatný CSS kurz, ak sa o tom chceš dozvedieť viac. -Ale urobme aspoň niečo. Čo keby sme zmenili farbu hlavičky? Počítače používajú špeciálne kódy, aby rozumeli farbám. Tieto kódy sa začínajú `#` potom nasleduje 6 písmen (A-F) a číslice (0-9). Napríklad kód pre modrú je `#0000FF`. Kódy farieb nájdeš napríklad tu: http://www.colorpicker.com/. Môžeš tiež použiť [preddefinované farby](http://www.w3schools.com/colors/colors_names.asp) ako napríklad `red` (červená) alebo `green` (zelená). +Ale urobme aspoň niečo. Čo keby sme zmenili farbu hlavičiek? Počítače používajú špeciálne kódy, aby rozumeli farbám. Tieto kódy sa začínajú `#` potom nasleduje 6 písmen (A-F) a číslic (0-9). Napríklad kód pre modrú je `#0000FF`. Kódy farieb nájdeš napríklad tu: http://www.colorpicker.com/. Môžeš tiež použiť [preddefinované farby](http://www.w3schools.com/colors/colors_names.asp) ako napríklad `red` (červená) alebo `green` (zelená). -V súbore `blog/static/css/blog.css` pridaj nasledujúci kód: +Do súboru `blog/static/css/blog.css` pridaj nasledujúci kód: {% filename %}blog/static/css/blog.css{% endfilename %} ```css -h1 a { - color: #FCA205; +h1 a, h2 a { + color: #C25100; } + ``` -`h1 a` je CSS Selector. To znamená, že sme naše štýly použili na akýkoľvek prvok `a`, vo vnútri prvku `h1`. Takže keď máme niečo ako: `published: {{ post.published_date }}
-{{ post.text|linebreaksbr }}
-published: {{ post.published_date }}
-{{ post.text|linebreaksbr }}
-published: {{ post.published_date }}
-{{ post.text|linebreaksbr }}
-published: {{ post.published_date }}
-{{ post.text|linebreaksbr }}
-