Exersăm plasarea elementelor

Unul dintre cele mai puternice aspecte ale CSS este că îți permite să controlezi exact unde apar obiectele. Ai la dispoziție trei exemple de CSS, citite ca variabile de tip string (css_1, css_2, css_3). Le poți afișa în consolă!

Care dintre acestea ar face ca un obiect cu acest CSS să apară lângă un altul?

Acest exercițiu face parte din cursul

Crearea dashboardurilor cu Dash și Plotly

Exercițiu interactiv practic

Transformă teoria în practică cu unul dintre exercițiile noastre interactive

Începe exercițiul

Acest exercițiu face parte din cursul

Crearea dashboardurilor cu Dash și Plotly

SkillTag.level.intermediateSkillTag.label

4.8+

Începe cursul gratuit

Du Plotly la nivelul următor cu Dash. După o scurtă recapitulare a Plotly, vei trece direct la construirea primei tale aplicații Dash. Vei face apoi cunoștință cu HTML și vei vedea cum Dash folosește acest limbaj esențial de dezvoltare web pentru a structura aplicații mai complexe. La final, vei combina toate acestea într-un prim dashboard cu mai multe grafice pentru o organizație de e-commerce globală.

Exercise 1: Grafice și figuri Plotly Exercise 2: Grafic liniar al vânzărilor pe țară Exercise 3: Grafic de bare al vânzărilor pe țară Exercise 4: De la Plotly la Dash Exercise 5: Codul de bază al unei aplicații Dash Exercise 6: Vânzări într-o aplicație Dash Exercise 7: Poziționarea componentelor Dash Exercise 8: Combinarea HTML cu Dash Exercise 9: Un dashboard de vânzări în variantă draft

Preia controlul asupra elementelor din aplicațiile tale Dash cu ajutorul HTML și CSS. Află ce reprezintă fiecare dintre acestea și cum stau la baza dezvoltării web moderne, apoi folosește-le în aplicațiile Dash pentru a modifica dimensiunea, culoarea și poziționarea obiectelor.

Exercise 1: HTML în Dash Exercise 2: Adăugarea de logo-uri și note Exercise 3: Adăugarea unei liste HTML în Dash Exercise 4: Noțiuni de bază CSS în Dash Exercise 5: Stilizarea unei aplicații Dash cu CSS Exercise 6: Trecerea la Modul Întunecat Exercise 7: CSS avansat în Dash Exercise 8: Exersăm plasarea elementelor

Exercițiul curent

Exercise 9: Un dashboard de vânzări rafinat Exercise 10: Controlul aspectului obiectelor

Transformă aplicațiile Dash în experiențe conduse de utilizator, stăpânind componentele interactive. Învață să incluzi liste derulante, selectoare de date și câmpuri de text liber pentru a modifica elementele din aplicațiile Dash și construiește dashboarduri cu adevărat autonome, pe care utilizatorii le pot explora singuri.

Exercise 1: Callback-uri în Dash Exercise 2: Un meniu derulant pentru vânzările pe țări Exercise 3: Repararea unui dashboard defect Exercise 4: Componente interactive Exercise 5: Selector de dată pentru datele de vânzări Exercise 6: Un callback pentru selectorul de dată Exercise 7: Slider pentru datele de vânzări Exercise 8: Componente Dash reutilizabile Exercise 9: Reutilizarea componentelor Dash Exercise 10: Stilizare DRY a componentelor Dash Exercise 11: Intrări ale utilizatorului în componentele Dash Exercise 12: Actualizarea titlului unui grafic Exercise 13: Analiza locațiilor celor mai valoroși clienți

Valorifică din plin interactivitatea aplicațiilor Dash declanșând modificări într-un grafic atunci când utilizatorul face clic pe alt grafic sau trece cu cursorul peste el. În plus, vei învăța elementele de bază ale modulului AG Grid din Dash pentru crearea de tabele care pot fi filtrate, sortate și paginate cu ușurință, precum și pentru a declanșa modificări în alte grafice.

Exercise 1: Interactivitate între elemente Exercise 2: Generează statistici cheie la hover Exercise 3: Hover pentru a actualiza un alt grafic Exercise 4: Clic pentru actualizarea unui alt grafic Exercise 5: Callback-uri înlănțuite Exercise 6: Opțiuni condiționate în dropdown Exercise 7: Extinderea lanțului Exercise 8: Introducere în Dash AG Grid Exercise 9: Tabel interactiv cu statistici cheie Exercise 10: Paginarea unui tabel cu statistici cheie Exercise 11: Îmbunătățirea dashboard-ului de vânzări Exercise 12: Interactivitate cu Dash AG Grid Exercise 13: Stilizarea unui tabel cu statistici cheie Exercise 14: Tabele interactive în dashboardul de vânzări Exercise 15: Video de încheiere