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.
Nasza praca w kursie podstawowym dobiegła już końca.
Zrealizowaliśmy wszystkie postawione przed sobą zadania.
Mamy więc w
pełni funkcjonalną i gotową stronę indeksową z działającą nawigacją, która
oczywiście będzie nas przekierowywać we właściwe miejsce.
Jak widzisz odpalił mi się debbuger w wersji step by step, mogę się przełączyć do run
i od razu zostanę przekierowany tam, gdzie powinienem.
Dodatkowo zadbaliśmy również o to, aby
nasza nawigacja działała poprawnie i przekierowywała użytkownika
na stronę logowania i rejestracji, dodatkowo przekazując nam właściwe parametry.
W ten sposób mogliśmy tutaj utworzyć odpowiednie
workflow, dzięki czemu użytkownik ma możliwość rejestracji konta w naszym
serwisie bądź zalogowania się na już istniejące konto.
Natomiast czy taka aplikacja już jest gotowa?
No oczywiście nie, udało nam się stworzyć tak naprawdę tylko dwie strony.
Dodatkowo bardzo statyczne.
Strona indeksowa w zasadzie jest wyłącznie stroną statyczną.
Tutaj zadbaliśmy o delikatną dynamikę
poprzez custom state i zmienienie tego formularza.
Natomiast ciężko taki projekt nazwać funkcjonalną aplikacją.
Użytkownik może tutaj jedynie utworzyć nowe konto bądź się zalogować, no
i oczywiście wylogować się z naszej aplikacji.
Jeśli więc jesteś ciekaw jak stworzyć od
podstaw taką funkcjonalną aplikację, jak zarządzać użytkownikami,
jak tworzyć nowe typy w bazie danych, jak definiować dużo
bardziej skomplikowane workflow oraz do czego służą te pozostałe elementy,
o których tutaj w ogóle nie rozmawialiśmy w kursie podstawowym, to oczywiście
odsyłam Cię do dodatkowych materiałów mojego autorstwa, czyli do kursu
praktycznego, tam będziemy właśnie dalej budować naszą aplikację projecto.
Być może w momencie, kiedy oglądasz tą lekcje, ten kurs jest już dostępny na Eduweb,
a jeżeli nie, to z pewnością pojawi się już niedługo.
Ja w takim razie dziękuję Ci za uwagę i widzimy się już dosłownie za moment.