Beginner Full-Stack Web Development from Scratch in 10 Days
4.2 (13 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.
67 students enrolled

Beginner Full-Stack Web Development from Scratch in 10 Days

A Step by Step Practical Course to Learn by Doing / Core PHP Web Development Experience - Source Files Included
4.2 (13 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.
67 students enrolled
Created by ZEESHAN ARSHAD
Last updated 11/2018
English
Current price: $49.99 Original price: $199.99 Discount: 75% off
30-Day Money-Back Guarantee
This course includes
  • 7 hours on-demand video
  • 6 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 Udemy's top 3,000+ 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:11
+ 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
08:28

re-create website pages fast with template

Create Website Pages
01:36
Create Blog Page
06:39
Create Gallery Page
07:52
Create Data Report Page
12:00
Create Resources Page
09:04
Create Application Form
16:57
Create Contact Form + Enhance Application Form
05:19
Add Google Map on Your Contact Page
02:01
Download Source Files (Static HTML Website)
00:02
+ Day 2: Convert HTML Website into PHP Website
3 lectures 15:18
Install and Setup Local Web Server
03:40
Convert HTML Pages into PHP
03:22
Separate Repeated Sections in Global Files
08:16
+ 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
13:59
Block Level Element and Inline Element by Easy Practical Example
03:33

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
15:23

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

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

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)
14:30

convert images into responsive,  CSS overriding rule

Transform Simple Gallery HTML Page into Responsive Gallery
05:43
Website Review on Mobile View and Desktop View
01:31
Convert Simple Navigation into Responsive Mobile/Desktop Compatible
04:23
Upgrade and Enhance Application Form and Contact Form
04:11
Upgrade Table into Responsive, Improve and Solve Problem
06:15

bootstrap jumbotron for article, responsive google map

Improve Website Pages for Mobile/Desktop
03:53
Add Image Slider to Homepage
05:20
Create a Responsive Footer with Text Alignment Techniques
07:51
+ Day 5: jQuery Basics and Practical Usage
4 lectures 23:19
Why jQuery instead of JavaScript
00:38
jQuery Syntax, Understanding Concept and Basic Demonstration
04:48
Hide and Show Form Fields based on User Selection
09:18
Animate Gallery Images with Mouse Events
08:35
+ Day 6: PHP, SQL and MySQL Database
10 lectures 46:22
Create Your MySQL Database
02:38
Create and Understand Contact Table
03:42
Understand and Set Table Field Types
03:31
Create Contact Thanks Page and Apply Form Action
01:26

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
07:47
Examples and Explanation on GET vs POST and Changing Form Type
03:29

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

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

explanation of a problem, solution of problem, date formats

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

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

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

Whether you've decided to learn web development or struggling to self-study web development.

Now what?

You might be confused!! 

WHERE to start and WHAT to start?

OR -- Maybe you've been learning web development a while and have lost your way or your 'development motivation'?

Consider this course a 'lifesaver' for your development confusion and procrastination.

This course will give you practical approach in building successful foundations for a full-stack web development career from scratch by utilizing 7 hours to kick start yourself and get it on the right path.

You will actually learn by doing instead learn by learning a language.

If you are investing money then I believe you deserve to learn and understand real-world development than learning theories.

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 Do:

- Learn HTML by creating html website

- Learn PHP by converting html to php website

- Learn CSS by practically applying changes to php website

- Learn Responsive bootstrap 4 by converting php website to responsive website

- Learn jQuery to manipulate items on web page

- Learn SQL like a plain English

- Learn to create a secure custom & basic admin panel with database

- Setup domain and hosting

- Upload website live with ftp

- Learn some bonus professional techniques

- Learn some problem solving skills

You will also learn what and why during practical development.

NOTE: This course is made without going in unnecessary details to let you focus on essential practical as beginner.

For Experienced HTML and CSS Designers/Developers:

You can even skip two days because Day 1 and Day 3 are for beginners who don't really know html and 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 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