Esercitati con il posizionamento

Far apparire gli oggetti esattamente dove vuoi è uno dei punti di forza del CSS. Ti sono stati forniti tre esempi CSS letti come variabili stringa (css_1, css_2, css_3). Puoi stamparli in console!

Quale di questi farebbe apparire un oggetto con questo CSS accanto a un altro?

Questo esercizio fa parte del corso

Creare dashboard con Dash e Plotly

Visualizza corso

esercizio interattivo pratico

Trasforma la teoria in pratica con uno dei nostri esercizi interattivi

Inizia esercizio

Questo esercizio fa parte del corso

Creare dashboard con Dash e Plotly

IntermediárioNível de habilidade

4.8+

Inizia il corso gratuitamente

Porta Plotly al livello successivo con Dash. Dopo un rapido ripasso di Plotly, passerai subito a costruire la tua prima app Dash. Poi farai conoscenza con HTML e con il modo in cui Dash sfrutta questo linguaggio fondamentale del web per strutturare app Dash di maggiori dimensioni. Infine, metterai insieme il tutto nel tuo primo dashboard multi-grafico per un’organizzazione di e-commerce globale.

Exercise 1: Grafici e figure Plotly Exercise 2: Grafico a linee delle vendite per paese Exercise 3: Grafico a barre delle vendite per paese Exercise 4: Da Plotly a Dash Exercise 5: Il codice base di un'app Dash Exercise 6: Vendite in un'app Dash Exercise 7: Posizionare i componenti di Dash Exercise 8: Combinare HTML e Dash Exercise 9: Una bozza di dashboard delle vendite

Prendi il controllo degli elementi nelle tue app Dash con HTML e CSS. Scopri cosa sono e perché sono al centro dello sviluppo web moderno, quindi integra le loro potenti funzionalità nelle tue app Dash per modificare dimensioni, colori e posizionamento dei tuoi oggetti.

Exercise 1: HTML in Dash Exercise 2: Aggiungere loghi e note Exercise 3: Aggiungere un elenco HTML a Dash Exercise 4: Nozioni di base di CSS in Dash Exercise 5: Applicare lo stile a un'app Dash con CSS Exercise 6: Passare alla Dark Mode Exercise 7: CSS avanzato in Dash Exercise 8: Esercitati con il posizionamento

Esercizio attuale

Exercise 9: Un dashboard delle vendite rifinito Exercise 10: Controllare il layout degli oggetti

Trasforma le tue app Dash in esperienze guidate dall’utente padroneggiando i componenti interattivi. Impara a includere menu a discesa, selettori di date e campi di testo libero per modificare gli elementi nelle tue app Dash e creare dashboard davvero self-service che gli utenti possano esplorare.

Exercise 1: Callback in Dash Exercise 2: Un menu a discesa per le vendite per paese Exercise 3: Correggere un dashboard malfunzionante Exercise 4: Componenti interattivi Exercise 5: Selettore data per i dati di vendita Exercise 6: Un callback con date picker Exercise 7: Slider per i dati di vendita Exercise 8: Componenti riutilizzabili di Dash Exercise 9: Riutilizzare i componenti di Dash Exercise 10: Stile DRY per i componenti Dash Exercise 11: Input dell'utente nei componenti Dash Exercise 12: Aggiornare il titolo di un grafico Exercise 13: Analizzare le località dei clienti top

Sprigiona tutta la potenza dell’interattività nelle app Dash attivando cambiamenti in un grafico quando l’utente fa clic o passa il mouse su un altro grafico. Inoltre, imparerai le basi del modulo AG Grid di Dash per creare tabelle facilmente filtrabili, ordinabili e paginabili, che possono anche attivare modifiche in altri grafici.

Exercise 1: Interattività tra elementi Exercise 2: Genera statistiche chiave al passaggio del mouse Exercise 3: Passa il mouse per aggiornare un altro grafico Exercise 4: Clicca per aggiornare un altro grafico Exercise 5: Callback concatenati Exercise 6: Opzioni condizionali nel menu a discesa Exercise 7: Estendere la catena Exercise 8: Introduzione a Dash AG Grid Exercise 9: Tabella interattiva delle statistiche chiave Exercise 10: Paginare una tabella di statistiche chiave Exercise 11: Potenziare la dashboard delle vendite Exercise 12: Interattività di Dash AG Grid Exercise 13: Stilizzare una tabella di statistiche chiave Exercise 14: Tabelle interattive del cruscotto vendite Exercise 15: Video di riepilogo