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

      3:39
    • 2 Basics

      4:06
    • 3 User Register/Login/Logout

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

      11:18
    • 5 Page Builder: Working with the Database

      19:15
    • 6 Page Builder: Frontend (index.php)

      13:27
    • 7 Page Builder: Loading Pictures with Imgur

      8:52
    • 8 Last Video: Next Steps

      1:46
    • 9 Bonus video Change background for row

      14:16

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: https://github.com/fethica/PHP-Login

Keditor Plugin: https://github.com/Kademi/keditor

128

Students

1

Project

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