Full Stack Web Development From Scratch with PHP in 10 Days
4.2 (19 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
98 students enrolled

Full Stack Web Development From Scratch with PHP in 10 Days

Crash Course | Step by Step | Learn by Doing and Become a Full Stack Developer & Learn Full Stack Web Development in PHP
4.2 (19 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
98 students enrolled
Last updated 10/2019
Current price: $139.99 Original price: $199.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 7 hours on-demand video
  • 5 articles
  • 4 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Learn to Work with HTML, CSS and jQuery
  • Learn to Convert HTML Website into PHP Website
  • Learn to Convert Static Website into Responsive Website
  • Learn to Work with PHP and MySQL
  • Learn to Create Secure Basic Admin Panel with PHP
  • Learn to Create Form and Store in Database
  • Several Practical Tips and Techniques
  • Understand How to Register Domain and How Domain Works
  • Setup Free Hosting Account and Upload Website with FTP
  • Path to Further Resources to Learn More
Course content
Expand all 80 lectures 06:50:52
+ Day 1: HTML Website Development
11 lectures 01:18:51

quick explanations on core elements, tags and attributes

Preview 08:53

basic formatting, headlines, html entities

Create a Blueprint Template

re-create website pages fast with template

Create Website Pages
Create Blog Page
Create Gallery Page
Create Data Report Page
Create Resources Page
Create Application Form
Create Contact Form + Enhance Application Form
Add Google Map on Your Contact Page
Download Source Files (Static HTML Website)
+ Day 2: Convert HTML Website into PHP Website
3 lectures 15:48
Install and Setup Local Web Server (Updated: Oct 28, 2019)
Convert HTML Pages into PHP
Separate Repeated Sections in Global Files
+ Day 3: CSS Basics and Practical Usage
5 lectures 44:55

change text formatting, change links color and understand basic practical usage by utilizing style sheet with ID and Classes

Play with CSS Rules using Internal and External Styles
Block Level Element and Inline Element by Easy Practical Example

examples with padding, border and margin, multiple values for a single css property, width and auto alignment, apply css style to child element

Hands-on Practical with Box, Border, Padding and Margin

practical improvements on gallery images, reports data, forms and fields

Apply CSS Styles to Website Pages with Single and Multiple Selectors
Download Source Files (PHP and CSS Website)
+ Day 4: Convert PHP Website into Responsive Website (Bootstrap 4)
12 lectures 01:02:24
Why Use Bootstrap 4 and its Benefits
Integrate Bootstrap in Website in a Minute
Websites Pages Review and Bootstrap Framework CSS

grid system visual example, grid system rows/column examples, mobile vs tablet vs desktop related grid examples

Bootstrap Responsive Grid with Examples (Mobile, Tablet, Desktop)

convert images into responsive,  CSS overriding rule

Transform Simple Gallery HTML Page into Responsive Gallery
Website Review on Mobile View and Desktop View
Convert Simple Navigation into Responsive Mobile/Desktop Compatible
Upgrade and Enhance Application Form and Contact Form
Upgrade Table into Responsive, Improve and Solve Problem

bootstrap jumbotron for article, responsive google map

Improve Website Pages for Mobile/Desktop
Add Image Slider to Homepage
Create a Responsive Footer with Text Alignment Techniques
+ Day 5: jQuery Basics and Practical Usage
4 lectures 23:19
Why jQuery instead of JavaScript
jQuery Syntax, Understanding Concept and Basic Demonstration
Hide and Show Form Fields based on User Selection
Animate Gallery Images with Mouse Events
+ Day 6: PHP, SQL and MySQL Database
10 lectures 46:22
Create Your MySQL Database
Create and Understand Contact Table
Understand and Set Table Field Types
Create Contact Thanks Page and Apply Form Action

access form data through URL, variable in PHP, form name attribute importance, concatenate operator, common error troubleshooting

Update Form and Display Data on Thanks Page
Examples and Explanation on GET vs POST and Changing Form Type

database connection setup, SQL language core operations , errors debugging, important scenarios of SQL mistakes

Database with PHP and SQL Language – Learn like Plain English
SQL Language in Action with PHP and Save Contact Form in Database

explanation of a problem, solution of problem, date formats

Dealing with Date and Solve a Serious Problem of Contact Form Submission
Conclusion + Setup Global Configuration PHP File
+ Day 7: PHP with Admin Panel and Practical Techniques
14 lectures 01:28:48
Admin Panel Preparation

bootstrap d-flex and alignment, form controls, color button

Create Admin Login Page with Good Looking Form
Login Script with Conditions, Operators and Redirection
Logout Page
Session for Login and Logout with Example Scenarios
Security File for Admin Panel
Regenerate a New Session on Every Login Attempt
Create Students Management Page with Add Form and Script
Centralized Script for Admin Operations
Setup Students Report Page with Database
Delete a Student in Action
Edit Database Records with a Form Page and Script
Finalization of Students Management + Admin Panel
Download Source Files (Complete Dynamic Website)
+ Day 8: Domain Name with Practical Examples
3 lectures 08:14
How Really Domain and Hosting Works?
How Do We Find and Register Domain?
How a Domain Works with Hosting?
+ Day 9: Web Hosting Setup with FTP and Live Database
5 lectures 15:38
Free Hosting Preparation
Free Domain Setup
Upload Files via Web Based Control Panel and FTP Software
Database Setup + Import / Export Process and Helpful Configurations
Quick Introduction to Website Builder (optional)
  • A Computer with Microsoft Windows
  • An Internet Connection
  • A Text Editor (Notepad, Notepad++, Sublime, Dreamweaver)
  • A Web Browser

So you've decided to learn web development yourself and researching about which course is best for you?

What's next?

You want to pick the best and easy one that can help you transform yourself step-by-step as easily as possible but you've become confused to decide which course is best on "full stack web development".

I know it by experience because when I was learning web development it wasted me a lot of time doing it all myself and after several years of selling coding services to international clients and reaching top 1% service provider, I've had figured out that freelance developers don't need to learn everything.

If you want to earn money as a web developer, you don't need to master so many web languages.

And you don't even need to confuse yourself in the beginning.

You just need to know essentials and understand how to create practical solutions, not how to memorize vocabulary.

The more you'll CREATE the more you'll LEARN and UNDERSTAND it better and of course memorize by doing.

So, what's different about my course?

A Focused Practical Approach:

This course was made without going in unnecessary details to let you focus on essential practicals as a beginner.

First Difference:

This is experiential learning. Each of the lesson tells you what to do, and shows you how to do it, with my explanations.

Rather than give you a (unnecessary) "vocabulary" like a lot of online courses do, this gives you a framework that orients you just enough so that you can learn by doing.

It shows you from scratch to finish about making simple plain text file to a website to a custom basic admin panel with database and therefore will be more useful and powerful for your kick start.

Second Difference:

You'll get to experience what it's like to be a full stack web developer. Some "full stack web development" courses skip this part, which confuses you about what to do next and you are left blank after finishing the course.

After this course, you will have confidence and experience to create websites by utilizing practical experience from this course. You won't really be stuck on how things work together.

Here is What You Will Practically Do:

- You create HTML website starting from scratch as a text file
- You convert HTML website into PHP website
- You transform website with CSS
- You'll make PHP website into a responsive website using Bootstrap 4
- You will manipulate web pages and images using jQuery
- You'll easily learn SQL language and perform various operations
- You create a custom and secure Admin Panel with Database
- You'll setup Domain and Hosting for your created website
- You'll upload website live with FTP

FREE Bonuses:
- Included some professional techniques
- Problem-solving approach used for a beginner
- Learn WHAT and WHY during practical development

A Compatible Course for Beginners Familiar with basic HTML/CSS:

You can even skip first two days because Day 1 and Day 3 are for beginners who don't really know anything about HTML/CSS.

Step 1: Start and Finish Day 2 (take source files from Day 1)
Step 2: Start and Finish Day 4 (take source files from Day 3)

Who this course is for:
  • This course is for beginners - no prior web experience is required
  • This course is for students who want to decide career passion fast
  • This course is for entrepreneurs & hobbyists
  • This course is for those looking to jump in web development career
  • This course is for anyone who wants to learn front-end, back-end and responsive development
  • This course is NOT for absolute beginners having no basic computer knowledge
  • This course is NOT for people looking to learn OOP and PHP frameworks.
  • This course is NOT for experienced PHP/MySQL developers
  • This course is NOT for Node, React, Angular or Vue