inflearn logo
inflearn logo

Getting started with Webflow - Create high-freedom prototypes without coding

Create your own cool website and prototype with Webflow! We'll help you get started quickly and easily by organizing key concepts and templates/plugins that you can refer to.

(4.9) 수강평 19개

강의소개.상단개요.수강생.short

난이도 초급

수강기한 무제한

Webflow
Webflow
No-code
No-code
Prototyping
Prototyping
Webflow
Webflow
No-code
No-code
Prototyping
Prototyping

먼저 경험한 수강생들의 후기

먼저 경험한 수강생들의 후기

4.9

5.0

최치훈

30% 수강 후 작성

It's helpful because you teach everything step by step from the basics and explain it in an easy-to-understand way. I plan to fully listen to the course once, and then practice along during the second time. Thank you.

5.0

ANDY DAESUNG Lee

97% 수강 후 작성

I quickly read it once to get a general idea of the flow. Now I'm going to try taking the course while actually doing it. Thank you!

5.0

백예리

61% 수강 후 작성

This is very fun. I think I can follow it easily.

강의상세_배울수있는것_타이틀

  • Create a website with Webflow

  • Creating a prototype with Webflow

  • How to use templates and plugins to quickly start your Webflow project

  • The big picture of IT development, including databases, front-end, and back-end

Using Webflow, a powerful website builder
Let's create a Disquiet website! 🙋

I recommend this to people like this 👀

Beautiful web pages
Those who want to make

At least with a minimum degree of completion
Anyone who wants to create an MVP

SEO of my service
Someone who thinks it's important

A solo entrepreneur without a developer,
Startup practitioner

What we'll make in class ✍️

Disquiet's site implemented with no code

  • This is a working prototype, so you can sign up and test it out.
  • We will implement member registration, logic based on permissions, filters, search, payment, comments, notifications, etc.

The most powerful
No-code tool, Webflow

Webflow is the most popular and powerful no-code tool in the no-code community. With just Webflow, you can create almost any website you can imagine—beautiful sites optimized for PC, tablet, and mobile!


For those who have previously used WordPress, Wix, or I'mWeb and found them limiting, or who desire more freedom and powerful features than entry-level no-code tools like Glide and Softr, Webflow is a great alternative. Furthermore, Webflow boasts the best search engine optimization (SEO) performance among no-code tools, ranking well on search engines like Google and Naver. With SEO emerging as a key topic in digital marketing, Webflow is arguably the most useful no-code website builder.

This course will teach you how to create your own amazing service using Webflow, a website builder more powerful than WordPress or Wix. We'll walk you through everything from simple landing pages to complex prototypes. To help you minimize trial and error and achieve results quickly, we'll also introduce useful plugins that work with Webflow, as well as excellent, free design templates and libraries. We'll pack in Webflow's core concepts and helpful tips to help you get started quickly and easily!

What you will learn in class ✍️

#1.
Key concepts of Webflow
Take a look

Webflow is a tool that allows you to freely manipulate HTML, CSS, and JavaScript to create websites. However, you don't need to master the complexities of HTML, CSS, and JavaScript to use it. Furthermore, Webflow projects often start from templates rather than a blank slate, so you only need to learn enough to understand what you're seeing. From the perspective of this no-code user, I've quickly summarized the core concepts.

#2.
To get started quickly
Templates and plugins

We'll show you how to easily explore templates and plugins created by experts and import them into your own projects. Knowing these methods will make starting your own projects much easier.

#3.
Simple practice projects, etc.
Various practical training

Before diving into complex prototype development, we'll create a simple landing page and a simple directory site. This is designed to help you practice and familiarize yourself with the basic concepts you've learned previously.

#4.
Clone Disquiet
Creating a prototype

Feeling somewhat proficient with Webflow? Now, let's replicate a service called Disquiet and create a community platform that supports member registration, permission management, multiple filters, search, new post creation, likes, and comments.


Expected Questions Q&A 💬

Q. Do I need any prior knowledge of IT?

This course was designed with beginners in mind. Even those new to IT development can easily follow along. While there's no coding involved, the course aims to produce results similar to coding. Therefore, concepts related to web development, such as HTML, CSS, and databases, will be covered. I believe it's a good idea to learn about web development through these no-code courses.

Q. Then, do I need to study the concepts separately?

You can do this without any prior computer science background. Rather, I believe this course will help you grasp programming concepts and develop programming thinking skills. I believe NoCode is a truly valuable educational resource for non-developers working in the IT industry.

Q. How much does it cost to create a prototype using Webflow?

To create Webflow project deliverables that integrate with the database covered in the course, you must purchase the minimum CMS plan ($29 per month). Additionally, to add membership registration and tracking features, you'll need to purchase MemberStack ($29 per month), a membership management plugin. Webflow's free features only allow you to create a one-page website.

Q. In what cases do you recommend Webflow?

  • When you want to freely customize the design
  • When filtering and searching functions are important in the list (complex filtering, filtering by image, etc.)
  • If you consider search engine optimization (SEO) important

Q. Do you provide separate consulting or coaching?

While separate one-on-one coaching for VOD is difficult, if you leave a comment, I'll provide feedback. For communication and feedback on no-code, I run the "Korean No-Code Community" website and KakaoTalk open chatroom, so I recommend joining. It's free, and I'll provide real-time feedback.

Introducing the Knowledge Sharer ✒️

Hello, I am Jang PM, a no-code evangelist and hard worker.

I, too, was a liberal arts graduate and an IT industry planner. Despite building a career spanning ten years, I often felt frustrated and frustrated because I didn't know anything about coding or IT development. Then, I discovered a new technology trend called "no-code." Now, I've proven to myself that, as long as you have an idea, you can create amazing results in the digital world, even without coding knowledge.

No-code technology is a new trend that's just starting to emerge. I believe that by learning no-code and applying it to your work and business, you'll achieve much greater results and career fulfillment. No-code is much easier than coding. While it doesn't offer the same level of freedom, it allows you to create high-quality results much more easily. Therefore, students produce results much faster and feel a greater sense of accomplishment and enjoyment. We're not professional developers, after all. Don't get tired of learning difficult things. Learn with no-code, have fun, and quickly apply it to your work!

Here are links to clone the Google Spreadsheet database used in the lecture. You can find them in "Book Purchase Request Project DB Clone" and "Airbnb Prototype Project DB Clone ."

  • Former Team Blind Business Development Team Leader
  • Former Soundly Product Manager
  • Former SK Telecom Sales Manager
  • Graduated from Seoul National University's Department of Economics (a true liberal arts major!)
  • Leader of Korea's largest no-code community, 'Korea No-Code Community'
  • YouTube channel run by Jang PM, a successful YouTuber
  • CEO of 'No Code Camp', a no-code lecture site
  • More than 500 cumulative students
  • Very high student satisfaction (4.9 rating)

강의소개.콘텐츠.추천문구

학습 대상은 누구일까요?

  • Anyone who wants to create a cool and beautiful web page

  • Anyone who wants to create a minimum viable product (MVP) with a minimum level of completion

  • Anyone who values search engine optimization (SEO) of their service

  • Entrepreneur/Solopreneur/Startup Practitioner of a Team without Developers

강의소개.지공자소개

509

수강생

30

수강평

83

답변

4.9

강의 평점

4

강의_other

I am Jang PM, a no-code evangelist and productivity expert. Throughout my career, I have primarily focused on finding Product-Market Fit in early-stage startups. As the leader of the Korean no-code community and the operator of No-Code Camp, I am active as a no-code evangelist spreading awareness of no-code tools. With a focus on rapid execution, I teach courses on building MVPs and workflow automation using no-code.

- Leader of the Korean No-Code Community
- Operator of the no-code lecture site "No-Code Camp"
- Creator of the no-code YouTube channel "Jang PM"
- Former Business Development Team Leader at TeamBlind
- Former Product Manager at Soundly
- Former Sales Manager at SK Telecom
- Graduate of Seoul National University, Department of Economics (A true humanities major!)
더보기

커리큘럼

전체

33개 ∙ (강의상세_런타임_시간 강의상세_런타임_분)

강의 게시일: 
마지막 업데이트일: 

수강평

전체

19개

4.9

19개의 수강평

  • appleandapple1717109님의 프로필 이미지
    appleandapple1717109

    수강평 1

    평균 평점 5.0

    5

    30% 수강 후 작성

    • mason61324750님의 프로필 이미지
      mason61324750

      수강평 3

      평균 평점 4.7

      4

      33% 수강 후 작성

      While the content is good, many parts of Webflow's UI and other content have been updated, and there's a lot of noise like desk sounds included throughout the lectures. While I'm taking this course because there are no other Webflow courses available, if a 2025 version is not going to be updated at all, I recommend trying a different course.

      • ventuscy7651님의 프로필 이미지
        ventuscy7651

        수강평 10

        평균 평점 5.0

        5

        58% 수강 후 작성

        • jeongilchoi5098님의 프로필 이미지
          jeongilchoi5098

          수강평 3

          평균 평점 5.0

          5

          30% 수강 후 작성

          • jhym14533463님의 프로필 이미지
            jhym14533463

            수강평 1

            평균 평점 5.0

            5

            61% 수강 후 작성

            비슷한 강의

            같은 분야의 다른 강의를 만나보세요!

            강의상세.할인문구

            $54,670.00

            30%

            $60.50