Online course · 42% off today

Web Development

Learn to build websites from scratch with HTML, CSS, JavaScript, Bootstrap, PHP, and MySQL. Explore frontend development, backend programming, databases, APIs, and practical website projects in one comprehensive course.

MCreated byMahesh Babar English 242 Lessons 21:25:41 Hours Certificate
01

About course

Web development is the process of creating websites and web applications, combining the visual elements users interact with and the technologies that power functionality behind the scenes.

The EduBenchers Web Development course is designed to introduce you to the core technologies used in website development, starting with web fundamentals and progressing to frontend design, programming, database management, and backend development.

You will begin with HTML5 and CSS3 to structure and style web pages, followed by JavaScript to add interactivity and dynamic functionality. You will also explore Bootstrap to build responsive layouts and use its components to create more consistent website interfaces.

As you progress, you will learn PHP programming, object-oriented programming in PHP, and MySQL database operations. The course also introduces XML, JSON, REST concepts, and APIs to help you understand how data is structured and exchanged between systems.

Throughout the course, you will work through practical exercises and website projects, including page layouts, forms, a Google homepage recreation, a responsive welcome page, a coming-soon page, and JavaScript-based applications.

Whether you are a beginner exploring web development or a learner looking to strengthen your website-building skills, this course provides a foundation in frontend and backend technologies and how they work together to create functional websites.

02

Overview

What you'll learn

01

Web Development Fundamentals: Understand how the internet, HTTP, DNS, TCP/IP, and client-server technology work together to deliver websites.

02

HTML5: Create web page structures using headings, paragraphs, links, lists, tables, forms, semantic elements, and other HTML tags.

03

CSS3: Style web pages using selectors, colours, typography, positioning, layouts, and other styling techniques.

04

HTML and CSS Projects: Practise building website layouts, survey pages, a Google homepage recreation, responsive pages, and coming-soon pages.

05

JavaScript Fundamentals: Learn variables, operators, strings, arrays, conditions, loops, dates, and basic programming logic.

06

Intermediate [removed] Explore functions, objects, events, error handling, DOM manipulation, and form elements.

07

JavaScript Projects: Build features such as form validation and a number-guessing game.

08

Bootstrap: Learn to use Bootstrap's grid system, typography, forms, navigation, cards, modals, carousels, and other interface components.

09

PHP Programming: Understand variables, data types, operators, strings, control structures, loops, functions, arrays, dates, and file handling.

10

MySQL and Database Management: Learn to create and manage databases and tables, insert and retrieve data, update records, filter results, aggregate information, and join tables.

11

Object-Oriented PHP: Explore classes, objects, constructors, inheritance, access modifiers, abstract classes, interfaces, traits, and static members.

12

XML and JSON: Understand data formats, structures, parsing, and serialization concepts.

13

REST and APIs: Get introduced to APIs, REST, and web services and understand their role in connecting applications.

03

Curriculum

242 Lessons · 21:25:41 Hours

  • What you'll learn in this course00:03:24
  • Download HTML Editor00:02:40
  • Check your Softwares00:02:18
  • Objective what you'll learn in Web Basics Section00:01:23
  • Challenge Communication Gap00:04:03
  • What is Protocol00:04:02
  • What is Internet00:04:59
  • What is TCP IP Protocol00:07:53
  • What is DNS00:04:19
  • What is HTTP00:01:49
  • How HTTP Works00:03:35
  • What is Client Server Technology00:03:45
  • How website works00:04:18
  • Types of Languages00:04:44
  • Compiler vs Interpreter00:02:08
  • Things to remember in Web Basics00:02:42
  • Summary in Web Basics Section00:01:36
  • Objective what you'll learn in HTML5 Section00:02:22
  • What is HTML00:01:27
  • Tag, Element and Attribute00:03:11
  • Structure of HTML page00:01:21
  • My First HTML Page00:05:00
  • HTML Boilerplate00:03:07
  • Header Tags00:03:36
  • Paragraphs and Comments00:01:42
  • Horizontal Line and Line Breaks00:03:18
  • Strong emphasis underline and italics00:04:21
  • Pre and Code Tag00:04:29
  • Definitions unordered ordered list00:07:44
  • Link Tags00:02:51
  • Section and Article Tag00:03:43
  • Additional HTML Tags00:03:40
  • Newspaper Exercise00:03:27
  • Things to remember in HTML Basics00:02:34
  • Summary What you have learned in HTML5 Section00:02:40
  • Objective what you'll learn in Intermediate Section00:02:04
  • Creating Tables00:07:38
  • Embedding Contents00:04:49
  • Working with Forms00:11:52
  • Meta Tags00:03:35
  • Div and Span Tag00:06:31
  • HTML Entities00:04:07
  • Iframes00:02:06
  • Additional HTML Tags 200:08:07
  • List of all HTML Tags in Single Page00:05:59
  • Things to remember in intermediate html00:02:40
  • Summary what you have learned in intermediate HTML Section00:02:14
  • Objective What you'll learn in intro to css300:02:28
  • Inline CSS00:02:22
  • What is CSS300:02:10
  • Comments in CSS00:02:53
  • Internal CSS00:03:18
  • External CSS00:03:30
  • Linking CSS00:02:03
  • How to debug CSS File00:02:29
  • CSS Selectors00:03:15
  • Universal Selector00:02:44
  • Type Selector00:02:53
  • Class Selector00:02:59
  • ID Selector00:02:44
  • ID vs Class Selector00:03:22
  • Attribute Selector00:17:40
  • Child Selector00:02:35
  • Descendant Selector00:02:28
  • Adjacent Sibling Selector00:03:04
  • General Sibling Selector00:01:40
  • Pseudo Classes and Elements00:12:11
  • CSS Precedence Rules00:02:32
  • Color and text00:03:27
  • Things to remember in Introduction to CSS300:02:12
  • Summary What you have learned in CSS3 Section00:02:56
  • Objective what you'll learn in Intermediate CSS3 Section00:01:47
  • CSS Box00:08:18
  • CSS Floating Columns00:05:03
  • Positioning Elements00:14:52
  • Display Inline or block00:05:05
  • Use Google Fonts in your website00:02:39
  • Project website layout00:04:46
  • Things to remember in intermediate CSS00:01:27
  • Summary what you have learned in intermediate CSS3 Section00:01:50
  • Single Page Layout00:05:06
  • My Awesome Website00:19:03
  • Survey Page00:14:46
  • Google Home Page00:22:36
  • Responsive Welcome Page00:24:13
  • Coming Soon Page00:19:18
  • Objective what you'll learn in Javascript Section00:02:20
  • Introduction to Javascript00:11:26
  • Internal Javascript00:03:30
  • Comments in Javascript00:03:17
  • External Javascript00:05:06
  • Inline Javascript00:02:03
  • Exercise with javascript00:07:13
  • How to debug Javascript Code00:05:05
  • Things to remember in Introduction to Javascript00:02:34
  • Summary What you have learned in Javascript Section00:02:52
  • Objective what you'll learn in Javascript Syntax Section00:03:03
  • Identifiers in Javascript00:01:10
  • Variables and Comments00:05:46
  • Primitives00:04:28
  • Assignment Operators00:08:03
  • Comparison Operators00:06:54
  • Arithmetic Operator00:05:04
  • Logical operators00:03:44
  • string operations00:19:23
  • Quotes00:04:57
  • Booleans00:03:11
  • Arrays00:09:40
  • Date and Time00:09:34
  • If statements00:03:27
  • Switch Statements00:04:51
  • While Statements00:06:42
  • For Statements00:06:44
  • Things to remember in Javascript Syntax00:03:21
  • Summary what you have learned in javascript Syntax Section00:03:35
  • Objective what you'll learn in Intermediate javascript Section00:02:13
  • Write Functions00:05:00
  • Dealing with objects00:08:43
  • Creating Events00:05:06
  • Writing trace logs00:03:20
  • Try Catch block00:08:03
  • DOM Find an Element by ID00:07:26
  • DOM Update the Element Data00:05:39
  • Acess Form Elements00:05:06
  • Things to remember in intermediate javascript00:02:47
  • Summary what you have learned in intermediate javascript Section00:03:01
  • Access browser URL00:09:16
  • Form validation00:09:04
  • Number guessing game00:16:30
  • What is Bootstrap00:02:43
  • How to use Bootstrap00:03:33
  • Bootstrap Containers00:12:44
  • Bootstrap Grid System00:11:40
  • Bootstrap Typography00:07:23
  • Bootstrap Colors00:02:16
  • Bootstrap Tables00:06:45
  • Bootstrap Images00:07:02
  • Bootstrap Jumbotron00:02:45
  • Bootstrap Alerts00:03:00
  • Bootstrap Buttons00:04:28
  • Bootstrap Button Groups00:05:22
  • Bootstrap Badges00:03:36
  • Bootstrap Progress Bars00:05:41
  • Bootstrap Spinners00:03:12
  • Bootstrap Pagination00:04:55
  • Bootstrap List Groups00:06:37
  • Bootstrap Cards00:02:59
  • Bootstrap Dropdowns00:07:49
  • Bootstrap Collapse00:05:02
  • Bootstrap Navs00:04:23
  • Bootstrap Navbar00:07:17
  • Bootstrap Forms00:04:51
  • Bootstrap Form Inputs00:06:44
  • Bootstrap Input Groups00:04:56
  • Bootstrap Custom Forms00:10:03
  • Bootstrap Carousel00:08:41
  • Bootstrap Modal00:05:00
  • Bootstrap Tooltip00:04:55
  • Bootstrap Popover00:03:46
  • Bootstrap Toast00:04:15
  • Bootstrap Scrollspy00:05:01
  • Bootstrap Flex00:07:25
  • Bootstrap Icons00:04:21
  • Bootstrap Media Objects00:03:50
  • Setting of the PHP Environment00:03:42
  • PHP Introduction00:03:15
  • PHP First Page with Language Basics00:04:18
  • PHP Variables and Constants00:06:37
  • PHP Expressions and Operators00:21:33
  • PHP Datatypes00:08:34
  • PHP Strings00:05:03
  • PHP Numbers00:08:12
  • PHP Math Functions00:05:06
  • PHP Control Structures00:07:49
  • PHP Loops00:08:53
  • PHP Functions00:17:55
  • PHP Arrays00:10:09
  • PHP Date and Time00:10:01
  • PHP File Handling00:14:52
  • Objective what you'll learn in MySQL Basics Section00:01:16
  • Introduction to Database and MySQL00:03:16
  • What is MySQL00:02:00
  • What is phpMyAdmin00:02:54
  • Summary What you have learned in MySQL Basics Section00:01:51
  • phpMyAdmin Create Users00:02:29
  • phpMyAdmin Create Databases and Tables00:03:56
  • MySQL Create and Database00:01:39
  • MySQL Drop Database00:01:57
  • MySQL Create Table00:03:29
  • MySQL Drop Table00:02:04
  • MySQL insert statements00:02:59
  • MySQL Select Statements00:02:57
  • MySQL Clause - Where and Limit00:02:52
  • MySQL And, Or, Not Operators00:05:36
  • MySQL order by Keyword00:03:45
  • MySQL Null Values00:02:44
  • MySQL Update Statement00:02:27
  • MySQL Delete Statement00:02:24
  • MySQL Min and Max Functions00:04:05
  • MySQL Count, Avg, Sum Functions00:04:27
  • MySQL Like Operator00:08:42
  • MySQL IN Operator00:03:28
  • MySQL Between Operator00:03:34
  • MySQL Alises00:03:41
  • MySQL Inner, Left and Right Outer Join00:07:55
  • MySQL Union and Union All Operator00:04:38
  • MySQL Group by Statement00:04:00
  • MySQL Having Clause00:03:46
  • MySQL Exists Operator00:03:43
  • MySQL All and Any Operator00:04:27
  • OOP Basics00:02:17
  • OOP Classes and Objects00:07:40
  • OOP Constructor00:03:58
  • OOP Destructor00:03:03
  • OOP Access Modifiers00:04:58
  • OOP Inheritance00:08:34
  • OOP Class Constants00:02:55
  • OOP Abstract Classes and Abstract Methods00:06:30
  • OOP Interfaces00:06:28
  • OOP Traits00:05:02
  • OOP Static Methods00:06:54
  • OOP Static Properties00:06:25
  • Introduction to XML00:06:09
  • How to use XML00:03:01
  • XML Tree00:03:39
  • XML Elements00:06:18
  • XML Attributes00:04:16
  • XML DOM00:04:48
  • XQuery00:01:57
  • DTD XML00:04:38
  • XML Schema00:04:50
  • Introduction to JSON00:03:10
  • Javascript Syntax00:07:23
  • JSON VS XML00:04:27
  • JSON Datatypes00:03:51
  • JSON.parse() Function00:04:02
  • JSON.stringify() Function00:09:47
  • JSON Objects00:10:18
  • JSON Arrays00:10:41
  • What is API00:03:07
  • What is REST00:02:31
  • Webservices vs API00:09:10
Video LecturesWatch & rewatch anytime
Best Interactive ContentQuizzes and activities that stick
GuidanceAsk doubts, get expert answers
04

Why Learn Web Development?

01

Build Your Own Websites: Learn how to create web pages and develop them into more interactive experiences.

02

Learn Frontend and Backend Technologies: Understand both the user-facing side of websites and the server-side technologies that support them.

03

Create Practical Projects: Apply your knowledge by building website layouts, forms, interactive features, and other web-based exercises.

04

Understand Database Integration: Learn how PHP and MySQL can be used together to manage and retrieve application data.

05

Develop Problem-Solving Skills: Practise breaking down website requirements into smaller design and programming tasks.

06

Explore Freelancing and Independent Projects: Build foundational skills that can support further learning and small website projects.

07

Prepare for Further Learning: Establish a foundation for exploring more advanced web technologies, frameworks, and application development.

05

Who this course is for:

01

Complete Beginners: Individuals who want to learn the fundamentals of website development from scratch.

02

College Students: Learners who want practical exposure to HTML, CSS, JavaScript, PHP, and databases.

03

Aspiring Web Developers: Individuals who want to understand frontend and backend development fundamentals.

04

Aspiring Freelancers: Learners who want to develop the foundational skills needed to explore website-building projects for clients.

05

Entrepreneurs and Business Owners: Individuals interested in understanding how websites are structured and developed.

06

Existing Programmers: Developers who want to expand their knowledge of web technologies and PHP-based development.

07

Project-Based Learners: Students who prefer learning through practical website exercises and coding projects.