강의

N
챌린지

멘토링

N
클립

로드맵

Programming

/

Full-stack

Airbnb Clone Bubble Development Master (bubble.io)

The easiest and fastest way to create IT services (web/apps) without development knowledge - Bubble! This course covers Bubble's basic usage and fundamental feature configuration in detail, and you can actually create a clone of the Airbnb website through hands-on practice :)

6 learners are taking this course

  • noahnomad
실습 중심
클론코딩
버블
No-code
bubble.io
bubble

What you will learn!

  • You can create responsive websites with Bubble.io without any code

  • You might end up doing UI/UX planning/design without a designer

  • Learn to create and style key UI elements such as pages, menus, buttons, and more

  • I can create responsive websites for PC and Mobile

  • Create it using various features like backend workflows, API integration, and more

  • By directly creating IT services, you can enhance your understanding of IT services.

제목을-입력해주세요_-001 (60)

The easiest and fastest way to create IT services (web/apps) without development knowledge: Bubble (bubble.io)

💡Create with Bubble no-code development without learning to code!

  • You can create the services you want (platforms, shopping malls, SaaS, etc.) through no-code development

  • The ultimate king of no-code development, Bubble! 'No-Code Marketer (YouTube channel name)' who can teach Bubble the best will guide you step by step at a beginner's level


After taking the course, you'll be able to create results like these

스크린샷 2025-08-06 오후 9.26.21

Member registration/login and other member/user management feature development

  • Bubble Editor Settings

  • Style Settings

  • Navigation Bar Design

  • Main Page Design and Layout

  • Responsive Page Setup

  • Data type settings (number, string, data, etc.)

  • Database Design

  • Membership Registration and Login

스크린샷 2025-08-06 오후 9.27.20

Category page / Data filtering & sorting, etc.

  • List Page Design and Layout

  • Data Types and Option Set

  • Utilizing Repeating Groups

  • Data Filtering

  • Filtering Reset

  • Workflow Settings

  • List Pages and URL Parameter Utilization

스크린샷 2025-08-06 오후 9.28.53

Detail Page Configuration and Various Data Calculations

  • Detailed Page Design and Layout

  • User Type Settings

  • Dynamic data

  • Creating Popup Windows

  • reusable element: Footer, Navigation

  • Data CRUD

스크린샷 2025-08-06 오후 9.29.30

Payment Feature Implementation and Notification Settings

  • Payment Page Design and Structure

  • Toss Payments PG Integration

  • Payment Workflow and API

  • Payment Cancellation, Partial Cancellation, Approval

  • API vs Web-hook

  • Notification Talk/SMS Sending

  • Purchase History Management

스크린샷 2025-08-06 오후 9.31.04

Payment completion processing and mobile responsive setup

  • Responsive Web Page Configuration

  • Setting Breakpoints

  • Conditional Statement

  • Mobile Navigation

  • Mobile-Friendly Interface Setup


스크린샷 2025-08-06 오후 9.31.29

My Profile & Reviews

  • My Profile Settings

  • Edit Profile

  • Leave a Review/Rating

  • Profile Conversion

  • SEO Settings

💡Who should take this course?

  • Aspiring entrepreneurs who want to quickly create services (web/apps) through no-code development

  • Those who are interested in or need no-code development capabilities

Important Notes Before Taking the Course

스크린샷 2025-08-07 오후 8.41.16

I run a YouTube channel called No-Code Marketer,
and I'm building a no-code development ecosystem that allows people to create the services they want without actually learning development 🧑🏻‍💻


Even non-developers can create complex web/mobile apps with Bubble, so step by step

Let's learn 🔥

Learning Materials

  • All course materials shown in the video provided

  • Instructor Editor Screen

  • Lifelong Learning Courses

  • Q&A

💡Frequently Asked Questions

  1. Is there any prerequisite knowledge needed to take this course?

    • No prior knowledge is required. All lectures start from the basics and are structured so that even those without development experience can easily follow along.



  2. What kind of projects can you create after completing the course?

    • After completing the course, you'll be able to create various projects ranging from simple websites to somewhat complex websites. Through hands-on practice, you'll be able to complete projects that can actually be utilized in real situations.



  3. Can no-code development actually be utilized in real companies?

    • Yes, many companies are utilizing no-code tools to rapidly develop prototypes and deploy applications tailored to their business requirements.

Recommended for
these people

Who is this course right for?

  • People who don't know development but want to create IT services (web or app)

  • Those who hope to start a business/side business through web/app development

  • Working professionals/college students interested in no-code development

Hello
This is

101

Learners

4

Reviews

5

Answers

4.3

Rating

3

Courses

안녕하세요, 여러분!

디지털 마케팅과 관련된 강의를 진행하고 있는 노아노마드 송재욱 입니다.
저는 처음 마케팅을 너무 어렵고 추상적으로 배워서 힘들었는데요.
그런 점을 고려해서 제 강의에서는 최대한 실습 비중을 높여서 여러분들이 실제로 현업에 바로 적용할 수 있도록 모든 강의를 준비하였습니다.

image

 

Curriculum

All

40 lectures ∙ (9hr 17min)

Published: 
Last updated: 

Reviews

Not enough reviews.
Please write a valuable review that helps everyone!

$139.70

noahnomad's other courses

Check out other courses by the instructor!

Googleタグマネージャでデータを設計＆収集する강의 썸네일

Googleタグマネージャでデータを設計＆収集する

noahnomad

Googleタグマネージャを通じて顧客の行動データを収集して活用できる実務能力を育てることができます。

초급

초급

Google Tag Manager, Digital Marketing, GA4

Googleタグマネージャでデータを設計＆収集する강의 썸네일

Googleタグマネージャでデータを設計＆収集する

noahnomad

ノーコードバブル、クローンウェブサイトを作る A to Z강의 썸네일

ノーコードバブル、クローンウェブサイトを作る A to Z

noahnomad

ノーコード開発の終盤王、バブル(bubble) バブルを通じて簡単かつ迅速にITサービスを開発してみることができます。 この講義では、実際のウェブサイトに従って作成し（クローン制作）、バブルの機能について次々と学びます。

입문

입문

bubble, No-code

ノーコードバブル、クローンウェブサイトを作る A to Z강의 썸네일

ノーコードバブル、クローンウェブサイトを作る A to Z

noahnomad

Similar courses

Explore other courses in the same field!

非専門家でもできるWordPressホームページ作成강의 썸네일

非専門家でもできるWordPressホームページ作成

LIKEWORD

まだホームページはコーディングなしでは制作できないと思っていませんか？WordPressなら、一行もコードを書かずにホームページを制作できます。WordPressの理論ではなく、実践を通して、今すぐ世界に一つだけのホームページを制作してみましょう。

입문

입문

WordPress, Domain, No-code

非専門家でもできるWordPressホームページ作成강의 썸네일

非専門家でもできるWordPressホームページ作成

LIKEWORD

Web Builderで「たった一日で」ホームページを作成する方法（wix）강의 썸네일

Web Builderで「たった一日で」ホームページを作成する方法（wix）

startupjobs

リンスタートアップの始まり、 Webビルダーでホームページを作ろう！

입문

입문

wix.com, No-code

Web Builderで「たった一日で」ホームページを作成する方法（wix）강의 썸네일

Web Builderで「たった一日で」ホームページを作成する方法（wix）

startupjobs

Webフロー（Webflow）を始める - コーディングなしで自由度の高いプロトタイプを作成する강의 썸네일

Webフロー（Webflow）を始める - コーディングなしで自由度の高いプロトタイプを作成する

jangpm

自分だけの素敵なウェブサイトとプロトタイプをウェブフローで作りましょう！ 簡単かつ迅速に開始できるようにコアコンセプトを持ち、参考にできるテンプレート/プラグインも整理します。

초급

초급

Webflow, No-code, Prototyping

Webフロー（Webflow）を始める - コーディングなしで自由度の高いプロトタイプを作成する강의 썸네일

Webフロー（Webflow）を始める - コーディングなしで自由度の高いプロトタイプを作成する

jangpm

Glideを活用したノーコードプロトタイピングの基礎강의 썸네일

Glideを活用したノーコードプロトタイピングの基礎

jangpm

ノーコード（No-code）で予約サービス、マッチングサービス、コミュニティサービスのプロトタイプを作成できるようになります。

초급

초급

glide, No-code, Prototyping

Glideを活用したノーコードプロトタイピングの基礎강의 썸네일

Glideを活用したノーコードプロトタイピングの基礎

jangpm

Softrを活用したノーコードプロトタイピング강의 썸네일

Softrを活用したノーコードプロトタイピング

jangpm

ノーコード（No-code）で採用サイトなどの両面プラットフォームサービスを作成できるようになります。

초급

초급

Softr, No-code, Prototyping

Softrを活用したノーコードプロトタイピング강의 썸네일

Softrを活用したノーコードプロトタイピング

jangpm

ノッションでホームページを作る강의 썸네일

ノッションでホームページを作る

magentawave

スケジュール、文書管理で使われたノッションでホームページを作れると？ 簡単かつ簡単に素早くノッションでビジネスを始めましょう！

입문

입문

Notion, oopy, No-code

ノッションでホームページを作る강의 썸네일

ノッションでホームページを作る

magentawave

退勤2時間早める自動化、コーディングを知らなくても大丈夫です강의 썸네일

退勤2時間早める自動化、コーディングを知らなくても大丈夫です

pulsecreative

Excelの整理、メール送信、領収書の分類のような繰り返し作業… まだ人が直接行っていますか？ これからはそのような作業はn8nとAIに任せて、 あなたはより重要な業務に集中してください。 この講座はコーディングなしで業務自動化を実現するツールn8nを活用し、 誰でも実際に真似しながら実務にすぐに適用できるよう設計されています。 1時間以内に自動化のAからZまで実際に実装してみます。 10時間という長い講座の代わりに、本当に必要なコアだけを！ 私たちはあなたの時間を節約するために、実践中心のワークフローのみをお伝えします。

입문

입문

Python, Excel, No-code

退勤2時間早める自動化、コーディングを知らなくても大丈夫です강의 썸네일

退勤2時間早める自動化、コーディングを知らなくても大丈夫です

pulsecreative