Aplikacje no-code z Bubble: Podstawowa struktura dashboardu

0:00Witam Cię w pierwszej lekcji trzeciego modułu, a w module tym skupimy się na

0:03sercu naszej aplikacji, czyli na budowie funkcjonalnego Dashboard u.

0:07Zaprojektujemy go w taki sposób, aby mogli

0:09z niego korzystać zarówno goście, jak i ości, a dodatkowo zadbamy również o to,

0:14aby nasz cały ten dashboard był w pełni responsywny.

0:18To zresztą mogę Ci udowodnić przechodząc do podglądu.

0:22Jak widzisz, zacznijmy od rozdzielczości 1440 pikseli.

0:28Tak będzie się prezentował nasz dashboard w domyślnym ustawieniu.

0:31Natomiast jeżeli przejdę do tych mniejszych rozdzielczości np.

0:331024.

0:35Tak widzisz, ta lewa kolumna nam się tutaj zdecydowanie zmniejsza.

0:38Prawa kolumna zniknęła całkowicie.

0:41A jeżeli przejdę do widoku 768

0:44to otrzymujemy tutaj to już menu dolne i dwie kolumny.

0:48Lewa i prawa znikają całkowicie.

0:51A więc wyjdźmy z tego lądu.

0:54I to, o czym jeszcze musimy pamiętać to

0:56fakt, że chce, aby całym tym nasz bardzie skierowała się

1:00tylko ta środkowa część, czyli tylko ta grupa, zarówna prawa kolumna jak i lewa

1:05oraz oczywiście nasz mają pozostać w tych samych pozycjach

1:09niezależnie od tego czy użytkownik będzie sprawował tą stronę czy nie.

1:12A więc skoro mamy już takie podstawowe wytyczne, to przejdźmy do pracy.

1:17Wracamy na stronę edytora.

1:20Jestem tutaj na stronie Dashboard, którą już wcześniej utworzyliśmy.

1:23Usunąłem z niej ten email oraz przycisk i to co zrobiłem jeszcze to.

1:28W sekcji Layout zmieniłem layout na ROW

1:31i oczywiście tutaj wystartowałem sobie elementy.

1:33Dodatkowo ustawiłem tutaj jeszcze

1:35standardowe rozmiary dla naszego buildera, czyli 1440 pikseli na 900.

1:40A więc teraz możemy przystąpić do pracy.

1:42W pierwszej kolejności będę chciał dodać

1:44lewą kolumnę, a więc wybieram Floating Group.

1:49Zmieniamy layout na all in to parent.

1:52Będę chciał, aby miała stałą szerokość równą 280 pikseli.

1:57Oznaczam sobie fit content, ponieważ chcę,

2:00aby mi się rozciągnęła na całą dostępną wysokość i pozbywam się min hita.

2:06Dodajmy jej jeszcze padding od dołu, z lewej i z prawej strony równe 32 piksele.

2:13Oczywiście zmieniamy jej nazwę.

2:16Będzie to menu left.

2:19Floating Group.

2:22I to co będę chciał zrobić, to dodać jeszcze tutaj takie obramowanie po prawej

2:26stronie, ale nie chcę skorzystać z bordera.

2:28Dlaczego?

2:29Ponieważ border dodawany jest dodatkowo do szerokości elementu.

2:33Czyli jeżeli ustawiliśmy tutaj stałą

2:35szerokość 280 pikseli i teraz to dałbym tutaj border o grubości jednego piksela po

2:40prawej stronie, to cały element zyska szerokość równą 281 pikseli.

2:45Ja nie chcę się martwić o to, czy dodałem ten border czy nie.

2:48Chcę mieć pewność, że ten element będzie miał taką szerokość, jaką dla niego

2:51zdefiniowałem, bez konieczności pamiętania o tych border.

2:54Jak to zrobić?

2:55Możemy tutaj w tym celu wykorzystać Shadow Style.

2:59Tym razem ustawiam go na insert, czyli do środka elementu.

3:03I tak Horizontal offset będę chciał go ustawić na minus jeden piksel.

3:08Dla pozostałych wartości ustawić go na 0.

3:14Zadziała to w ten sposób, że tu

3:16od tej krawędzi odsuniemy ten cień o jeden piksel po osi X.

3:20Dla pozostałych tutaj wartości mamy 0.

3:23Jeżeli wybierzemy teraz nasz kolor Neutral 300, to osiągniemy właśnie taki efekt.

3:28Jak widzisz mamy tutaj coś, co wygląda jak

3:30border, mimo że nim nie jest, a element ma dalej 280 pikseli.

3:35To co możemy teraz zrobić, to oczywiście powielić taką floating grupę.

3:41Zmienić jej nazwę na Android.

3:46Routing Group.

3:50Tutaj będę chciał wstawić.

3:53Horizontal offset na jeden piksel.

3:58Minus jeden tylko jeden, a całą tą grupę wyrównać do prawej krawędzi.

4:04Jak widzisz mamy teraz tutaj te

4:06odpowiednie dwie kolumny, a więc lewa i prawa część jest gotowa.

4:10Dodajmy teraz bar.

4:12Natomiast tak moglibyśmy dodać bar, który mamy tutaj utworzony jako

4:17element, ale ja będę chciał go dostosować specjalnie pod wymogi naszego Dashboard u.

4:22Dlatego też zamiast dodawać tam kolejne conditions, ale ja po prostu utworzę sobie

4:26kopię i dostosuję go odpowiednio pod dashboard.

4:29Mogę w tym celu przejść do.

4:31Tutaj i wybrać sobie, a w zasadzie nie tu, tylko tutaj.

4:35Ada New Isabel Element będzie to.

4:39FB.

4:41Dashboard RP.

4:45I chcę go sklonować z naszego na w bara, czyli wybieram na klonów Roma Real.

4:53I teraz wprowadźmy tutaj kilka zmian.

4:56Przede wszystkim.

4:58Mamy tutaj grupę na FB logo.

5:00Zerknijmy sobie na drzewka elementów.

5:03Ja będę chciał tak.

5:06Całą tą grupę na logo Wrapper Group zamienić na ww.

5:10group.

5:16Mamy tutaj jakieś condition ar, które ukrywał tą grupę.

5:19Pozbądźmy się go.

5:21I teraz tak wrzućmy tutaj tekst.

5:25Zwykły tekst.

5:28Pozbądź się tej grupy na dobre logo.

5:32To będzie Helsing piątego typu.

5:39Kolor zmieniam sobie tutaj na secondary.

5:43600.

5:45To, co będę chciał zrobić, to na razie wpiszmy tutaj na przykład póki.

5:53I teraz tak pozbądźmy się minimalnej szerokości white content.

5:57Pozbywamy się minimalnej wysokości.

5:59Chcę jeszcze trafiać w ten element w pionie.

6:02A więc tutaj mamy pierwszą grupę gotową.

6:05Mamy teraz grupę na w miarę links.

6:09Tutaj będę chciał odznaczyć widoczność

6:12tego elementu od razu na stronie i będę chciał go pokazywać tylko wtedy, kiedy.

6:20Current user.

6:21Mogę się teraz odnieść do niego, tylko oczywiście muszę sobie to.

6:25A może zróbmy tak po prostu Clear expression?

6:28I zacznijmy od początku.

6:29Odnoszę się do Current User, następnie do jego user type.

6:35I tutaj chcę powiedzieć, że jeżeli to jest host to ta grupa będzie widoczna.

6:41Teraz zmienię jej nazwę na Host Group.

6:49Dobrze przesuniemy sobie to.

6:52Pokażmy całą tą grupę.

6:54Ona się gdzieś tutaj powinna pojawić.

6:58Jest widoczna i do środka będę chciał dodać przycisk.

7:04Pozbyć się tego linku.

7:06I to ustawić na.

7:09Nazwał na New Listing.

7:19Dokładnie taka sama nazwa to będzie baton.

7:23W moim przypadku spróbujmy Secondary big.

7:30I jest to odpowiednio centrum.

7:32My ten element

7:34pozbądźmy się tutaj minimalnej szerokości featured, content i wysokość.

7:40Spróbujmy. 44 piksele.

7:44A więc ta grupa będzie się pojawiała w nadmiarze tylko wtedy, jeżeli typ

7:48użytkownika, który obecnie jest zalogowany mamy ustawiony na host, będzie mógł po

7:53prostu z tego miejsca utworzyć sobie nowy listing.

7:57Teraz tak ukryjemy tą grupę i

8:00tą grupę Serge, w której mamy właśnie tą naszą fajną wyszukiwarkę.

8:06Zmieńmy jej nazwę na gest grup.

8:10Jak się domyślasz tą grupę będę chciał

8:11pokazywać wtedy, kiedy te pół użytkownika jest równe.

8:16Właśnie gest.

8:18Czyli.

8:19Current user.

8:22User type i guest i wtedy.

8:27Ten element powinien być widoczny.

8:30A domyślnie powinny być oczywiście ukryte.

8:33I to się zgadza.

8:37Wydaje mi się, że to wszystko, co musieliśmy tutaj zrobić.

8:40Zresztą zaraz się o tym przekonamy.

8:42Wracamy sobie na stronę Dashboard u.

8:46I wrzucamy nasz nowo utworzony element.

8:55Zmieniam tylko na szybko jego nazwę.

8:59Tutaj wszystko się zgadza.

9:01To co chcę zrobić, to odsunąć go od lewej i prawej krawędzi o

9:06wartość równą szerokości tych grup, czyli 280 pikseli na 280 pikseli.

9:12I teraz przejdźmy.

9:15Może do podglądu i zobaczmy czy to działa tak jak powinno.

9:18A więc.

9:20Przychodzę tutaj.

9:22Jestem na stronie Dashboard.

9:23Zalogowałem się na konto demo Get.

9:27Wygląda na to, że wszystko jest ok.

9:31Jeżeli nie jesteś na tej stronie to

9:32wystarczy, że wejdziesz na stronę logowania i klikniesz button Login as demo

9:36guest i w ten sposób przejdziesz do strony aż do porodu.

9:40OK, to się zgadza.

9:41Chcę wyświetlać tą wyszukiwarkę dla konta gościa.

9:45Działa to otwieranie.

9:46A więc możemy przystąpić do dalszej pracy.

9:50I tak wracamy do edytora i dodajemy sobie

9:52tutaj grupę, która będzie zawierała cały content.

9:55Wstawiam ją w to miejsce i muszę go teraz odpowiednio podsuwać.

9:59Najpierw ustawiamy.

10:02Internet layout na row.

10:03Będę chciał centrowanie elementy w środku.

10:06I tak pozbywamy się minimalnej szerokości.

10:14Tak pozbywamy się minimalnej wysokości.

10:16Chce rozciągnąć wysokość na całą dostępną na stronie.

10:20I teraz odpowiednio podsuwamy tą grupę od góry o 91 pikseli.

10:27Z lewej 280 i z prawej 280.

10:32I dodajmy tutaj jeszcze padding.

10:35Równe 32 piksele z każdej strony.

10:40I będzie to dashboard content.

10:46Oczywiście.

10:50Podstawowa struktura jest już w zasadzie gotowa.

10:53A więc zacznijmy dodawać tutaj jeszcze inne elementy.

10:56A może w zasadzie zanim to zrobimy, to dodajmy tutaj jeszcze odpowiednie

11:00conditions, ale pierwszy standardowy będzie dotyczył Content Group.

11:05Domyślasz się pewnie, jakie to będzie?

11:07Odniesiemy się do Page with.

11:11Mniejsze, równe 7, 6, 8.

11:16I w tym dlatego, bo jak

11:19odnosimy się do puddingu z lewej i prawej strony, czyli left pudding?

11:25Right padding i zmieniamy go na szesnaście pikseli.

11:29To jest nasz standard.

11:31Natomiast chcę jeszcze tutaj dodać kolejny condition.

11:36Przesunąć go na samą górę, ponieważ tym

11:38razem chcę się odnieść do bardzo dużych rozdzielczości, a mianowicie do.

11:43Karen Page Five.

11:45Większe, równe 1920 pikseli.

11:50Są to już duże ekrany, także łapią się w tej rozdzielczości np.

11:54ekrany 4K na Makach, a więc tutaj będę chciał.

11:59Zmienić padding.

12:02Tym razem wszystkie.

12:08O ile dobrze pamiętam.

12:09Jeszcze tylko zerknę na wzorzec.

12:16Nie.

12:16W zasadzie nie wszystkie, tylko lewy i prawy.

12:18OK, czyli mogę sobie.

12:21Odnieść się tylko do puddingu z lewej i puddingu z prawej.

12:27I w tym przypadku chcę go zmienić na 64 piksele.

12:32Teraz tak kopiuję sobie ten condition, ale.

12:36I odnoszę się zarówno do lewej jak i prawej.

12:41Stawiam tutaj. I teraz.

12:44Dlatego projekt równego albo większego od 1920 pikseli

12:49zwiększamy te padding i dodatkowo jeszcze chcę.

12:52Szerokość ustalić na.

12:55376 pikseli.

12:59Kopiuje.

13:01I wklejam tutaj.

13:04Oczywiście pass condition.

13:08Teraz chcę dodać kolejny warunek.

13:12Tym razem na prawej kolumny.

13:15Odnoszę się do.

13:21Tym razem będzie to mniejsze, równe 1200.

13:29I tak dalej.

13:31Dlatego brak bądź będę chciał całkowicie ukryć tę kolumnę.

13:35Czyli to jest element Invisible.

13:37Nie ma ona być niewidoczna.

13:40Mamy tutaj.

13:41Aha, mamy tutaj Floating Group, więc nie musimy dbać o collapse hidden.

13:48Kopiuję ten warunek.

13:51Wklejam go sobie tutaj.

13:53I tym razem będę chciał tylko zmienić szerokość.

13:59Na 108 pikseli zeszło.

14:03Zaraz zobaczysz dlaczego te wymiary są właśnie takie.

14:08Natomiast przejdźmy do.

14:11Trybu responsive i zerknijmy jak to będzie działało.

14:17Jestem na szerokości 1. 200.

14:19Prawa kolumna zniknęła ok.

14:22I tu się skurczyły. Ta grupa.

14:25Musimy teraz zadbać o to, aby właśnie te

14:28marginesy tutaj odpowiednio się powstawały.

14:31Czyli mogę sobie wkleić condition i odnieść się do marginesów i.

14:38Evie margines.

14:40Zmniejsza się do 108 pikseli.

14:46A prawy margines do zera, bo ta grupa całkowicie zniknęła.

14:53Kopiujemy ten condition i dodajemy go oczywiście tutaj.

14:59Musimy go tylko przesunąć.

15:02OK, teraz nam się tutaj to całkiem fajnie.

15:06Wyrównuje wszystko, natomiast tak przechodza jeszcze do tej grupy.

15:12I dodaje kolejny Condition all.

15:15A że widzisz odpowiednio to sobie

15:17wcześniej przeliczyłem, dlatego wiem jakie wartości poustawiać.

15:20Natomiast jeżeli będziesz sam tworzył

15:22takie dashboard, to jak doskonale wiesz jest to metoda prób i błędów.

15:26Trzeba dojść do odpowiednich wartości.

15:29Tutaj chcę się tym razem odnieść do 768 pikseli.

15:36I w tym przypadku po prostu ukryć całą tą

15:39lewą kolumnę, czyli ukrywamy ją w ten sposób.

15:44Musimy zadbać o to, aby dostosować teraz i tą grupę z contentem.

15:48Dlatego brak tu.

15:51A więc przechodzę sobie najpierw do Bara Jam condition all.

15:57I w tym przypadku odnoszę się do margin left.

16:01A w zasadzie left margin i ustawiam go na zero i to samo robię.

16:08Tutaj Dashboard Content Group.

16:11Tu mamy padding, a więc mogę się tutaj wstrzelić właściwością left margin.

16:19Równe zero, ale za to bottom margin.

16:25W tym przypadku na wartość równą 76 pikseli.

16:30To co możemy teraz zrobić, to wrócić do Buildera.

16:34I dodać kolejną floating grupę.

16:39OK, wskoczyła nie tu gdzie trzeba.

16:42Więc muszę ją sobie wyciąć.

16:44Ustawić bezpośrednio na stronę.

16:48Zmienić jej nazwę na Bombaj.

16:53Floating Group.

16:56I tak to będzie ROW.

16:59Pozbywamy się minimalnej szerokości.

17:02Chcę tutaj ustawić stałą wysokość równą 76

17:05pikseli, czyli tyle, o ile usunęliśmy ten margines dolne.

17:10Dodać tutaj padding równe 16 pikseli z każdej strony.

17:17Przesunąć ten element do dolnej krawędzi.

17:22I domyślnie go ukrywamy.

17:25Jak się domyślasz, pokazujemy dopiero wtedy.

17:28Kiedy szerokość strony jest mniejsza równa 768 pikseli.

17:35I tak teraz by nam się to zgadzało.

17:37Jeszcze tutaj musimy dodać border, który nie jest border w tym przypadku.

17:42Tutaj zależy nam na osi Y, a więc odnosimy się do insert.

17:47Horizontal offset 0 vertical offset w tym przypadku minus 1.

17:52Pozostałe wartości na 0 i na standardowe color, czyli Neutral 300.

17:58Zerknijmy teraz.

18:00Powinno być dobrze.

18:01Zaraz sobie możemy to sprawdzić.

18:02Zresztą w trybie responsive.

18:05Przejdźmy do widoku default owego.

18:07Mamy lewą kolumnę, mamy prawą. Mamy content.

18:10Mamy na.

18:12Taka 1. 200.

18:13Prawa kolumna nam znika, lewa się kurczy,

18:16dla 768 znika nam lewa kolumna, pojawia się menu dolne.

18:21Wygląda na to, że wszystko jest ok.

18:24Tak mi się przynajmniej wydaje.

18:28Zerknijmy sobie na Buildera.

18:32OK, może zacznijmy dodawać kolejne elementy, zwłaszcza tej lewej grupie.

18:38Wstawiam więc tutaj kolejną grupę.

18:41Będzie to.

18:43Menu left.

18:46Top Group.

18:49Layout chcę zmienić na kolumn.

18:52Dodać tutaj Deep Space Ink równe 32 piksele.

18:57Ten element chcę tutaj.

18:58W ten sposób sobie wycenę ować.

19:01I tak pozbywamy się minimalnej szerokości.

19:07Minimalna wysokość może tutaj chwilowo zostać.

19:11Zaraz sobie to odpowiednio dostosujemy.

19:15Natomiast będę chciał wrócić.

19:19Na do naszego głównego.

19:23O właśnie i skopiować sobie całą grupę na wzór logo Group.

19:30Przechodzimy do strony Dashboard.

19:33I wstawiamy ją tutaj do menu Left Top Group.

19:40Tak w centrum ten element.

19:46Co tu się dzieje? OK.

19:48Oczywiście tutaj, nie tutaj.

19:50I tylko tak chcę zmniejszyć rozmiar logo na 44 piksele.

20:02To, co chcę zrobić tutaj.

20:04Tak column gap pozostawić.

20:08Dajmy tutaj może tak stałą wysokość równą 90 pikseli.

20:20Odznaczamy sobie fit fit tu content.

20:25Centrum elementy w środku, jeszcze w centrum.

20:29Ten element tutaj w pionie

20:32i teraz cała ta grupa na wysokość jest równa naszemu wyborowi.

20:36A więc mamy tutaj już całkiem fajny element.

20:39W kolejnej lekcji wstawimy tutaj jeszcze menu.

20:41Natomiast ja chciałbym dodać pozostałe elementy tutaj na dole.

20:45Wstawiam więc tutaj kolejną grupę

20:47i tym razem chcę ją przesunąć do dolnej krawędzi.

20:52Będzie to.

20:55Menu.

20:57Nawet Bottom Group.

21:03Tak tutaj znowu ustawiamy sobie kolumn.

21:08RW Gap ustawiam tym razem na 16 pikseli.

21:13Pozbywamy się tutaj minimalnej szerokości.

21:16Minimalną wysokość zaraz sobie wyzeruje.

21:20Padding top chcę ustawić na 24 piksele.

21:24Tym razem możemy dodać już normalny border.

21:27Nie interesuje mnie zachowanie tych

21:29stałych wymiarów, a więc border top, bo ten jest mi potrzebny.

21:36I tutaj.

21:40Nasz standardowy kolor.

21:44Teraz zerknijmy tak ustawmy najpierw grupę.

21:48Mamy tu chyba grupę Group Icon.

21:52Ona tutaj się prezentuje.

21:55Mamy border, mamy zaokrąglenie narożników, mamy flat color.

21:59Możemy sobie kliknąć detale.

22:00Ponieważ będę chciał to delikatnie pozmieniać.

22:05Background color domyślnie ustawić na białe.

22:09Przejść do layoutu, zmienić go na align tu parent.

22:14Ustalić tutaj stałą wysokość i szerokość równą 44 piksele.

22:22Będzie to.

22:26Lub Center Icon Group.

22:33Tak do środka będę chciał wstawić ikonkę oczywiście z naszego pakietu ikon WiFi.

22:41Tak jej wymiary.

22:43To 24 na 24 piksele.

22:49Przechodzimy do Appearance.

22:50Jest to taka ikonka Color Primary 600.

22:56Będzie to po prostu Help Center Icon.

23:03Kolejno dodaję tutaj jeszcze tekst.

23:12W tym przypadku będzie to body MD 16 pikseli 500.

23:21Kolor zmieniam na kolor secondary.

23:26Tekst na Help Center.

23:31Oczywiście.

23:33Pozbywamy się tutaj minimalnej szerokości.

23:37Mogę sobie zaznaczyć content.

23:40Teraz chcę zgrupować ten tekst oraz całą grupę z ikonką container.

23:49Będzie to jak się domyślasz po prostu Help Center Glob.

23:57Chcę sobie w centrali dać w pionie ten tekst.

24:04A elementy w środku odsunąć o 12 pikseli.

24:10Czyli kolumn GAP 12 pikseli.

24:16Kolejno zaznaczam i powiadam całą tą grupę.

24:20I tym razem będzie to Lock Out Group.

24:30Zmieniamy oczywiście tekst.

24:39I oczywiście tutaj nazwy na loga ikon grup.

24:47Ikonka log out icon.

25:01A sama ikonka nosi taką nazwę.

25:05Teraz zaznaczam całą tą grupę menu Left

25:08Bottom Group i pozbywam się minimalnej wysokości.

25:12Przejdźmy do podglądu i zerknijmy jak nam się to teraz prezentuje.

25:19Wygląda całkiem fajnie.

25:20Tutaj mamy jakiś problem z marginesy sami.

25:25Do naszego biura.

25:28Więc teraz musimy zerknąć.

25:29Aha, oczywiście już wiem o co chodzi.

25:31Ja jestem teraz na bardzo dużej rozdzielczości.

25:34Czyli jak pamiętasz, mamy tutaj ten break point większe, równe 1920 pikseli.

25:40Muszę go sobie skopiować i przejść do.

25:45Naszego na w bara.

25:48Wstawić go na samą górę.

25:52I tutaj.

25:54Ustawić odpowiednie marginesy, czyli left margin.

26:01I write margin na 376 pikseli.

26:09I to samo dodać tutaj dla content grupy mamy tutaj padding.

26:14OK, to możemy wstawić sobie tutaj margin left.

26:18I margin right.

26:23376.

26:27Teraz dopiero przejdźmy do Batman odświeżony.

26:32I wygląda na to, że wszystko jest w porządku, a my

26:36mamy grupę z contentem, którą będziemy uzupełniać w kolejnych lekcjach.

26:40Mamy początek naszej lewej grupy.

26:42Tutaj z logotypem i tutaj z opcjami Help Center i Log out.

26:48To co możemy zrobić, to w zasadzie dodać

26:50tutaj pierwsze workflow, które pozwoli nam wylogować użytkownika.

26:54A więc wracam do edytora.

26:57Zaznaczam sobie całą tą grupę Log Out Group i dodaję do niej workflow.

27:02Która po prostu zaloguje mi użytkownika, a kolejno przeniesie go na stronę.

27:10Zanim, czyli stronę naszego logowania.

27:13Wróćmy jeszcze na chwilę do dizajnu.

27:17I tak przy szerokości 1.

27:19200 pikseli.

27:21Ta cała nasza grupa jak pamiętasz się

27:22kurczy, a kurczy się w ten sposób, że chcę, żeby tutaj zostały same ikonki.

27:28A więc zaznaczam sobie ten tekst.

27:31Sklep Center.

27:34Klikam collapse hidden i odnoszę się do page ów.

27:40Mniejsze, równe tysiąc dwieście.

27:44Ja oczywiście chcę ukryć ten tekst.

27:47To samo.

27:49Co zrobić tutaj dla tego tekstu?

27:54Też chcę go ukryć. I to samo tutaj.

27:57Dlatego.

28:03Przejdźmy teraz do trybu responsive.

28:05Przełączamy się w 1200. Jest ok.

28:08Zostaje sama ikonka z logotypem i tutaj te ikonki do help center i log out.

28:14A więc nasza praca w tej lekcji jest zakończona.

28:16Dziękuję Ci za uwagę i widzimy się już za moment.