Procvičujeme rozmístění

Když chceš mít objekty přesně tam, kde je chceš mít, právě tady začíná CSS ukazovat svou sílu. Máš k dispozici tři CSS příklady načtené jako řetězcové proměnné (css_1, css_2, css_3). Každou z nich si můžeš vypsat do konzole!

Která z nich způsobí, že se objekt s tímto CSS zobrazí vedle jiného?

Toto cvičení je součástí kurzu

Tvorba dashboardů s Dash a Plotly

Interaktivní praktické cvičení

Proměňte teorii v praxi s jedním z našich interaktivních cvičení

Začít cvičení

Toto cvičení je součástí kurzu

Tvorba dashboardů s Dash a Plotly

SkillTag.level.intermediateSkillTag.label

4.8+

Začněte kurz zdarma

Posuň Plotly na vyšší úroveň s Dash. Po krátkém opakování Plotly se pustíš rovnou do tvorby své první Dash aplikace. Pak se poprvé setkáš s HTML a uvidíš, jak Dash využívá tento klíčový webový jazyk ke strukturování složitějších aplikací. Na závěr to vše spojíš dohromady a vytvoříš svůj první dashboard s více grafy pro globální e-commerce organizaci.

Exercise 1: Grafy a obrázky v Plotly Exercise 2: Spojnicový graf tržeb podle zemí Exercise 3: Sloupcový graf prodejů podle zemí Exercise 4: Z Plotly do Dashe Exercise 5: Základní kód Dash aplikace Exercise 6: Tržby v Dash aplikaci Exercise 7: Rozmístění komponent v Dashi Exercise 8: Kombinace HTML a Dashe Exercise 9: Předběžný přehled prodejů

Převezmi kontrolu nad prvky ve svých Dash aplikacích pomocí HTML a CSS. Zjistíš, co každý z těchto jazyků znamená a proč jsou základem moderního webového vývoje, a pak využiješ jejich možnosti v Dash aplikacích ke změně velikosti, barvy a rozmístění objektů.

Exercise 1: HTML v Dashi Exercise 2: Přidání loga a poznámek Exercise 3: Přidání HTML seznamu do Dashe Exercise 4: Základy CSS v Dashi Exercise 5: Stylování Dash aplikace pomocí CSS Exercise 6: Přepnutí do tmavého režimu Exercise 7: Pokročilé CSS v Dashi Exercise 8: Procvičujeme rozmístění

Aktuální cvičení

Exercise 9: Vyladěný prodejní dashboard Exercise 10: Ovládání rozvržení objektů

Proměň své Dash aplikace v zážitek řízený uživatelem díky zvládnutí interaktivních komponent. Naučíš se přidávat rozbalovací seznamy, výběry data a textová pole, která mění prvky v Dash aplikacích, a vybuduješ skutečně samostatné dashboardy, ve kterých se uživatelé sami zorientují.

Exercise 1: Callbacky v Dashi Exercise 2: Rozbalovací nabídka pro prodeje podle země Exercise 3: Oprava rozbité dashboardu Exercise 4: Interaktivní komponenty Exercise 5: Výběr data pro prodejní data Exercise 6: Callback pro výběr data Exercise 7: Posuvník pro data o prodejích Exercise 8: Znovupoužitelné komponenty v Dashi Exercise 9: Znovupoužitelné Dash komponenty Exercise 10: DRY stylování Dash komponentů Exercise 11: Uživatelské vstupy v komponentách Dash Exercise 12: Aktualizace názvu grafu Exercise 13: Analýza lokalit nejlepších zákazníků

Využij plný potenciál interaktivity Dash aplikací – spouštěj změny v jednom grafu, když uživatel klikne nebo najede myší na jiný. Navíc se seznámíš se základy modulu AG Grid pro Dash, který umožňuje vytvářet tabulky s jednoduchým filtrováním, řazením a stránkováním, a naučíš se, jak pomocí nich spouštět změny v dalších grafech.

Exercise 1: Interaktivita mezi prvky Exercise 2: Zobrazení klíčových statistik při přejetí myší Exercise 3: Najetí myší pro aktualizaci druhého grafu Exercise 4: Kliknutím aktualizuj jiný graf Exercise 5: Zřetězené callbacky Exercise 6: Podmíněné možnosti dropdownu Exercise 7: Rozšíření řetězce Exercise 8: Úvod do Dash AG Grid Exercise 9: Interaktivní tabulka klíčových statistik Exercise 10: Stránkování tabulky klíčových statistik Exercise 11: Vylepšení prodejního dashboardu Exercise 12: Interaktivita v Dash AG Gridu Exercise 13: Stylování tabulky klíčových statistik Exercise 14: Interaktivní tabulky v prodejním dashboardu Exercise 15: Závěrečné video