Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 3 additions & 3 deletions cs-CZ/meta.yml
Original file line number Diff line number Diff line change
Expand Up @@ -20,14 +20,14 @@ steps:
- title: Co budeš dělat
- title: Vytvoř aplikaci
completion:
- engaged
- engaged
- title: Přidej novou stránku
- title: Vytvoř HTML šablonu
- title: Použij CSS styl
completion:
- internal
- internal
- title: Dynamický obsah
completion:
- external
- external
- title: 'Výzva'
challenge: true
18 changes: 9 additions & 9 deletions cs-CZ/step_1.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,22 +9,22 @@ Webový server bude schopen reagovat na dynamický obsah, který uživatel zadá

- Raspberry Pi s nejnovějším operačním systémem Raspberry Pi OS

--- collapse ---
---
title: Instalace Flasku
---
## --- collapse ---

## title: Instalace Flasku

`Flask` by měl být předinstalován jako součást operačního systému Raspberry Pi, takže bys s ním neměl dělat nic dalšího.

Můžeš jej nainstalovat ručně pomocí příkazu:

--- code ---
---
## --- code ---

language: bash
line_numbers: false
---
--------------------------------------------------------

sudo apt install python3-flask

--- /code ---
\--- /code ---

--- /collapse ---
\--- /collapse ---
76 changes: 40 additions & 36 deletions cs-CZ/step_2.md
Original file line number Diff line number Diff line change
@@ -1,101 +1,105 @@
## Vytvoř aplikaci

--- task ---
\--- task ---

Otevři terminál a pomocí příkazu `mkdir` vytvoř ve složce dokumentů nový adresář s názvem `webapp`.

--- code ---
---
## --- code ---

language: bash
line_numbers: false
---
--------------------------------------------------------

mkdir ~/Documents/webapp

--- /code ---
\--- /code ---

--- /task ---
\--- /task ---

--- task ---
\--- task ---

Pro otevření nového adresáře použij příkaz `cd` pro změnu adresáře.

--- code ---
---
## --- code ---

language: bash
line_numbers: false
---
--------------------------------------------------------

cd ~/Documents/webapp

--- /code ---
\--- /code ---

--- /task ---
\--- /task ---

--- task ---
\--- task ---

V nabídce **Programování** otevři **Thony**.

--- /task ---
\--- /task ---

--- task ---
\--- task ---

Přidej tento kód Pythonu do prázdného souboru.

--- code ---
---
## --- code ---

language: python
line_numbers: false
---
--------------------------------------------------------

from flask import Flask

app = Flask(__name__)
app = Flask(**name**)

@app.route('/')
def index():
return 'Hello world'
return 'Ahoj světe'

if __name__ == '__main__':
app.run(debug=True, host='0.0.0.0')
if **name** == '**main**':
app.run(debug=True, host='0.0.0.0')

--- /code ---
\--- /code ---

--- /task ---
\--- /task ---

--- task ---
\--- task ---

Ulož nový soubor s názvem `app.py` do složky `webapp`, kterou jsi právě vytvořil.

--- /task ---
\--- /task ---

--- task ---
\--- task ---

Vrať se do terminálového okna a spusť skript, který jsi právě napsal:

--- code ---
---
## --- code ---

language: bash
line_numbers: false
---
--------------------------------------------------------

python3 app.py

--- /code ---
\--- /code ---

--- /task ---
\--- /task ---

Pokud vše funguje správně, okno by mělo ukázat výstup podobný tomuto:

![spusť webovou aplikaci pi](images/pi-run-web-app.png)

--- task ---
\--- task ---

V nabídce Raspberry Pi otevři **Internet** > **Webový prohlížeč Chromium**

--- /task ---
\--- /task ---

--- task ---
\--- task ---

Do adresního řádku zadej `localhost:5000` a stiskni <kbd>Enter</kbd>. Měl bys vidět uvítací stránku.

--- /task ---
\--- /task ---

![Flask Ahoj světe](images/flask-hello-world.png)

Expand Down
29 changes: 14 additions & 15 deletions cs-CZ/step_3.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,10 +2,9 @@

Chceš-li do webové aplikace přidat novou stránku, vytvoř novou **trasu**.

--- collapse ---
---
title: Co je to trasa?
---
## --- collapse ---

## title: Co je to trasa?

V kódu, který již máš, je jedna trasa:

Expand All @@ -21,38 +20,38 @@ Tato trasa se skládá ze tří částí:
- `def index()`: název trasy - `index`
- `return 'Hello world'`: obsah, který uživatel uvidí - `Hello world`

--- /collapse ---
\--- /collapse ---

--- task ---
\--- task ---

Přidej kód pro novou trasu do souboru `app.py` a soubor **ulož**.

--- code ---
---
## --- code ---

language: python
line_numbers: true
line_number_start: 5
line_highlights: 9-11
---
----------------------------------------------------------

@app.route('/')
def index():
return 'Ahoj světe'
return 'Ahoj světe'

@app.route('/dorty')
def dorty():
return 'Vynikající dorty!'
return 'Vynikající dorty!'

--- /code ---
\--- /code ---

--- /task ---
\--- /task ---

--- task ---
\--- task ---

V prohlížeči Chromium zadej do adresního řádku adresu `localhost:5000/cakes`.

Měl bys vidět webovou stránku s textem „Mňam dorty!“.

![Chutné dorty](images/flask-cakes.png)

--- /task ---
\--- /task ---
Loading