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,748 students enrolled
$19
$50
62% off
Take This Course
  • Lectures 147
  • Length 16 hours
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 2/2015 English

Course Description

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!!

What are the requirements?

  • 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.

What am I going to get from this course?

  • Create your own eCommerce website.
  • Call yourself a webmaster.
  • Teach HTML5, CSS3, Jquery, and MYSQL to others.
  • Enjoy developing webpages for fun and profit!

What 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.

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

10 questions

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

03:25

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

08:03

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.

Section 1: HTML5: Basics
05:59

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

04:58

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.

11:04

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

05:03

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.

10:04

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.

06:38

We will learn how to use the paragraph tag.

06:34

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

5 questions

Let's see what you've learnt!

Section 2: Formatting tags
05:20

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.

03:26

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

03:34

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.

03:39

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

04:25

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.

04:00

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

Section 3: Core HTML
05:18

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

Test102
3 questions
05:20

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

05:54

It's about time we explore HTML 5 attributes.

We will learn:

-Global /Common attributes

-Specific attributes

03:43

Learn how to display addresses on your webpage.

13:39

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

04:14

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

04:33

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

04:36

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

07:18

Learn how to create abbreviations on webpages.

05:20

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

5 questions

Third quiz

14:07

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

12:25

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.

10:03

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.

10:58

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

03:35

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

06:03

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

4 questions

4th quiz.

07:49

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

03:47

Let's create an ordered list for your page!

06:26

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

07:28

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

08:18

Here, you will learn basics of tables tag.

5 questions

Quiz.

08:05

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

03:58

This video will show you how to display table captions.

Section 4: HTML forms
04:51

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.

06:32

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

08:57

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!

12:47

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.

11:05

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

5 questions

Quiz 6

01:38

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

07:25

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

Section 5: HTML Multimedia
04:52

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

10:01

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

06:34

Let's add an audio file to the webpage.

06:46

Learn how to quickly integrate Youtube videos on your pages!

04:19

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

Section 6: New HTML tags
02:50

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.

05:31

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.

06:14

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.

03:46

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.

04:37

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.

05:50

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.

03:39

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

05:32

Learn how to use a meter on your webpage.

Section 7: CSS 3
5 questions

First quiz

01:46

Pre-reqisites for this module.

Section 8: Basics of CSS
10:17

Introduction and evolution of CSS.

15:35

Learn how to use basic CSS selector.

14:51

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.

04:03

Learn how to create a external style sheet.

06:39

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

05:36

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

Section 9: Selectors
07:06

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

09:17

Learn how to select HTML elements by ID.

07:29

Learn how to select HTML elements by Class.

05:56

Learn the essential differences between Class and ID selectors.

Section 10: Working CSS
05:22

Learn why to use comments and how to include them in CSS files.

5 questions

Second quiz.

01:41

Learn how to open and use a color picker. Understand what a color picker is.

06:19

This video will explain general theory about HEX and RGB values.

06:49

Learn how to use HEX and RGB values instead of color names in your CSS files.

04:07

This video will show you how to change the page background.

09:36

Gradients look alluring. Here is how you create a gradient very quickly.

08:21

Learn how to increase and decrease the font size. There are three ways of doing this and all of them are covered.

4 questions

Quiz 3

05:59

If you do not want to add a background color to the elements then most of the elements can have a background image added to them. Learn how it is done.

07:37

Here you will learn what are the possible way you can repeate the image. This is useful when you use patterns.

03:18

Learn how to align text using CSS.

05:40

CSS provides a way to decorate text on pages. Learn how to use the properties and what values they can have.

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Santosh Jadagoudar, 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.

Ready to start learning?
Take This Course