Sorry, your browser is not supported
To have the best experience using Skillshare, we recommend that you use one of these supported browsers.

Make a Simple Drag and Drop Page Builder and CMS

Jit Ooi, self-taught coder

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
9 Videos (1h 29m)
    • 1 Introduction

    • 2 Basics

    • 3 User Register/Login/Logout

    • 4 Page Builder: Basic Setup & Backend (admin.php)

    • 5 Page Builder: Working with the Database

    • 6 Page Builder: Frontend (index.php)

    • 7 Page Builder: Loading Pictures with Imgur

    • 8 Last Video: Next Steps

    • 9 Bonus video Change background for row


About This Class

In this course, I'm going to show you how to make a simple drag and drop webpage builder and content management system, a more simplified version of wix and weebly.

You, the developer, should have basic knowledge of html, css, js, ajax, php and mysql. For most of this course, we will be doing everything in your computer. But if you intend to deploy this system to the internet and get real users, you'll also need a web server.

The users of this system we are going to make are not required to know how to code. They can drag and drop elements onto the page they are building, input their content, save their changes and view the page they built.

PHP Login Plugin:

Keditor Plugin:

7 of 7 students recommendSee All






Jit Ooi

self-taught coder

Hi, I am a self-taught programmer. The projects in my videos are real world applications, made as part of my personal portfolio. I record my journey to share with everyone who want to do the same.

I am deeply indebted to the open-source community. I won't know what i know if not for the generosity of these wonderful people.

I started with HTML/CSS/JS in 2015 to create simple websites, and gradually moved on to PHP & MYSQL to create systems. I am also tinkering with Xcode(IOS), J...

See full profile