od Podstaw
6 godz. 34 min · Bubble · Full-stack i Programowanie
Krzysiek PiekarzAutomation Specialist / No-code DeveloperZapomnij o ręcznym pisaniu kodu i żmudnym tworzeniu stron www lub aplikacji! Wykorzystując przejrzysty edytor Bubble będziemy w stanie rozpocząć naszą pracę od czystej kartki i wyklikać cały układ bezpośrednio w interfejsie. Dodatkowo pokażę Ci w jaki sposób można wdrożyć do projektu w pełni funkcjonalną logikę obsługi użytkowników nawet wtedy, gdy nie posiadasz żadnej wiedzy programistycznej. A to wszystko w niemal ekspresowym tempie i bez zbędnych konfiguracji, które bywają zmorą programistów.
Edytor zapewnia spójny i intuicyjny interfejs, dzięki któremu stworzenie nawet skomplikowanej aplikacji staje się wyjątkowo proste. Dodatkowo wbudowana baza danych sprawia, że nie musimy korzystać z żadnych zewnętrznych rozwiązań a zarządzanie nią jest na tyle intuicyjne, że poradzi sobie z tym nawet niedoświadczony użytkownik. Kolejną zaletą jest dostęp do ogromnej biblioteki pluginów, dzięki którym będziemy mogli wzbogacić naszą aplikację o obsługę płatności, analitykę, SEO i wiele więcej.
Niemal wszystko, z wykorzystaniem Bubble bezproblemowo stworzymy klony takich serwisów jak: Twitter, Asana, Todoist, AirBnB, Trip Advisor lub Yelp. Edytor pozwala stworzyć w pełni funkcjonalną aplikację w ciągu nawet kilku dni! Dzięki temu nie będziemy musieli przepalać naszego budżetu na zewnętrzne software house, którym wdrożenie podobnych rozwiązań może zająć tygodnie pracy.
W tym kursie skupimy się na podstawach pracy z edytorem, tak aby korzystanie z niego stało się dla Ciebie naturalne. Wykorzystamy w praktyce zakładkę Design, która jest odpowiedzialna za front-end naszej strony oraz zapoznamy się z działaniem workflows, które "tchną życie" w nasz projekt. Efektem naszej pracy będzie nowoczesny landing page oraz w pełni funkcjonalna strona logowania/rejestracji. Dodatkowo zadbamy również o to, by całość była w pełni responsywna i dobrze prezentowała się zarówno na ekranach desktopowych, jak i urządzeniach mobilnych.
Jedną z zalet edytora Bubble jest to, że nie stanowi on hermetycznego środowiska, w którym jesteśmy skazani na korzystanie jedynie z rozwiązań zaprojektowanych przez jego twórców. To niesamowicie funkcjonalna platforma, którą w prosty sposób możemy połączyć również z zewnętrznymi usługami wykorzystując gotowe pluginy. Pokażę Ci w jaki sposób możemy zaimplementować do naszego projektu opcję logowania i rejestracji z wykorzystaniem Google, tak, aby użytkownik mógł utworzyć konto w naszym serwisie za pomocą jednego kliknięcia. A kolejnym bonusem będzie przesyłanie adresów e-mail z formularza zapisu na newsletter bezpośrednio do bazy w Airtable!
Ten kurs powstał z myślą o osobach, które chcą poznać edytor Bubble i nowy kierunek rozwoju aplikacji no-code. Będzie również doskonałym punktem startowym dla tych wszystkich, którzy nie posiadają żadnej wiedzy programistycznej ale nadal chcą tworzyć w pełni funkcjonalne serwisy i strony internetowe. Poziom kursu został dopasowany zarówno do osób, które do tej pory nie korzystały z Bubble, jak i tych, którzy posiadają już przynajmniej podstawowe doświadczenie w tym zakresie. Dzięki zdobytej w nim wiedzy będziesz mógł postawić pierwszy krok na drodze, która pozwoli Ci przekuć Twój pomysł w działający startup.
Cześć. Witam Cię serdecznie w pierwszej lekcji
kursu, w której chciałbym pokrótce przybliżyć Ci podstawy jednego z moich
najbardziej ulubionych narzędzi no-code, czyli aplikacji Bubble.
Pierwsze pytanie jakie powinniśmy sobie zadać to czym w zasadzie jest Bubble?
Otóż w skrócie aplikacją np-kod do tworzenia innych zaawansowanych aplikacji.
Takich, które będą posiadać rozbudowany
frontend, funkcjonalny backend i wbudowany system bazodanowy.
Dodatkowo to co wyróżnia Bubble to fakt, że nie musisz posiadać praktycznie żadnej
wiedzy o programowaniu by tworzyć aplikacje.
Jego twórcy postawili na to, by umożliwia on każdemu, kto nie potrafi kodować.
Stworzyć od podstaw aplikację, rozbudować ją i nią zarządzać.
Czy tak jest w rzeczywistości?
W dużej mierze tak.
Wiedza programistyczna, nie jest potrzebna, ale znajomość chociaż podstaw programowania
pozwoli Ci dużo łatwiej poruszać się po Bubble.
Skoro wiemy już, czym jest Bubble, to
porozmawiajmy o tym, co możemy za jego pomocą zbudować.
Otóż w zasadzie niemal wszystko.
Tak przynajmniej twierdzą jego twórcy.
Bez problemu zbudujemy w nim klony Facebooka, Twittera, Airbnb lub Ubera.
Oczywiście w zakresie podstawowych funkcjonalności,
ponieważ za tymi firmami stoją całe sztaby programistów i setki milionów dolarów.
Odwzorowanie ich w pełni byłoby niezwykle skomplikowane.
Kolejne pytanie brzmi czego w Bubble zbudować nie możemy?
Otóż w pierwszej kolejności gier z zaawansowaną grafiką i animacjami.
Do tego służą inną narzędzia no-code.
Jeśli byłbyś zainteresowany tym tematem. Z Bubble, nie możemy też skorzystać aby
wykonywać bezpośrednio w nim skomplikowanych obliczeń matematycznych
lub wykorzystywać systemów maszyn reninc.
Mam tu na myśli obliczenia na poziomie komputerów akademickich, które
wykorzystują do tego specjalistyczne oprogramowania.
Jeśli jednak taki zewnętrzny backend posiada swoje API, to nic nie stoi na
przeszkodzie, aby Bubble posłuży nam jako frontend.
Wówczas możemy w nim zbudować aplikacje,
na które użytkownik wchodząc będzie mógł np.
przekazać jakieś dane do formularza.
My je wówczas odbierzemy, prześlemy poprzez API do zewnętrznej aplikacji.
Ta wykona dla nas potrzebne obliczenia, a następnie poprzez API znów zwróci do nas
wynik, który my z kolei zaprezentujemy naszemu użytkownikowi.
Ostatnim ważnym pytaniem, na które
powinniśmy sobie odpowiedzieć jest dlaczego w ogóle warto korzystać z Bubble?
Otóż po pierwsze Bubble gościł na rynku już
od wielu lat, jest więc sprawdzony przez całe rzesze użytkowników.
Na chwilę obecną jest ich chyba około półtora miliona.
Dodatkowo jest nieustannie rozwijany i nie
ma obawy, że jego twórcy zrezygnują z niego w najbliższej przyszłości.
Po drugie brakuje mu konkurencji.
Nie zrozum mnie źle, są inne podobne rozwiązania, ale moim zdaniem nie są one
tak intuicyjne i proste w użyciu nawet dla niedoświadczonego użytkownika.
Po trzecie bezpieczeństwo.
Tworząc na Bubble opiera swoją aplikację na solidnych fundamentach,
czyli dobudowujesz potrzebną Ci funkcjonalność na istniejącym już silniku.
Dzięki temu masz pewność, że będzie ona
działała sprawnie i niezawodnie, o ile oczywiście będziesz przestrzegał
podstawowych zasad, o których pomówimy nieco później.
Po czwarte dokumentacja, która jest bardzo czytelna i świetnie napisana,
z pewnością często będzie z niej korzystał, gdy coś będzie dla Ciebie
niejasne lub gdy będziesz chciał sprawdzić, do czego służy np.
dana funkcja.
Dodatkowo do samej dokumentacji bardzo łatwo jest się dostać z poziomu samego
Bubble, więc korzystanie z niej z czasem stanie się dla Ciebie intuicyjne.
Kolejny ważny czynnik to community, czyli ogromna rzesza ludzi skupionych wokół
projektu, którzy zawsze Ci doradzą i pomogą.
Gdy tylko trafisz na jakiś poważny problem.
Następnym równie ważnym czynnikiem są pluginy.
Jeżeli sam Bubble czegoś nie potrafi zrobić, to najprawdopodobniej jest już
jakiś plugin, który dorzuca taką funkcjonalność.
A w sytuacji, gdy nie znajdziesz
odpowiedniego rozwiązania, możesz taki plugin stworzyć sam.
Pod warunkiem, że posiadasz wiedzę z zakresu JavaScript.
Ostatnia bardzo ważna rzecz to skalowalność.
Bubble idealnie sprawdzi się zarówno do
obsługi prostych MVP, jak i rozbudowanych aplikacji, które
obsługują miliony użytkowników miesięcznie.
Dodatkowo, jeśli Twoja aplikacja dotrze do
takiego poziomu, to jest bardzo duża szansa, że otrzymasz wsparcie od
programistów Bubble, którzy pomogą Ci jeszcze lepiej ją zoptymalizować.
Pamiętaj, że Twój sukces to także ich sukces.
I tym pozytywnym akcentem kończymy tę lekcję i widzimy się już za moment.