technifyed

freeCodeCamp via YouTube Free video

Google Calendar Clone Tutorial – PHP, MySQL, JavaScript, HTML, and CSS

Overview

Learn how to build a full stack Google Calendar clone using built entirely from scratch using PHP, MySQL, JavaScript, HTML, and CSS — no frameworks, no external libraries — just clean, understandable code. Mohammed Al Abrah created this course.

Code: https://github.com/MOHAMMEDFAHD/web-development-collections

Course developed by @programmingoceanacademy

Academy Website: https://www.programming-ocean.com

⭐️ Contents ⭐️

0:00:00 🟢 Welcome & Overview

0:00:55 🚀 Live Demo: Full Calendar App in Action

0:11:19 🧱 HTML Structure: Building the Foundation

0:43:19 🎨 CSS Styling: Responsive & Modern UI Design

1:23:04 🗄️ Database Setup: MySQL Schema & PHP Connection

1:29:59 🧠 PHP Logic: Handling Add, Edit, Delete Appointments

1:59:19 🧩 JavaScript Logic: Dynamic Calendar Rendering & Modal Control

2:38:24 ⏰ Time Feature: Adding Time Slots & Fixing Issues

2:51:16 ✅ Final Showcase: App Demo + Full Walkthrough

❤️ Support for this channel comes from our friends at Scrimba – the coding platform that's reinvented interactive learning: https://scrimba.com/freecodecamp

🎉 Thanks to our Champion and Sponsor supporters:

👾 Drake Milly

👾 Ulises Moralez

👾 Goddard Tan

👾 David MG

👾 Matthew Springman

👾 Claudio

👾 Oscar R.

👾 jedi-or-sith

👾 Nattira Maneerat

👾 Justin Hual

--

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news

Chapters 8

  1. 0:00:00🟢 Welcome & Overview
  2. 0:00:55🚀 Live Demo: Full Calendar App in Action
  3. 0:11:19🧱 HTML Structure: Building the Foundation
  4. 0:43:19🎨 CSS Styling: Responsive & Modern UI Design
  5. 1:23:04🗄️ Database Setup: MySQL Schema & PHP Connection
  6. 1:29:59🧠 PHP Logic: Handling Add, Edit, Delete Appointments
  7. 1:59:19🧩 JavaScript Logic: Dynamic Calendar Rendering & Modal Control
  8. 2:38:24⏰ Time Feature: Adding Time Slots & Fixing Issues

Advantages and disadvantages

Advantages

  • Completely free, with no ads inside the lessons.
  • Project-based: you build real apps as you learn.
  • freeCodeCamp's own certifications are free and well known among developers.
  • Free, one long video that covers a topic end to end.
  • Use the chapters to jump to what you need.
  • Completely free.
  • Self-paced: start any time.
  • A clear syllabus (8 parts) you can see before you start.

Disadvantages

  • YouTube videos are long single recordings; you pace yourself.
  • Less theory than a university course.
  • No exercises or certificate: code along to make it stick.
  • No certificate.
  • No graded assignments or feedback.

Some points apply to every course of this kind; see how we rank.

Free

  • Free: Watch on YouTube, no account needed.
  • Certificate: None. Code or take notes along to make it stick.

freeCodeCamp is in Tier 3: good universities, respected companies, nonprofits and well-known teachers of our institution ranking (78/100). Free full courses and certifications; practical, but not university-level depth.

Similar courses

Compare these

Harvard University · YouTube

CS50's Web Programming with Python and JavaScript (CS50W) 2020

This is CS50W, CS50's Web Programming with Python and JavaScript. Register for free at https://cs50.edx.org/web. Slides and source code at https://cs50.harvard.edu/web. This course picks up where Harvard University’s CS50 leaves off, diving more deeply into the design and implementation of web apps…

Free video10 videos, 14 hours

Harvard University · YouTube

CS50's Web Programming with Python and JavaScript

Learning objectives This course picks up where Harvard University's CS50 leaves off, diving more deeply into the design and implementation of web apps with Python, JavaScript, and SQL using frameworks like Flask, Django, and Bootstrap. Topics include database design, scalability, security, and user…

Free video13 videos, 20 hours

Harvard University · YouTube

CS50's Introduction to Databases with SQL

This is CS50’s introduction to databases using a language called SQL. Learn how to create, read, update, and delete data with relational databases, which store data in rows and columns. Learn how to model real-world entities and relationships among them using tables with appropriate types, triggers…

Free video8 videos, 11 hours

Harvard University · edX

CS50's Introduction to Computer Science

An introduction to the intellectual enterprises of computer science and the art of programming.

Free to audit12 weeks, 5 - 14 hours per week

Harvard University · edX

CS50's Introduction to Programming with Python

An introduction to programming using Python, a popular language for general-purpose programming, data science, web programming, and more.

Free to audit10 weeks, 3 - 6 hours per week

Enter your email and the official page opens. Phone is optional.