Inflearn brand logo image
Inflearn brand logo image

N

Inflearn brand logo image
NEW
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 :)

4 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

94

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!

노코드 버블, 클론웹사이트 만들기 A to Z강의 썸네일

노코드 버블, 클론웹사이트 만들기 A to Z

노아노마드

노코드 개발의 끝판왕, 버블(bubble) 버블을 통해서 쉽고 빠르게 IT서비스를 개발해볼 수 있어요. 해당 강의에서는 실제 웹사이트를 따라 만들며(클론 제작), 버블의 기능들에 대해서 차근차근 배우게 됩니다.

입문

입문

bubble, No-code

노코드 버블, 클론웹사이트 만들기 A to Z강의 썸네일

노코드 버블, 클론웹사이트 만들기 A to Z

노아노마드

구글태그매니저로 데이터 설계&수집하기강의 썸네일

구글태그매니저로 데이터 설계&수집하기

노아노마드

구글태그매니저를 통해서 고객의 행동 데이터를 수집하여 활용할 수 있는 실무역량을 기를 수 있어요.

초급

초급

Google Tag Manager, 디지털 마케팅, GA4

구글태그매니저로 데이터 설계&수집하기강의 썸네일

구글태그매니저로 데이터 설계&수집하기

노아노마드

Similar courses

Explore other courses in the same field!

비전공자도 따라하는 워드프레스 홈페이지 제작강의 썸네일

비전공자도 따라하는 워드프레스 홈페이지 제작

LIKEWORD

아직도 홈페이지는 코딩 없이 제작할 수 없다고 생각하시나요? 워드프레스는 코딩 한 줄 없이 홈페이지를 제작할 수 있습니다. 워드프레스 이론이 아닌 실전을 통해 지금 바로 하나뿐인 홈페이지를 제작해 보세요.

입문

입문

WordPress, 도메인, No-code

비전공자도 따라하는 워드프레스 홈페이지 제작강의 썸네일

비전공자도 따라하는 워드프레스 홈페이지 제작

LIKEWORD

퇴근 2시간 당기는 자동화, 코딩 몰라도 됩니다강의 썸네일

퇴근 2시간 당기는 자동화, 코딩 몰라도 됩니다

pulsecreative

엑셀 정리, 이메일 보내기, 영수증 분류 같은 반복 작업… 아직도 사람이 직접 하고 계신가요? 이제 그런 일들은 n8n과 AI에게 맡기고, 당신은 더 중요한 일에 집중하세요. 이 강의는 코딩 없이 업무 자동화를 실현하는 도구 n8n을 활용해, 누구나 직접 따라하며 실무에 바로 적용할 수 있도록 설계되었습니다. 1시간 안에 자동화의 A부터 Z까지 직접 구현해봅니다. 10시간짜리 긴 강의 대신, 진짜 필요한 핵심만! 우리는 당신의 시간을 아끼기 위해, 실전 중심의 워크플로우만 알려드립니다.

입문

입문

Python, Excel, No-code

퇴근 2시간 당기는 자동화, 코딩 몰라도 됩니다강의 썸네일

퇴근 2시간 당기는 자동화, 코딩 몰라도 됩니다

pulsecreative

코드 없이 피그마 디자인 그대로! Bubble.io로 웹사이트 만들기강의 썸네일

코드 없이 피그마 디자인 그대로! Bubble.io로 웹사이트 만들기

황상은

개발? 디자인? 몰라도 괜찮아요! 강의에서 하나하나 세세하게 알려드리니까, 따라오기만 하면 개발과 관련 없는 분들도 생애 첫 웹사이트를 완성할 수 있어요!

입문

입문

bubble.io, Figma, No-code

코드 없이 피그마 디자인 그대로! Bubble.io로 웹사이트 만들기강의 썸네일

코드 없이 피그마 디자인 그대로! Bubble.io로 웹사이트 만들기

황상은

노코드 버블, 클론웹사이트 만들기 A to Z강의 썸네일

노코드 버블, 클론웹사이트 만들기 A to Z

노아노마드

노코드 개발의 끝판왕, 버블(bubble) 버블을 통해서 쉽고 빠르게 IT서비스를 개발해볼 수 있어요. 해당 강의에서는 실제 웹사이트를 따라 만들며(클론 제작), 버블의 기능들에 대해서 차근차근 배우게 됩니다.

입문

입문

bubble, No-code

노코드 버블, 클론웹사이트 만들기 A to Z강의 썸네일

노코드 버블, 클론웹사이트 만들기 A to Z

노아노마드

웹 빌더로 '단 하루만에' 홈페이지 만드는 법 (wix)강의 썸네일

웹 빌더로 '단 하루만에' 홈페이지 만드는 법 (wix)

스타트업잡스

린스타트업의 시작, 웹빌더로 홈페이지 만들기!

입문

입문

wix.com, No-code

웹 빌더로 '단 하루만에' 홈페이지 만드는 법 (wix)강의 썸네일

웹 빌더로 '단 하루만에' 홈페이지 만드는 법 (wix)

스타트업잡스

Softr를 활용한 노코드 프로토타이핑강의 썸네일

Softr를 활용한 노코드 프로토타이핑

일잘러 장피엠

노코드 (No-code)로 채용 사이트 등의 양면 플랫폼 서비스를 만들 수 있게 됩니다.

초급

초급

Softr, No-code, 프로토타이핑

Softr를 활용한 노코드 프로토타이핑강의 썸네일

Softr를 활용한 노코드 프로토타이핑

일잘러 장피엠

노션으로 홈페이지 만들기강의 썸네일

노션으로 홈페이지 만들기

마젠타웨이브

일정, 문서 관리로 사용된 노션으로 홈페이지를 만들 수 있다고?! 쉽고 간단하게 빠르게 노션으로 사업을 시작해보세요!

입문

입문

Notion, oopy, No-code

노션으로 홈페이지 만들기강의 썸네일

노션으로 홈페이지 만들기

마젠타웨이브