Phase 1: HTML, CSS & JavaScript 🚀
Learn the real web basics—structure, style, and scripts. No fluff. Master these or get lost in drag-drop hell forever.
Learn the real web basics—structure, style, and scripts. No fluff. Master these or get lost in drag-drop hell forever.
Servers speak PHP and databases. Learn their language so you can finally control your WordPress, not just click buttons blindly.
Forget tutorials that skip widgets and menus. Get hands-on with themes, plugins, options — actually understand what powers WordPress.
Use Elementor like a pro, not a monkey. Customize, tweak, and bend drag-drop tools with your own brain and tiny JS hooks.
Real projects need real changes. Learn hooks, filters, custom plugins, and how to stop copying code blindly. Build, tweak, earn.
Full outline + Hand Written Notes available for 999 PKR!
| Day | Topic |
|---|---|
| 1 | Course Introduction, Tools Overview, What You’ll Learn |
| Phase 1: HTML, CSS & JavaScript | |
| 2 | HTML Basics – Headings, Paragraphs, Links, Images |
| 3 | HTML Forms – Inputs, Buttons, Labels |
| 4 | CSS Basics – Colors, Fonts, Backgrounds |
| 5 | CSS Layout – Box Model, Margin, Padding, Border |
| 6 | CSS Flexbox – Layout Practice |
| 7 | CSS Practice – Design Basic Web Page |
| 8 | JavaScript Basics – Variables, Alerts, Console |
| 9 | JavaScript Events – Click, Input, Form |
| 10 | Project: Web Page + Form with JavaScript Alert |
| Phase 2: PHP & MySQL | |
| 11 | PHP Basics – echo, variables |
| 12 | PHP Conditions – if/else |
| 13 | PHP Forms – Get data using POST |
| 14 | PHP Functions – Basics |
| 15 | MySQL Basics – Tables, Insert, Read |
| 16 | Connect PHP to MySQL (mysqli) |
| 17 | Insert Form Data into Database |
| 18 | Show Data from Database |
| 19 | Edit and Delete Data (CRUD) |
| 20 | Project: Feedback Form with Database |
| Phase 3: WordPress Basics | |
| 21 | Install WordPress on Localhost |
| 22 | WordPress Dashboard Overview |
| 23 | Create Pages and Posts |
| 24 | Install and Change Themes |
| 25 | Install Plugins (Forms, SEO) |
| 26 | Create Menus and Navigation |
| 27 | Upload Media – Images, Videos |
| 28 | Create a Blog Layout |
| 29 | Build a Basic Site (Home, About, Contact) |
| 30 | Project: Personal or Business Site |
| Phase 4: Elementor Drag & Drop | |
| 31 | Install Elementor Plugin |
| 32 | Build Page Using Drag & Drop |
| 33 | Add Text, Buttons, Images |
| 34 | Create Layouts – 2/3 Columns |
| 35 | Customize Fonts, Colors, Spacing |
| 36 | Make Site Mobile-Friendly |
| 37 | Add Contact Form |
| 38 | Add Animations and Effects |
| 39 | Build Full Website with Elementor |
| 40 | Project: Landing or Portfolio Page |
| Phase 5: Custom WordPress + Plugin Dev | |
| 41 | How WordPress Files Work |
| 42 | Change Text with PHP (functions.php) |
| 43 | Add Custom JavaScript |
| 44 | Intro to Hooks (actions & filters) |
| 45 | Change Layout/Text Using Hooks |
| 46 | Intro to Plugin Development |
| 47 | Create a Simple Plugin |
| 48 | Make a Maintenance Mode Plugin |
| 49 | Test Plugin on Live Site |
| 50 | 🎁 Bonus: How to Monetize Your Skills |
Ali T.: “3 saal YouTube dekh ke sirf intro banana aya tha. Ese course ne mujhe ‘Next.js’ sikha dia. Ammi ab mujhe IT expert kehti hain.”
Mehwish A.: “Pehle samajhti thi WordPress sirf blogging ke liye hota hai. Ab client websites bana ke cousin ke rishtay reject kar rahi hoon.”
Usman B.: “Freelancer profile 6 saal se inactive thi. Course k baad first order mila — aur paisay bhi! Maula ajj khush hai.”
Sana K.: “Bhai ne bola ‘ye course kar lo, shaadi ke liye CV strong ho jayega’. CV bhi bani, aur shaadi bhi fix ho gayi.”
Zubair C.: “Main to sirf memes banata tha, ab clients ke liye full sites bana raha hoon. Ammi kehti hain ab main ‘pura’ larka ban gaya hoon.”