Skip to content

Commit 7aca233

Browse files
ricco386ricco386
committed
Fixed missing apostrophes
1 parent 5b133fe commit 7aca233

19 files changed

Lines changed: 565 additions & 396 deletions

File tree

‎sk/css/README.md‎

Lines changed: 31 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -18,10 +18,10 @@ Bol napísaný programátormi, ktorí pracovali pre Twitter a ďalej ho vyvíjaj
1818

1919
Na inštaláciu Bootstrapu musíš pridať do hlavičky `<head>` vo svojom `.html` súbore (`blog/templates/blog/post_list.html`) toto:
2020

21-
html
21+
```html
2222
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
2323
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">
24-
24+
```
2525

2626
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. Tu to máme!
2727

@@ -41,25 +41,27 @@ Ako si už videla, keď sme spustili `collectstatic` na serveri, Django už vie,
4141

4242
To urobíme tak, že vo vnútri našej aplikácie blog vytvoríme adresár s názvom `static`:
4343

44+
```
4445
djangogirls
4546
├── blog
4647
│ ├── migrations
4748
│ └── static
4849
└── mysite
49-
50+
```
5051

5152
Django automaticky nájde všetky priečinky s názvom "static" vo všetkých priečinkoch tvojich aplikácií a bude môcť používať ich obsah ako statické súbory.
5253

5354
## Tvoj prvý CSS súbor!
5455

5556
Vytvorme teraz CSS súbor, ktorý tvojej web stránke pridá vlastný štýl. Vytvor nový adresár s názvom `css` vnútri adresára `static`. Potom vytvor nový súbor s názvom `blog.css` vo vnútri tohto adresára `css`. Pripravená?
5657

58+
```
5759
djangogirls
5860
└─── blog
5961
└─── static
6062
└─── css
6163
└─── blog.css
62-
64+
```
6365

6466
Je čas napísať nejaké CSS! Otvor v editore kódu súbor `blog/static/css/blog.css`.
6567

@@ -73,29 +75,29 @@ Ale urobme aspoň niečo. Čo keby sme zmenili farbu hlavičky? Počítače pou
7375

7476
V súbore `blog/static/css/blog.css` pridaj nasledujúci kód:
7577

76-
css
78+
```css
7779
h1 a {
7880
color: #FCA205;
7981
}
80-
82+
```
8183

8284
`h1 a` je CSS Selector. To znamená, že náš štýl aplikujeme na akýkoľvek element `a` vo vnútri elementu `h1` (napríklad ak máme v kóde niečo takéto: `<h1><a href="">link</a></h1>`). V tomto prípade elementu hovoríme, aby zmenil svoju farbu na `#FCA205`, čo je oranžová. Samozrejme, sem môžeš zadať vlastnú farbu!
8385

8486
V CSS súbore definujeme štýly pre elementy v HTML súbore. Elementy sa identifikujú podľa svojho názvu (t. j. `a` `h1`, `body`), atribútom `class` (trieda) alebo atribútom `id`. Triedy a id sú názvy, ktorými nazveš elementy. Triedy definujú skupiny elementov a idy poukazujú na konkrétne elementy. Napríklad, nasledujúci tag môže byť identifikovaný v CSS pomocou tagu `a`, triedy `external_link` a idu `link_to_wiki_page`:
8587

86-
html
88+
```html
8789
<a href="http://en.wikipedia.org/wiki/Django" class="external_link" id="link_to_wiki_page">
88-
90+
```
8991

9092
Prečítaj si o [CSS selektoroch na w3schools][4].
9193

9294
[4]: http://www.w3schools.com/cssref/css_selectors.asp
9395

9496
Potom musíme povedať našej HTML šablóne, že sme pridali nejaké CSS. Otvor súbor `blog/templates/blog/post_list.html` a pridaj tento riadok na úplný začiatok:
9597

96-
html
98+
```html
9799
{% load staticfiles %}
98-
100+
```
99101

100102
Práve načítavame statické súbory :). Potom medzi `<head>` a `</head>`, po odkazoch na CSS súbory Bootstrapu pridaj nasledujúci riadok (prehliadač číta súbory v poradí, v akom sú zadané, takže kód v našom súbore môže prepísať už načítaný kód z Bootstrapu):
101103

@@ -107,6 +109,7 @@ Práve sme našej šablóne povedali, kde sa nachádza náš CSS súbor.
107109

108110
Súbor by mal teraz vyzerať asi takto:
109111

112+
```html
110113
{% load staticfiles %}
111114
<html>
112115
<head>
@@ -119,7 +122,7 @@ Súbor by mal teraz vyzerať asi takto:
119122
<div>
120123
<h1><a href="/">Django Girls Blog</a></h1>
121124
</div>
122-
125+
123126
{% for post in posts %}
124127
<div>
125128
<p>published: {{ post.published_date }}</p>
@@ -129,7 +132,7 @@ Súbor by mal teraz vyzerať asi takto:
129132
{% endfor %}
130133
</body>
131134
</html>
132-
135+
```
133136

134137
OK, ulož súbor a obnov stránku!
135138

@@ -139,11 +142,11 @@ OK, ulož súbor a obnov stránku!
139142

140143
Pekne! Možno by sme chceli dať našej webovej stránke trochu vzduchu. Zväčšíme okraj na ľavej strane? Skúsme si to!
141144

142-
css
145+
```css
143146
body {
144147
padding-left: 15px;
145148
}
146-
149+
```
147150

148151
Pridaj to do svojho CSS, ulož súbor a pozri, ako to funguje!
149152

@@ -153,20 +156,20 @@ Pridaj to do svojho CSS, ulož súbor a pozri, ako to funguje!
153156

154157
Mohli by sme trochu upraviť font v našej hlavičke, nie? Skopíruj toto do svojej hlavičky `<head>` v súbore `blog/templates/blog/post_list.html`:
155158

156-
html
159+
```html
157160
<link href="http://fonts.googleapis.com/css?family=Lobster&subset=latin,latin-ext" rel="stylesheet" type="text/css">
158-
161+
```
159162

160163
Tento riadok naimportuje z Google fontov (https://www.google.com/fonts) font, ktorý sa volá *Lobster*.
161164

162165
Teraz pridaj riadok `font-rodina: 'Lobster';` do CSS súboru `blog/static/css/blog.css` vnútri deklarácie `h1 a` (to je ten kód medzi zátvorkami `{` a `}`) a obnov stránku:
163166

164-
css
167+
```css
165168
h1 a {
166169
color: #FCA205;
167170
font-family: 'Lobster';
168171
}
169-
172+
```
170173

171174
![Obrázok 14.3][7]
172175

@@ -178,25 +181,25 @@ Ako sme už spomenuli vyššie, CSS má koncept tried, ktorými v podstate pomen
178181

179182
Skús pomenovať niektoré časti HTML kódu. Pridaj triedu s názvom `page-header` do `div`u, ktorý obsahuje hlavičku, takto nejako:
180183

181-
html
184+
```html
182185
<div class="page-header">
183186
<h1><a href="/">Django Girls Blog</a></h1>
184187
</div>
185-
188+
```
186189

187190
A teraz pridaj triedu, `post` do `div`u, v ktorom je blog post.
188191

189-
html
192+
```html
190193
<div class="post">
191194
<p>published: {{ post.published_date }}</p>
192195
<h1><a href="">{{ post.title }}</a></h1>
193196
<p>{{ post.text|linebreaks }}</p>
194197
</div>
195-
198+
```
196199

197200
Teraz pridáme deklarácie rôznym selektorom. Selektory, ktoré začínajú `.` sa týkajú tried. Na webe je ohľadne CSS veľa skvelých tutorialov a vysvetlení, ktoré ti pomôžu pochopiť nasledujúci kód. Ale teraz len skopíruj a vlož nasledujúci kód do súboru `blog/static/css/blog.css`:
198201

199-
css
202+
```css
200203
.page-header {
201204
background-color: #ff9400;
202205
margin-top: 0;
@@ -244,23 +247,23 @@ Teraz pridáme deklarácie rôznym selektorom. Selektory, ktoré začínajú `.`
244247
.post h1 a, .post h1 a:visited {
245248
color: #000000;
246249
}
247-
250+
```
248251

249252
Teraz s deklaráciami tried obklop HTML kód, ktorý zobrazuje posty. Nahraď toto:
250253

251-
html
254+
```html
252255
{% for post in posts %}
253256
<div class="post">
254257
<p>published: {{ post.published_date }}</p>
255258
<h1><a href="">{{ post.title }}</a></h1>
256259
<p>{{ post.text|linebreaks }}</p>
257260
</div>
258261
{% endfor %}
259-
262+
```
260263

261264
v súbore `blog/templates/blog/post_list.html` týmto:
262265

263-
html
266+
```html
264267
<div class="content container">
265268
<div class="row">
266269
<div class="col-md-8">
@@ -276,7 +279,7 @@ v súbore `blog/templates/blog/post_list.html` týmto:
276279
</div>
277280
</div>
278281
</div>
279-
282+
```
280283

281284
Ulož tieto súbory a obnov svoju web stránku.
282285

‎sk/deploy/README.md‎

Lines changed: 29 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -30,29 +30,32 @@ Git sleduje zmeny na konkrétnej množine súborov, v niečom, čo sa nazýva ú
3030

3131
> **Poznámka** Skontroluj si aktuálny pracovný adresár s príkazom`pwd` v OSX/Linux alebo `cd` vo Windowse pred inicializáciou úložiska. Mala by si byť v priečinku `djangogirls`.
3232
33+
```
3334
$ git init
3435
Initialized empty Git repository in ~/djangogirls/.git/
3536
$ git config --global user.name "Your Name"
3637
$ git config --global user.email [email protected]
37-
38+
```
3839

3940
Inicializácia git repozitára je niečo, čo musíme urobiť len raz za projekt (a už nikdy nebudeš musieť znovu zadať užívateľské meno a e-mail).
4041

4142
Git bude sledovať zmeny všetkých súborov a priečinkov v tomto adresári, ale sú aj niektoré súbory, ktoré chceme ignorovať. To urobíme tak, že vytvoríme súbor s názvom `.gitignore` v základnom adresári. Otvor si editor a vytvor nový súbor s týmto obsahom:
4243

44+
```
4345
*.pyc
4446
__pycache__
4547
myvenv
4648
db.sqlite3
4749
.DS_Store
48-
50+
```
4951

5052
A ulož ho ako `.gitignore` do hlavného adresára "djangogirls".
5153

5254
> **Poznámka** Bodka na začiatku názvu súboru je dôležitá! Ak máš problém vytvoriť takýto súbor (napríklad Macom sa nepáči, ak chceš cez Vyhľadávanie (Finder) vytvoriť súbory, ktoré sa začínajú bodkou), potom použi funkciu "Uložiť ako" vo svojom editore, to je nepriestrelné.
5355
5456
Vždy je dobré použiť príkaz `git status` pred `git add` alebo kedykoľvek, keď si nebudeš istá, čo sa zmenilo. To ti pomôže vyhnúť sa prekvapeniam ako napríklad pridanie nesprávnych súborov. Príkaz `git status` dáva informácie o nesledovaných (untracked) či zmenených (modified) súboroch, alebo súboroch pripravených na zmenu (staged), o stave vetvy a veľa ďalšieho. Výstup by mal vyzerať takto nejako:
5557

58+
```
5659
$ git status
5760
On branch master
5861
@@ -65,12 +68,13 @@ Vždy je dobré použiť príkaz `git status` pred `git add` alebo kedykoľvek,
6568
blog/
6669
manage.py
6770
mysite/
68-
71+
6972
nothing added to commit but untracked files present (use "git add" to track)
70-
73+
```
7174

7275
A nakoniec uložíme naše zmeny. Teraz prejdi na konzolu a zadaj nasledujúce príkazy:
7376

77+
```
7478
$ git add -A .
7579
$ git commit -m "My Django Girls app, first commit"
7680
[...]
@@ -102,12 +106,14 @@ Teraz musíme pripojiť Git repozitár v počítači k tomu na GitHube.
102106
103107
Napíš do konzoly nasledujúci príkaz (nahraď `<tvoje-github-meno>` svojím užívateľským menom na GitHube, ale bez lomených zátvoriek):
104108
109+
```
105110
$ git remote add origin https://github.com/<tvoje-github-meno>/my-first-blog.git
106111
$ git push -u origin master
107-
112+
```
108113
109114
Zadaj svoje užívateľské meno a heslo na GitHube a malo by sa ti zobraziť niečo takého:
110115
116+
```
111117
Username for 'https://github.com': hjwp
112118
Password for 'https://[email protected]':
113119
Counting objects: 6, done.
@@ -116,7 +122,7 @@ Zadaj svoje užívateľské meno a heslo na GitHube a malo by sa ti zobraziť ni
116122
To https://github.com/hjwp/my-first-blog.git
117123
* [new branch] master -> master
118124
Branch master set up to track remote branch master from origin.
119-
125+
```
120126
121127
<!--TODO: maybe do ssh keys installs in install party, and point ppl who dont have it to an extention -->
122128
@@ -139,11 +145,13 @@ Po registrácii na PythonAnywhere, budeš presmerovaná na svoju nástenku alebo
139145
140146
Poďme teraz natiahnuť náš kód z GitHubu na PythonAnywhere vytvorením "klonu" nášho repo. Zadaj nasledujúci príkaz do konzoly na PythonAnywhere (nezabudni použiť užívateľské meno z GitHubu namiesto `<tvoje-github-meno>`):
141147
148+
```
142149
$ git clone https://github.com/<tvoje-github-meno>/my-first-blog.git
143-
150+
```
144151
145152
Toto natiahne kópiu tvojho kódu na PythonAnywhere. Môžeš si to overiť zadaním `tree my-first-blog`:
146153
154+
```
147155
$ tree my-first-blog
148156
my-first-blog/
149157
├── blog
@@ -161,12 +169,13 @@ Toto natiahne kópiu tvojho kódu na PythonAnywhere. Môžeš si to overiť zada
161169
├── settings.py
162170
├── urls.py
163171
└── wsgi.py
164-
172+
```
165173
166174
### Vytvorenie virtualenv na PythonAnywhere
167175
168176
Tak ako si to urobila vo svojom počítači, virtualenv môžeš vytvoriť aj na PythonAnywhere. V Bash konzole zadaj:
169177
178+
```
170179
$ cd my-first-blog
171180

172181
$ virtualenv --python=python3.4 myvenv
@@ -180,7 +189,7 @@ Tak ako si to urobila vo svojom počítači, virtualenv môžeš vytvoriť aj na
180189
Collecting django
181190
[...]
182191
Successfully installed django-1.8.2 whitenoise-2.0
183-
192+
```
184193
185194
> **Poznámka:** Krok `pip install` môže trvať aj niekoľko minút. Trpezlivosť, trpezlivosť! Ale ak to trvá dlhšie ako 5 minút, niečo nie je v poriadku. Spýtaj sa svojho tútora.
186195
@@ -194,43 +203,46 @@ O statických súboroch sa naučíme trochu viac neskôr, keď budeme upravovať
194203
195204
Teraz len musíme na serveri spustiť jeden príkaz navyše - `collectstatic`. Ten povie Djangu, aby na serveri zhromaždil všetky statické súbory, ktoré potrebuje. Práve teraz sú to väčšinou súbory, ktoré zabezpečujú, aby adminská stránka vyzerala dobre.
196205
206+
```
197207
(mvenv) $ python manage.py collectstatic
198-
208+
199209
You have requested to collect static files at the destination
200210
location as specified in your settings:
201211

202212
/home/edith/my-first-blog/static
203-
213+
204214
This will overwrite existing files!
205215
Are you sure you want to do this?
206-
216+
207217
Type 'yes' to continue, or 'no' to cancel: yes
208-
218+
```
209219
210220
Napíš "yes" a ono to zmizne! Aj ty zbožňuješ vyrábať stránky plné výstupov z počítačov alebo nepochopiteľného textu? Ja osobne si k tomu vymýšľam čudné zvuky. Brp, brp, brp...
211221
222+
```
212223
Copying '/home/edith/my-first-blog/mvenv/lib/python3.4/site-packages/django/contrib/admin/static/admin/js/actions.min.js'
213224
Copying '/home/edith/my-first-blog/mvenv/lib/python3.4/site-packages/django/contrib/admin/static/admin/js/inlines.min.js'
214225
[...]
215226
Copying '/home/edith/my-first-blog/mvenv/lib/python3.4/site-packages/django/contrib/admin/static/admin/css/changelists.css'
216227
Copying '/home/edith/my-first-blog/mvenv/lib/python3.4/site-packages/django/contrib/admin/static/admin/css/base.css'
217228
62 static files copied to '/home/edith/my-first-blog/static'.
218-
229+
```
219230
220231
### Vytvorenie databázy na PythonAnywhere
221232
222233
Ďalšia vec, v ktorej sa líši tvoj počítač od servera: používa inú databázu. Takže užívateľské kontá a posty sa môžu na serveri líšiť od tých v počítači.
223234
224235
Môžeme inicializovať databázu na serveri, rovnako ako sme to urobili v tvojom počítači, pomocou `migrate` a `createsuperuser`:
225236
237+
```
226238
(mvenv) $ python manage.py migrate
227239
Operations to perform:
228240
[...]
229241
Applying sessions.0001_initial... OK
230242

231243

232244
(mvenv) $ python manage.py createsuperuser
233-
245+
```
234246
235247
## Publikovanie nášho blogu ako webovú aplikáciu
236248
@@ -262,7 +274,7 @@ Klikni na link "WSGI configuration file" (v časti "Code" v hornej časti strán
262274
263275
Vymaž celý obsah a nahraď ho niečím takýmto:
264276
265-
python
277+
```python
266278
import os
267279
import sys
268280
@@ -275,7 +287,7 @@ Vymaž celý obsah a nahraď ho niečím takýmto:
275287
from django.core.wsgi import get_wsgi_application
276288
from whitenoise.django import DjangoWhiteNoise
277289
application = DjangoWhiteNoise(get_wsgi_application())
278-
290+
```
279291

280292
> **Poznámka** Nezabudni nahradiť svoje vlastné užívateľské meno namiesto `<tvoje-uzivatelske-meno>`
281293

0 commit comments

Comments
 (0)