Logika
17 godz. 49 min · Biznes i Automatyzacje
Krzysiek PiekarzAutomation Specialist / No-code DeveloperCzy w Twojej głowie pojawił się pomysł na aplikację, która zrewolucjonizuje świat na miarę Facebook'a, Instagrama albo Airbnb? A może zgłosił się do Ciebie klient, który chce przetestować i wdrożyć swój projekt w jak najszybszym czasie?Jeśli tak było to na pewno zadajesz sobie teraz kolejne pytanie - od czego zacząć? Czy muszę posiadać odpowiednią wiedzę programistyczną? Na jaki język programowania się zdecydować lub z jakiego gotowego framework'u skorzystać? A może zatrudnić profesjonalnego designera i software house, który pozwoli mi zrealizować ten projekt?Niezależnie od tego czy czy zdecydujesz się działać sam/a, czy też przekażesz projekt do zewnętrznej agencji i tak staniesz przed kolejnym dylematem jakim jest nauka programowania lub konieczność przepalenia nawet setek tysięcy złoty na coś, co może okazać się niewypałem.Na szczęście szybki rozwój narzędzi no-code sprawia, że możesz wybrać jeszcze trzecie wyjście. Zaprojektować, zbudować i wypuścić w świat swoją wymarzoną aplikację tylko za pomocą własnych sił i to bez konieczności posiadania specjalistycznej wiedzy programistycznej, a nawet posiadając jedynie podstawową znajomość narzędzi do design'u.Pamiętaj również o tym, że projekt ten podzieliłem na dwie części. Ten kurs to druga część, w której zapoznamy się z bardziej zaawansowanymi opcjami, jakie zapewnia nam edytor Bubble. Zdobytą w ten sposób wiedzę teoretyczną wykorzystamy od razu w praktyce dodając do naszego statycznego designu odpowiednią logikę, dzięki czemu nasz finalny projekt będzie już w pełni działającą aplikacją.Jeśli tylko potrafisz w podstawowym zakresie pracować z edytorem Bubble, budować w nim design aplikacji i rozumiesz czym są option sets oraz workflows to posiadanie wiedzy z poprzedniego kursu nie jest koniecznie wymagane. Natomiast szczerze zachęcam Cię przynajmniej do przejrzenia materiałów z pierwszej części, gdzie skupiamy się właśnie na podstawach, ponieważ teraz będziemy efektywnie przechodzić do bardziej zaawansowanych tematów i rozbudowywać naszą aplikację.
W tym kursie „MVP aplikacji w rekordowym czasie z Bubble (Logika)” nauczę Cię jak zamienić statyczny layout na pełnoprawną aplikację. Poruszymy takie tematy jak praca z bazą danych, privacy rules oraz bardziej zaawansowane workflows, które dodamy zarówno na froncie jak i backendzie naszej aplikacji. Dzięki zdobytej wiedzy dodamy logikę wszędzie tam, gdzie tego wymaga nasz projekt, a dodatkowo wzbogacimy go o możliwość płatności poprzez najbardziej popularny na świecie system jakim jest Stripe. To jednak nie koniec ponieważ przygotowałem dla Ciebie również szereg innych ważnych zagadnień, które omówimy i wykorzystamy w praktyce.W ramach nauki skupimy się na jak najbardziej praktycznym podejściu. Zapomnij o długich i nudnych lekcjach pełnych teorii, które zapomnisz zaraz po obejrzeniu. Będziemy budować a nie debatować! W ten sposób nauczysz się pracować z edytorem Bubble na poziomie zaawansowanym. Zrozumiesz jak zabezpieczyć swoje dane przed nieuprawnionym dostępem, w jaki sposób pobierać i dynamicznie filtrować rekordy z bazy danych. A także jak wykorzystać auto-binding by móc je aktualizować bez wykorzystania skomplikowanych workflows.Dodamy do naszej aplikacji prosty komunikator, który pozwoli na wymianę wiadomości pomiędzy użytkownikami. Zadbamy również o możliwość wysyłania powiadomień mailowych poprzez zewnętrzne serwisy by ich wygląd był zgodny z naszym brandem. Nie zabraknie również takich tematów jak SSO z Google czy też proste automatyzacje z wykorzystaniem serwisu Make.
Materiał szkoleniowy został zaprojektowany tak, aby mogło z niego skorzystać jak najszersze grono odbiorców. Nieważne czy jesteś totalnym laikiem, czy też posiadasz już wiedzę z zakresu programowania lub designu, na pewno znajdziesz tu coś dla siebie. A więc kto jeszcze może skorzystać z wiedzy zawartej w tym kursie?
Cześć!
Skoro wstęp mamy już za sobą, to porozmawiajmy o tym, jak będzie
wyglądał nasz plan działania.
Jak już wspomniałem wcześniej, jest to druga część kursu i naszym głównym
zadaniem będzie dodanie logiki do aplikacji, którą wspólnie
zbudowaliśmy w części pierwszej.
Jeśli miałeś okazję w niej uczestniczyć, to szczerze Cię teraz do tego zachęcam.
Z jednego prostego powodu.
Pierwsza część była skupiona na tym, że poznał podstawy Babel i
nauczył się z nim pracować.
Naszym celem był przede wszystkim design, ale nie tylko.
W ramach naszej pracy zadbaliśmy o załadowanie stron dynamicznych, z których
będziemy korzystać oraz dodaliśmy nawet namiastkę dynamiki.
Opierając się w głównej mierze na wykorzystaniu Option Set.
W tej części kursu będziemy kontynuować naszą pracę, przechodząc już do znacznie
bardziej zaawansowanych tematów.
Aby więc Twoja praca przebiegała sprawnie.
Musisz mieć na czym pracować.
Możesz w tym celu wykorzystać to, co zbudowałeś sam.
W pierwszej części kursu Alpha skorzystaj z projektu startowego, czyli po
prostu z mojej wersji aplikacji.
Chciałbym bowiem, abyśmy wszyscy rozpoczęli od dokładnie tego samego punktu
i w ten sposób nasza praca będzie przebiegać znacznie sprawniej.
Jeśli jesteś uczestnikiem Sprintu, to przy jego rozpoczęciu otrzymasz ode mnie kopię
mojej aplikacji, jeśli tylko wyrazisz taką potrzebę.
Natomiast dla osób, które będą korzystać z tych materiałów w ramach już standardowego
kursu, postaram się przygotować odpowiednią klatkę, którą będziecie
mogli później wykorzystać.
Kolejnym bardzo ważnym elementem jest konto w serwisie Notable,
który teraz widzisz na ekranie.
W plikach źródłowych znajdziesz bowiem link do przygotowanej przeze mnie bazy.
Zarówno do tej z pierwszej, jak i obecnej części kursu.
Jeśli ciekawi Cię, dlaczego udostępniam obie bazy, to odpowiedź
jest bardzo prosta.
Otóż w tym kursie kontynuujemy naszą pracę, a więc będziemy wykorzystywać
bardzo dużą część tego, co już zbudowaliśmy w pierwszej części, czyli
głównie option sets, które teraz widzisz.
Naszym zadaniem będzie przekształcenie tych, które tego wymagają, na pełnoprawną
bazę danych i pozostawienie wyłącznie tych, które rzeczywiście
powinny nadal pozostać setami.
Dlatego też udostępniam obie bazy, byś mógł porównać dane sprzed i po
zakończeniu naszych działań.
W ramach tego sprintu utworzę i udostępnię też nową bazę, z której
będziesz mógł skorzystać.
I podobnie jak w przypadku wcześniejszego sprintu, znajdą się w niej linki do mojego
edytora podglądu aplikacji oraz narzędzi, z których będziemy korzystać.
Jest to ta właśnie tabelka tutaj linki.
Tak ona wyglądała w pierwszej części.
Jak widzisz, mamy tutaj te wszystkie rzeczy, które właśnie wymieniłem.
O tym, jak utworzyć konto w serwisie tabel mówiłem już w pierwszej części kursu, więc
jeśli go nie przerabiałem, to ponownie Cię do tego zachęcam.
Na nasze potrzeby w zupełności wystarczy Ci darmowe konto, a sama
rejestracja jest wyjątkowo prosta.
Kolejnym narzędziem, z którego będziemy korzystać jest też oczywiście sam edytor
Babel, do którego właśnie wróciliśmy teraz.
O ile w pierwszej części kursu w zupełności wystarczyło nam darmowe konto,
tak już tutaj wymagana będzie w pewnym momencie jego płatna wersja.
Postaram się wskazać Ci momenty, w których takie płatne konto może się przydać,
ponieważ znacznie ułatwi Ci pracę, ale nic nie stoi na przeszkodzie, byś
pozostał na darmowym planie tak długo, jak się da.
Pamiętaj również o tym, że bubel oferuje przynajmniej na moment nagrywania tego
kursu dostęp do dwutygodniowego darmowego triala, z którego możesz skorzystać.
Dodatkowo polecam Ci poszukać w serwisach takich jak na przykład Join Secret.
Przejdźmy do niego.
Właśnie jest to ten serwis ofert na zniżki lub darmowe kredyty do
wielu ciekawych narzędzi, w tym również do Babel lub Stable.
Kolejnymi narzędziami, z których korzystaliśmy w pierwszej części.
A przynajmniej ja to robiłem, ponieważ nie były one obowiązkowe.
Są czat GPT, który teraz widzisz na ekranie oraz mit 1.
Dzięki nim wygenerowałem np.
opisy do listingu, przykładowe recenzje lub teksty na naszą stronę, a także
grafiki i zdjęcia naszych listingu w serwisie.
Wróćmy jednak terrible udostępnionej przeze mnie bazie War Table.
Znajdziesz również projekty, które wykorzystałem oraz opisy, jakie
wygenerował dla mnie czas GPT.
Jeżeli przejdziemy sobie tutaj do mamy, to tutaj Other listing.
Jak widzisz mamy opisy.
Jeżeli przejadę dalej to tutaj są projekty, których ja użyłem, aby
wygenerować właśnie takie grafiki.
Jeżeli chcesz, by Twój serwis był jeszcze bardziej customowe,
możesz oczywiście spróbować delikatnie zmodyfikować te produkty,
albo poprosić czat GPT o wygenerowanie nowych opisów nowych produktów i na tej
podstawie wygenerować właśnie własne grafiki, dzięki czemu Twój końcowy serwis
będzie nieco różnił się od mojego i na pewno nada mu to
nieco większej indywidualności.
I ostatni bardzo ważny komunikat jeśli w ramach kursu będziemy korzystać z innych
narzędzi niż te, które dotychczas wymieniłem, to zawsze postaram się, aby
dało się to zrobić na ich darmowym planie, o ile oczywiście będzie taka możliwość.
Dzięki temu nie będziesz musiał ponosić żadnych dodatkowych kosztów
tak długo, jak tylko się da.
Wszystkie potrzebne materiały znajdziesz oczywiście w plikach
źródłowych do tego kursu.
A więc zachęcam Cię teraz, byś się pobrał i sprawdził co zawierają.
A jako że tą jakże ważną, ale również mało ciekawą lekcję i do
zobaczenia już za moment.