Buying for a Team? Gift This Course
Wishlisted Wishlist

Please confirm that you want to add Learn comprehensive web development to your Wishlist.

Add to Wishlist

Learn comprehensive web development

The only complete web development course. Run an eCommerce business.
3.5 (2 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
1,749 students enrolled
Last updated 5/2015
$10 $50 80% off
1 day left at this price!
30-Day Money-Back Guarantee
  • 16 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Have a coupon?
What Will I Learn?
Create your own eCommerce website.
Call yourself a webmaster.
Teach HTML5, CSS3, Jquery, and MYSQL to others.
Enjoy developing webpages for fun and profit!
View Curriculum
  • Students must be prepared to unlearn HTML 4.0 and be prepared to learn HTML5.
  • Have patience and time to assimilate about 200 to 250 video lectures.

This course is designed with a motive to teach you end to end web development. I have an agenda of my own to empower you to be successful in being able to develop webpages for fun or profit!!

HTML5, CSS3, Jquery, Bootstrap are basic building blocks of today's webpages. It is essential to learn them in considerable depth to be a successful frontend developer. PHP and MYSQL are popular processing and backend technologies. This isn't your typical course – It's more than that! This will teach you all of the listed technologies under one roof.

This course is divided into six major modules:

Module 1: Covers HTML 5 in detail

  1. Course Intro
  2. HTML 5 basic concept
  3. Choosing a editor
  4. More basics
  5. How to set a webpage title
  6. How to use text headings
  7. How to use paragraphs
  8. How to use line breaks
  9. Test101
  10. How to make the text bold
  11. How to use strong text
  12. How to italicize text
  13. How to mark a text
  14. Delete and insert text
  15. How to insert superscript and subscript text on pages.
  16. How to add quotes to webpages
  17. Test102
  18. How to add a block-quote to your page
  19. Attributes
  20. How to add address to your page
  21. Display images on your webpages
  22. How to display code on your page
  23. Define keyboard input on pages
  24. Display text as it appears in your editor/code window
  25. Abbreviate text on pages
  26. Cite references for borrowed content
  27. Summarizing all that we've till here in one video
  28. How to add comments
  29. Links Part1
  30. Links part 2
  31. Links Part3
  32. Links Part4
  33. Learn to work with unordered list
  34. Let's make an ordered list
  35. Create a distribution list
  36. HTML 5 page structure
  37. Tables intro
  38. How to add table headers
  39. How to add table captions
  40. Introduction to forms
  41. Form text boxes
  42. Form checkboxes
  43. Form radio buttons
  44. Form dropdowns
  45. Form submit button
  46. Form textarea
  47. Multimedia Intro
  48. Add videos to your webpage
  49. Add audio files to your pages
  50. Adding Youtube videos
  51. DIV's


Module 2: Covers CSS3, to beautify the page

  1. Requirement
  2. CSS Intro
  3. CSS Selectors
  4. Change text color(Internal style)
  5. Create an external style sheet
  6. Reference external style sheet
  7. Defining styles on an external style sheet
  8. Multiple CSS selectors
  9. Select by ID
  10. Select by Class
  11. Difference between Class and ID selectors
  12. How to add comments
  13. How to open and use colorpicker
  14. General theory RGB and HEX
  15. Using RGB and HEX values in CSS
  16. Add background color
  17. Add gradient background
  18. Play with font sizes
  19. Add background images
  20. Background image repeat options
  21. Aligning text
  22. Decorating text
  23. Playing with margins
  24. Playing with padding
  25. Adding shadows to text
  26. How to blur text shadows
  27. Integrating Google fonts
  28. Working with list styles
  29. Using images for list-styles
  30. Shorthand for list-style
  31. States of links
  32. Normal and hover effects
  33. Visited and active links
  34. Add border, define color, and style for tables
  35. Padding cells and aligning text in tables
  36. Styling tables
  37. Border properties and values
  38. Playing around with visiblity settings
  39. Positioning theory
  40. Static positioning
  41. Absolutee positioning
  42. Relative positioning
  43. Using both absolute and relative positioning
  44. Usage of float
  45. Styling forms
  46. Style form as a whole
  47. Style H1 and SPAN in forms
  48. Style button in form
  49. Styling SELECT
  50. Adding box shadow
  51. CSS transitions
  52. CSS transparency
  53. Pseudo element throry
  54. Pseudo element first letter
  55. Pseudo element after
  56. Pseudo element before

Module 3: Explores Jquery to add features to pages

  1. Jquery Intro
  2. Exploring Jquery
  3. How to download Jquery
  4. How to include local libs
  5. How to include CDN references
  6. Document ready event
  7. Test if Jquery works fine
  8. Shorthand for Document ready
  9. Selectors
  10. ATTR method
  11. Jquery and CSS
  12. DOM manupilation
  13. Using effects in Jquery
  14. Jquery UI Intro
  15. How to download Jquery UI
  16. How to work with Accordion
  17. How to use datepicker
  18. How to use dialogs
  19. Working with menus
  20. Working with Autocomplete
  21. Using tabs in Jquery UI
  22. Animate using Jquery UI

Module 4: Introduces Bootstrap framework for responsive design

  1. Bootstrap Intro
  2. Download Pingendo
  3. Classes
  4. Rowns and columns
  5. Working with Pingendo
  6. Demo page with Pingendo
  7. Demo page 2 with Pingendo

Module 5: Teaches you basics of PHP

  1. WAMP installation
  2. PHP variables
  3. PHP IF and ELSE statement
  4. Basic MYSQLI connection
  5. phpMyAdmin basics
  6. phpMyAdmin inserting records.

Module 6: Help you to perform CRUD using MYSQL

  1. How to select results from Database and display them on page

videos pending....

This course will suit different style of learners. It is designed to help beginners and intermediate learners.

You have complete control over what you want to learn “Choose the modules you like."

In the current standing, every business, big or small needs to have strong online presence to profit from e-Commerce. If you are planning to setup a webpage, start an online website, or learn these concepts, this course is a great resource.

The course is structured, and ordered evenly to teach you little by little.

What's included?

You get 15+ hours of video lectures

Code snippets in .txt files ( I am not able to upload .html) directly as no support for same on Udemy.

A PDF document that contains all the codes we covered.

You will get two template I've developed while I was training my last batch plus any templates I develop for this series.

There will be sufficient number of quizzes added to test your knowledge. I will make them as hard as possible as you progress!

This is one heck of a course tailored to test your patience. I will give you ~250 videos.

You can take your own sweet time to complete the training.

You must take this course to learn end to end web-development. You will learn front-end, back-end and also the processing language to connect both of them.

Dive in! Immerse yourself!!

Who is the target audience?
  • Anyone who wants to setup their own eCommerce business.
  • Beginners and intermediate learners.
  • Individuals who want to learn end to end web development.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 147 Lectures Collapse All 147 Lectures 15:50:00
2 Lectures 11:28

This is a pre-screener quiz. Depending on the results you must choose to take appropriates modules.

10 questions

This is a general video which will tell you what we cover in this course. We will discuss about the purpose of this course.

Preview 03:25

This is the introductory video for the course. This will show you how the course is structured, how you can use the files in the resource section and how you can seek help with your code.

Preview 08:03
HTML5: Basics
7 Lectures 50:20

This video will explain what a webpage is and concepts around it.

- What is a webpage?

- What is a URL?

- How do we create a webpage?

- Purpose of the page

HTML 5 basic concept

This will show you how to locate the right editor to code at a rapid pace. This will show you how to download and use SLE.

Choosing a editor

This video will explain :

-HTML 5 basic tags

-Show you how to create and save HTML file using SLE.

-How to name the files

-Extension for HTML files and

-Code compeletion

More basics: Tags, Extensions, Code compeletion

After you complete this video you will be able to understand what title of the page is and how to set and change page titles.

Preview 05:03

We will learn how to use headings in this video. We will also understand why they are used and what are the common mistakes others make while using heading tags.

Understanding heading's

We will learn how to use the paragraph tag.

Usage of paragraphs

Here, we learn how to force the tags or text to use and render on a new line.

Adding line breaks

Let's see what you've learnt!

5 questions
Formatting tags
6 Lectures 24:24

There are instances when we need to make the text on the page appear in bold fonts. You will just learn that: how to use 'bold' tag.

Add bold text to page

We will explore the 'strong' tag. By the end of this video you will be able to differentiate between bold and strong.

Add strong text

This video will teach you how to render the text in italic. This will also teach you to use emphasized text on a page. We will also discuss the difference between both of the tags used in this video.

Italicize text

By the time you finish viewing this video you will be able to mark a text using HTML 5 tag.

Mark a text

Here, you will learn how to strikeout incorrect text and insert the corrected text using HTML 5.

In some of the websites which deal with Money, or sensitive information, this is a requirement per policy documents/standards.

Delete and insert text

Let's learn how to use superscript and subscript tags on your webpages.

How to insert superscript and subscript text on pages.
23 Lectures 02:42:57

This video will teach you to insert a quote on your webpage.

How to add quotes to webpages

3 questions

This video will teach you an alternate way to insert a quote on your webpage.

How to add a block-quote to your page

It's about time we explore HTML 5 attributes.

We will learn:

-Global /Common attributes

-Specific attributes


Learn how to display addresses on your webpage.

How to add address to your page

A website without images is boring! Let's insert an image on the webpage!

Display images on your webpages

If you want to display a specific code on your webpage this is the video you are looking for.

How to display code on your page

Here, you will learn how to define and render the text in keyboard input style.

Define keyboard input on pages

Learn how to display text as it appears in your editor window. You will learn a tag to preserve the spaces and formatting.

Display text as it appears in your editor/code window

Learn how to create abbreviations on webpages.

Abbreviate text on pages

It's essential to cite references to work borrowed from other pages. Here, you will learn how to meet the same requirement.

Cite references for borrowed content

Third quiz

Test 103
5 questions

Summarizing all that we've covered till here in just one video.

Summarizing all that we've covered till here in one video

Adding comments to the code is a essential requirement. It will help the second person who is looking at your code, to better understand it. Learn how to add comments.

Preview 12:25

This video will help you to understand what links are and how they are classified. It will also cover the general theory around the concept.

Links Part1: Introduction

We will learn a special type of local link. This video is in place to teach you how to create links within a page.

Links part 2: Internal links

You will be exposed to external links in this video. You will learn to create external links.

Links Part3: External links

Let's explore specific attributes for links in this video.

Links Part4: Attributes

4th quiz.

4 questions

Let's learn to create an un-ordered list in this video.

Learn to work with unordered list

Let's create an ordered list for your page!

Let's make an ordered list

Let's explore distribution list's. This is very useful for a few webpages. A rare find!

Create a distribution list

It's about time we learn the structure of the HTML 5 webpage. This video will explain you the same.

HTML 5 page structure

Here, you will learn basics of tables tag.

Tables intro


5 questions

Adding heading's to table is important. Let's explore how that's done.

How to add table headers

This video will show you how to display table captions.

How to add table captions
HTML forms
7 Lectures 53:15

Introduction to HTML 5 forms. You will learn:

-The purpose of creating forms

-The sub elements that make up a form

and general theory around the concept.

Introduction to forms

View this video to know how to add a textbox to your form.

Form text boxes

At times it's essential to get multiple inputs from the user. It's acheived using the checkboxes. Let's learn how to use them!

Form checkboxes

At times it's a requirement that a user selects just one value from the set of values you present them. Learn how to use the radio buttons to acheive the same.

Preview 12:47

Dropdowns are part of forms and navigation bars. Let's explore and create em!

Form dropdowns

Quiz 6

5 questions

A form would be useless without a button. Check how we create a button!

Form submit button

If the user is expressive, text-box isnt a good choice. Let's use a textarea instead.

Form textarea
HTML Multimedia
5 Lectures 32:32

This video will discus the basic froms of multimedia that can be added to the webpafes.

Multimedia Intro

Did you want to add a video to your website? This is how you do it!

Add videos to your webpage

Let's add an audio file to the webpage.

Add audio files to your pages

Learn how to quickly integrate Youtube videos on your pages!

Adding Youtube videos

Here we discuss about div tag. You can use the DIV tag by doing <DIV> and </DIV>. Div creates a logical seperation between elements.

New HTML tags
8 Lectures 37:59

This video will show you how to use the new attribute for form input element. Color is used to display a basic color palette for users.

New color attrib for forms

Here you will learn how to display a calender to the user so that he can select the date, month or even a week from the same. Adds loads of value in terms of User experience.

New date and time attrib for forms

This lecture will show you how to add usabality features for users who visit your website on mobile or tablets. Up to some extend this is supposed to work with browsers depending on user agents.

Mobile optimized: Url, Email and Tel fields to form

This video will show you how to turn a simple textbox to a search box. If you think this will make your textbox behave like a Google search, you are missing the point. This is yet another usability feature added in HTML5.

Display a search box

This video will show you how to force users to fill out required feilds. This is a very simple client side validation. You must still validate before processing data.

Force users to fill up required feilds

This video will show you how to display a range sliders to users. This was very hard to deal with in older versions of HTML.

Display range slider for users

This video explores a new element which is in place to just to accept numerical values from users.

Collect numerical values

Learn how to use a meter on your webpage.

Display a meter
1 Lecture 01:46

First quiz

5 questions

Pre-reqisites for this module.

Basics of CSS
6 Lectures 57:01

Introduction and evolution of CSS.

CSS Intro

Learn how to use basic CSS selector.

CSS selectors

In this video you will learn how to style the document using internal/in-page styles. This particular video will show you how to assign the color for your webpage.

Change text color

Learn how to create a external style sheet.

Create an external style sheet

Here you will learn how to reference an external style sheet in the HTML file.

Preview 06:39

Learn how to style your document using an external style sheet. You will see how to add styles on a external style sheet.

Defining styles on external style sheet
4 Lectures 29:48

Here, you will learn how to select multiple HTML elements using multiple CSS selectors.

Multiple CSS selectors

Learn how to select HTML elements by ID.

Select by ID

Learn how to select HTML elements by Class.

Select by Class

Learn the essential differences between Class and ID selectors.

Difference between class and id selectors
13 More Sections
About the Instructor
4.4 Average rating
11 Reviews
2,272 Students
2 Courses
Lecturer, Independent web consultant

"Hi, My name is Santosh and I hold a Bachelors in computer applications and Masters in the same, with few certifications. After spending valuable time at several desk jobs with major clients across APAC, EMEA, and NA regions(With fortune 100 & 500 clients) for 7 years, I realized my potential and interest as a Independent Consultant. Training and continuous improvement have always been my forte and I foresee a huge potential in our learning systems today." Presently I am a Web Consultant and a Lecturer and strive to help students evolve to meet the current norms of an ever evolving technological world. I have played various roles in the capacity of an SME, Assistant Lead, Quality analyst, and a Level 2 Technician in the past and specialize in Systems, Networking, Security and User experience. I look forward to a fruitful journey with you. Welcome to Udemy.

Report Abuse