Ta lekcja jest w bazie eduweb
Zaloguj się kontem z dostępem albo wykup dostęp do bazy, żeby obejrzeć wideo.
Lekcja 30/ 37Wprowadzenie do Custom States
Bubble: Wprowadzenie do Custom States
Czego się nauczysz
- Podstawy pracy z edytorem
- Wprowadzenie do workflows
- Praca z nowym silnikiem responsywnym
- Praktyczne wykorzystanie pluginów
- Statyczna strona główna
- Funkcjonalna strona logowania i rejestracji
Bubble - od Podstaw
Bubble to platforma no-code, która umożliwia tworzenie zaawansowanych i profesjonalnych aplikacji internetowych. To najlepszy sposób na stworzenie aplikacji w zaledwie kilka dni, a nie miesięcy. Dzięki niej możesz przekuć swój pomysł w działające MVP bez praktycznie żadnej wiedzy programistycznej. Za jej pomocą będziemy w stanie stworzyć frontend naszej aplikacji, kolejno dołączyć do niego w pełni działającą bazę danych, zapewnić przepływ informacji wykorzystując workflows, a nawet rozszerzyć podstawową funkcjonalność edytora wykorzystując całą gamę dostępnych pluginów. Wokół Bubble skupiona jest ogromna społeczność, która dba o jej nieustanny rozwój i zapewnia wsparcie na oficjalnym forum.
Praca w stylu no-code
Zapomnij 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.
Dlaczego warto korzystać z Bubble?
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.
Co można zbudować w Bubble?
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.
Czego dowiesz się z kursu?
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.
Wykraczamy poza edytor
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!
Dla kogo jest ten kurs?
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.
Kurs Bubble
9 rozdziałów37 lekcji6h 34min
Witaj w Bubble
59min
- Wprowadzenie4min(zablokowana)
- Czym jest Bubble?4min(zablokowana)
- Wycieczka po stronie głównej5min(zablokowana)
- Poznajemy edytor16min(zablokowana)
- Wprowadzenie do silnika responsywnego11min(zablokowana)
- Panel właściwości6min(zablokowana)
- Rozmieszczanie elementów - czyli Flexbox w Bubble11min(zablokowana)
- Co zbudujemy w kursie?2min(zablokowana)
Header i sekcja Top
56min
- Jaki układ layoutu stosujemy?10min(zablokowana)
- Rozpoczynamy budowę Headera21min(zablokowana)
- Przyciski, linki i zakładka Conditional18min(zablokowana)
- Dodajemy sekcję Top8min(zablokowana)
Sekcja About
28min
- Podstawowa struktura sekcji16min(zablokowana)
- Pluginy w Bubble13min(zablokowana)
Sekcja Features
42min
- Tworzymy wireframe18min(zablokowana)
- Uzupełniamy treści14min(zablokowana)
- Pracujemy ze stylami10min(zablokowana)
Pozostałe sekcje na stronie
1h 24min
- Sekcja Companies10min(zablokowana)
- Wireframe sekcji Pricing20min(zablokowana)
- Uzupełniamy treści i style10min(zablokowana)
- Dbamy o responsywność9min(zablokowana)
- Dodajemy sekcję Contact10min(zablokowana)
- Jak zbudować Footer?7min(zablokowana)
- Pracujemy z zakładką Responsive18min(zablokowana)
Nawigacja na stronie
26min
- Tworzymy pierwsze workflow10min(zablokowana)
- Budujemy menu mobilne15min(zablokowana)
Strona Authentication
1h 17min
- Podstawowa struktura strony25min(zablokowana)
- Rejestrujemy użytkownika7min(zablokowana)
- Wyświetlanie dynamicznych wartości4min(zablokowana)
- Wprowadzenie do Custom States11min(zablokowana)
- Tworzymy widok logowania8min(zablokowana)
- Page Parameters w praktyce16min(zablokowana)
- Wdrażamy opcję logowania5min(zablokowana)
Dodatki
33min
- Rejestracja i logowanie z Google12min(zablokowana)
- Przekazywanie danych do bazy w Airtable21min(zablokowana)
Zakończenie
3min
- Co dalej?2min(zablokowana)
- Dziękuję za uwagę1min(zablokowana)
Ten kurs jest w bazie eduweb
Dostęp do wszystkich kursów z bazy eduweb za 199 zł/mies.
Autor kursu
Bio
Nazywam się Krzysztof Piekarz i od wielu lat zajmuję się tworzeniem stron internetowych. Przez długi czas byłem wielkim zwolennikiem kodowania i pracy z frameworkiem React. Obecnie jednak stawiam na nowoczesne narzędzia no-code/low-code, które stały się nieodłącznym elementem mojej pracy. Dodatkowo w ramach zarówno swoich projektów, jak i tych tworzonych dla klientów, wykorzystuję automatyzacje tworzone za pomocą takich narzędzi jak Zapier i Integromat. To właśnie na ich bazie w 2020 roku postał mój autorski projekt WebDevCaveMan (https://www.webdevcaveman.com). W swojej pracy nieustannie poznaję i wykorzystuję nowe rozwiązania no-code by zawsze być na bieżąco. Podzielę się z Tobą swoją wiedzą by korzystanie z nich nie stanowiło dla Ciebie problemu. Mam również nadzieję, że podobnie jak ja dostrzeżesz ogromny potencjał jaki daje możliwość tworzenia stron lub aplikacji bez konieczności kodowania.