-
Lekcja 3. Niech to ożyje! Przełamujemy nudę przyciskami i suwakami
Do tej pory nasza aplikacja przypominała trochę plakat na ścianie – ładnie sformatowany, kolorowy, ale kompletnie nieruchomy. Można było na niego popatrzeć, przeczytać tekst, ale nic poza tym. Prawdziwa magia Streamlit zaczyna się jednak wtedy, gdy pozwolisz użytkownikowi „dotknąć” Twojej aplikacji. Wyobraź sobie aplikację do wyceny mieszkań, w której użytkownik może sam ustawić metraż, albo…
-
Lekcja 2.4 Pułapka na emoji: Dlaczego :alarm_clock: wywala błąd?
Podczas rozwiązywania zadania z poprzedniego rozdziału – system powiadomień, część z Was mogła zobaczyć w przeglądarce taki oto czerwony komunikat o błędzie: streamlit.errors.StreamlitAPIException: The value „:alarm_clock:” is not a valid emoji. Shortcodes are not allowed, please use a single character instead. O co tutaj chodzi? Przecież w poprzedniej lekcji kody z dwukropkami działały! To jedna…
-
Lekcja 2.3 Alerty – czyli kolorowe ramki dla ważnych komunikatów
Oto kod, który poprawnie formatuje opinie naszych klientów przy użyciu Markdown: import streamlit as st st.header(„Co mówią nasi klienci?”) # Lista z pogrubieniem i kursywą przy użyciu trzech cudzysłowówst.markdown(„””* Anna: „**Najlepsze** espresso w mieście!”* Tomasz: „*Klimatyczne* miejsce.””””) # Podsumowanie z wykorzystaniem kodu emojist.markdown(„Dziękujemy za wszystkie opinie! :heart:”) Dotarliśmy do ostatniego elementu naszej wizualnej układanki! Masz…
-
Lekcja 2.2 Markdown – czyli tekst z supermocami
Rozwiązanie ćwiczenia z poprzedniego wpisu import streamlit as st # 1. Wielki tytułst.title(’Kawiarnia „Aroma”’) # 2. Średni nagłówek z niebieską liniast.header(„Nasze Menu”, divider=”blue”) # 3. Mały podtytułst.subheader(„Kawy Klasyczne”) # 4. Zwykły tekstst.write(„Espresso – 9 zł, Cappuccino – 12 zł”) Wiesz już jak tworzyć wielkie nagłówki i mniejsze podtytuły . A co, jeśli chcesz zmodyfikować zwykły…
-
Lekcja 2.1 Nagłówki – czyli jak zrobić porządek w aplikacji
Wyobraź sobie, że otwierasz gazetę, w której każdy artykuł jest napisany dokładnie tą samą małą czcionką. Nie ma wielkich tytułów ani wyróżnionych sekcji. Ciężko byłoby się połapać, gdzie kończy się jeden temat a zaczyna drugi, prawda? Dokładnie tak samo czuje się użytkownik Twojej aplikacji, gdy widzi w niej tylko zwykły tekst. Potrzebujemy czegoś, co przyciągnie…
-
Lekcja 2: Wygląd ma znaczenie, czyli jak okiełznać tekst w Streamlit
Sam działający kod to dopiero połowa sukcesu. Twoja aplikacja może przetwarzać gigabajty danych w milisekundy, ale jeśli podasz wyniki jako ścianę surowego tekstu, użytkownik ucieknie po kilku sekundach. Ludzkie oko potrzebuje punktów orientacyjnych. Musi wiedzieć, co jest ważnym wnioskiem, co tytułem sekcji, a co krytycznym ostrzeżeniem. W tym rozdziale porzucimy nudny, domyślny styl i przejdziemy…
-
Lekcja 1.4 Zanurkowanie w kod czyli jak to właściwie działa
Skoro Twoja pierwsza aplikacja już działa, czas zajrzeć pod jej maskę. Napisaliśmy zaledwie trzy linijki kodu, ale każda z nich wykonuje ogromną pracę. Rozłóżmy je na czynniki pierwsze. Linijka 1: import streamlit as st Linijka 2: st.title(„Hello World!”) Linijka 3: st.write(„Witaj świecie! To moja pierwsza aplikacja…”) Działanie w tle: Jak działa komenda streamlit run? Gdy…
-
Lekcja 1.3 Twój pierwszy kod w Streamlit
Środowisko mamy już gotowe, biblioteka Streamlit została już zainstalowana – czas na najlepsze. Napiszemy teraz kod który zmieni zwykły plik tekstowy w działającą aplikację internetową. Krok 1: Piszemy kod Wróć do swojego pustego pliku po prawej stronie edytora (czyli to co pozostało po skasowaniu całości powitalnego pliku 'main.py’ w poprzednik kroku) wklej lub wpisz dokładnie…
-
Lekcja 1.2 Instalacja Streamlit
Zanim zaczniemy, upewnij się że masz zainstalowanego Pythona na swoim komputerze. Krok 1: Tworzenie nowego projektu Najpierw utwórzmy czysty projekt w Twoim edytorze kodu (IDE, np. PyCharm): Krok 2: Otwarcie terminala Teraz musimy uruchomić wbudowany terminal:* Kliknij menu (trzy kreski w lewym górnym rogu) -> View -> Tool Windows -> Terminal. Krok 3: Instalacja biblioteki…
-
Lekcja 1.1 Czym jest Streamlit i dlaczego warto go znać
Streamlit to framework (gotowy zestaw narzędzi, bibliotek i reguł) stworzony z myślą o programistach Pythona, analitykach danych oraz twórcach sztucznej inteligencji (AI). Zamiast budować osobno beckend i frontend, piszesz czysty kod w Pythonie, a Streamlit automatycznie generuje nowoczesny, responsywny interfejs w przeglądarce. Zanim zaczniemy upewnijmy się że masz zainstalowanego Pythona (ja osobiście mam 3.14.5) na…
