Kurs Bubble

Wprowadzenie

Koszyk Koszyk
  • Opis
  • Recenzje
  • Autor
  • Transkrypt
  • Pytania i odpowiedzi
  • QA

3 ocen

Wprowadzenie

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.

  1. Podstawy pracy z edytorem
  2. Wprowadzenie do workflows
  3. Praca z nowym silnikiem responsywnym
  4. Praktyczne wykorzystanie pluginów
  5. Statyczna strona główna
  6. Funkcjonalna strona logowania i rejestracji

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.

Dlaczego wybrać właśnie ten kurs?

  1. Kurs wideo to najbardziej efektywna a zarazem najprzyjemniejsza forma nauki. Jest on tak prowadzony, byś cały czas mógł go śledzić z zainteresowaniem i zaangażowaniem, a także czerpać satysfakcję ze zdobytej wiedzy!
  2. Wiedza, którą otrzymujesz w tym kursie, to nie tylko sucha teoria, ale również wskazówki od praktyka z wieloletnim doświadczeniem, dzięki którym dużo łatwiej będzie Ci opanować materiał i pracować efektywniej.
  3. Uczysz się na praktycznych przykładach. Kurs, który masz przed sobą to esencja praktycznej wiedzy i doświadczenia a także wzorów, które oszczędzą Ci godziny pracy i poszukiwań.

Autor: Krzysztof Piekarz

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.

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.

5

Średnia ocen autora

Ten kurs nie posiada jeszcze transkryptu. Choć bardzo się staramy, wygenerowanie transkryptów do wszystkich kursów jest bardzo czasochłonne. W wielu przypadkach wymaga zaangażowania drogiego oprogramowania i godzin pracy przy poprawianiu transkryptu tak, aby był on możliwie jak najlepszy.

Zależy nam na tym, aby przygotować transkrypty do wszystkich naszych treści. To jedyny sposób dla osób niedosłyszących, aby mogły wygodnie uczyć się technologii. Poza tym, transkrypty ułatwiają skanowanie kursu w poszukiwaniu informacji i jego indeksowanie.

Szukamy osób, które mogłyby nam pomóc w poprawianiu transkryptów. Jeśli masz chwilę wolnego czasu i interesuje Cię dany kurs, w zamian za taką pomoc chętnie udostępnimy Ci wybrany materiał. Wyślij swoje zgłoszenie tutaj, jeśli możesz pomóc nam rozwijać platformę.

  • Informacje
  • Lekcje

Autor: Krzysztof Piekarz

Czas: 6 godzin 34 minut

Wersja: -

Aktualizacja: 30.08.2022

  • Certyfikat w ramach Ścieżki
  • Dostęp z urządzeń przenośnych
  • Licencje dla firm i szkół
Podaruj w prezencie

Witaj w Bubble

  • Wprowadzenie

  • Czym jest Bubble?

  • Wycieczka po stronie głównej

  • Poznajemy edytor

  • Wprowadzenie do silnika responsywnego

  • Panel właściwości

  • Rozmieszczanie elementów - czyli Flexbox w Bubble

  • Co zbudujemy w kursie?

Header i sekcja Top

  • Jaki układ layoutu stosujemy?

  • Rozpoczynamy budowę Headera

  • Przyciski, linki i zakładka Conditional

  • Dodajemy sekcję Top

Sekcja About

  • Podstawowa struktura sekcji

  • Pluginy w Bubble

Sekcja Features

  • Tworzymy wireframe

  • Uzupełniamy treści

  • Pracujemy ze stylami

Pozostałe sekcje na stronie

  • Sekcja Companies

  • Wireframe sekcji Pricing

  • Uzupełniamy treści i style

  • Dbamy o responsywność

  • Dodajemy sekcję Contact

  • Jak zbudować Footer?

  • Pracujemy z zakładką Responsive

Nawigacja na stronie

  • Tworzymy pierwsze workflow

  • Budujemy menu mobilne

Strona Authentication

  • Podstawowa struktura strony

  • Rejestrujemy użytkownika

  • Wyświetlanie dynamicznych wartości

  • Wprowadzenie do Custom States

  • Tworzymy widok logowania

  • Page Parameters w praktyce

  • Wdrażamy opcję logowania

Dodatki

  • Rejestracja i logowanie z Google

  • Przekazywanie danych do bazy w Airtable

Zakończenie

  • Co dalej?

  • Dziękuję za uwagę

}