Aplikacje no-code z Bubble: Podsumowanie pracy

0:00Cześć!

0:01Nadszedł ten moment, byśmy podsumowali naszą dotychczasową pracę.

0:04Nasza aplikacja jest już w pełni gotowa, a

0:07przynajmniej pod kątem zadań, które postawiliśmy sobie w tym sprincie,

0:10więc czas na sprawdzanie tego, co udało nam się zrobić.

0:13A było tego naprawdę dużo.

0:15Strona startowa była pierwszą, którą zbudowaliśmy w całości od podstaw.

0:19Dzięki niej poznaliśmy nie tylko

0:21podstawowe komponenty Babel, za pomocą których budujemy współczesne aplikacje,

0:25ale poruszyliśmy również wiele innych ważnych tematów, takich jak A 800.

0:30Dzięki nim byliśmy w stanie zarządzać

0:32danymi z poziomu zaplecza naszej aplikacji.

0:35I nawet mimo tego, że w wielu przypadkach

0:37zastosowaliśmy je tam, gdzie domyślnie powinna się pojawić baza danych, to główny

0:41cel, jakim było zapoznanie się z tym tematem uważam za odhaczone.

0:46Nauczyliśmy się również jak tworzyć listy w Babel z wykorzystaniem Reporting Group,

0:50jak rozszerzać ich funkcjonalność poprzez tworzenie i wykorzystanie Jerusalem

0:54Element, a także jak przekazywać i odbierać dane w takich elementach.

0:58Dzięki sekcji newslettera udało mi się przekazać Ci podstawową wiedzę o tym, w

1:02jaki sposób ja pracuję z plikami firmy, jak za pomocą różnych i weeks składam

1:07swoje aplikacje w jedną funkcjonalną całość.

1:10Oczywiście nie zabrakło tu również innych bardzo ważnych tematów, takich jak element

1:14video, przesuwny, lista, funkcjonalne pluginy, które są nieodłącznym elementem

1:18każdej aplikacji oraz to w jaki sposób wyposażyć naszą stronę.

1:22Funkcjonalny dashboard i footer.

1:25Strona Search pozwoliła nam poznać i wykorzystać praktyce custom State do

1:29stworzenia interesującej wyszukiwarki na barze.

1:32Dodatkowo wykorzystaliśmy również

1:34odpowiednie workflow do wyświetlić nasz popup z filtrami,

1:37a przy okazji wzbogaciliśmy również naszą aplikacja funkcjonalną mapę.

1:42Dzięki stronie listingu dowiedziałeś się,

1:44w jaki sposób możemy wykorzystywać workflow i pasek adresu URL do tego, by za

1:48pomocą odpowiednich parametrów przekazywać dane pomiędzy stronami.

1:52Wiemy, jakie przesyłać, a także jak je

1:54później odpowiednio pobierać i wyświetlać na stronie.

1:57W kolejnym sprincie rozszerzymy tą wiedzę

1:59o przekazywanie danych już bezpośrednio z naszej bazy danych, a nie z Option Set.

2:04Równie ważne dla działania naszej aplikacji są strony autentykacji, czyli

2:08rejestracji, logowania oraz przypomnienia hasła.

2:11Dzięki nim dowiedziałeś się, że zarządzanie użytkownikami w Babel i ich

2:15obsługa jest niesamowicie prosta, a całość sprowadza się do wykorzystania

2:18odpowiednich akcji oraz wbudowanego typu danych.

2:21O to zadbali już dla nas twórcy edytora.

2:23Nie możemy także zapomnieć o stronie od brandingu, którą chwilowo tylko za

2:27modelowanie mamy, ale jej pełen potencjał wykorzystamy w następnym sprincie.

2:32Kolejnym ważnym aspektem każdej aplikacji jest RWD.

2:35Mam nadzieję, że udało mi się przekazać Ci przynajmniej podstawową wiedzę o tym, czym

2:39jest Responsive Web Design, a także jak zadbać o to, by naszą

2:42aplikację dostosować w ten sposób, by dobrze prezentowała się zarówno na dużych

2:46ekranach desktopowych, jak i ekranach tabletów lub urządzeń mobilnych.

2:51Ostatnim, ale nie mniej ważnym elementem

2:53całej układanki jest funkcjonalny dashboard, więc przejdźmy do niego.

3:00Zadbaliśmy o to, aby był w pełni responsywny i dostosowany do dwóch typów

3:04kont użytkowników, jakie chcemy posiadać w naszej aplikacji.

3:08Staraliśmy się zaprojektować go w ten

3:09sposób, by nasi użytkownicy mogli intuicyjnie znaleźć w nim wszystko, czego

3:13potrzebują i dzięki temu w prosty sposób zarządzać swoim kontem.

3:17To tu dowiedziałeś się czym jest podejście SPA, czyli Signal Page Application.

3:22Jakie są jego zalety i ewentualne wady,

3:25a także jak możemy podzielić ścieżkę URL na poszczególne segmenty i w ten sposób

3:30odpowiednio przekazywać i odczytywać dane, które w naszym przypadku pozwoliły nam na

3:34wdrożenie prostego, ale funkcjonalnego menu.

3:37Dodatkowo wzbogaciliśmy UX naszej aplikacji, dbając o to, by zagospodarować

3:41prawą kolumnę, a także o to, aby przygotować odpowiednie

3:44widoki zarówno dla stanu empty, jak i full state.

3:49A na sam koniec pozostało nam tylko dodać kilka wymaganych podstron, takich jak

3:53strona bookingu, którą właśnie widzisz teraz na ekranie swojego monitora

3:58lub strona profilowana, której możemy przejść z tego miejsca.

4:03I która będzie w przyszłości wyświetlała dane o naszym użytkowniku.

4:07Jak więc widzisz, za nami ogromna ilość

4:08pracy i wysiłku włożona w to, by stworzyć podstawy naszej aplikacji.

4:12Pamiętaj jednak o tym, że to dopiero

4:14czubek góry lodowej i funkcjonalności, jakie oferuje nam Babel.

4:17Ale o tym, co czeka nas dalej porozmawiamy sobie już w kolejnej lekcji.