The Original Complete Web Developer Course.

The only course you need to learn web development - HTML, CSS, JS, PHP, MySQL, and More!
4.1 (120 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.
8,935 students enrolled
Start Learning Now
  • Lectures 190
  • Length 18 hours
  • Skill Level Beginner Level
  • 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


Find online courses made by experts from around the world.


Take your courses with you and learn anywhere, anytime.


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

About This Course

Published 10/2012 English

Course Description

Would you like to make more money as a web developer, or maybe you want to start making money as a new web developer because it gives you a lot of free time and flexibility? Or maybe you want to start your own business?

No matter what your reason is to be a professional web developer, you're in the right place.

The Original Complete Web Developer was the very first "Complete Web Developer" course on Udemy. In this course you will become a full-stack LAMP (Linux, Apache, MySQL and PHP) developer, and that includes JavaScript.

It's an all-in-one place for everything you need to become a professional web developer so you can start making user engaged websites. People who work with computers on average make more than non-computer skilled people.

This quick and direct course takes less time to learn the skills you need than other courses and material on the internet. You'll go from zero skills to professional web development in just a couple of weeks.

What's in this course?

You'll get instant access to 13 specially designed modules, each created to make the most sense out of web programming. Using my extensive knowledge of 17 years of experience as startup founder and senior full-stack developer of multiple internet companies, I've created easy to understand and original content which you'll find simple to learn. This is the course I wish I had when I started 17 years ago!

You'll find that learning web development doesn't take 40+ hours or an expensive bootcamp. I've cut out all the long and meaningless information found in other courses and videos leaving you with pure education. Less questions are asked in this course than any other comprehensive web development courses, that's how clear the content is.

If you're looking for a real course that will teach you how to build amazing websites that will make you money, I personally guarantee this is the best course for you.

Are you ready to start making websites and getting paid like a professional web developer?

Here's what you get with The Complete Web Developer:

You get instant access to thirteen modules that will give you a clear and deep understanding of each section.

Access every class from your laptop, desktop, mobile phone and tablet.

Education wherever you are.

• The Complete Web Developer starts with the basics of HTML. I'll show you how easy HTML actually is and once you learn it, you'll never go back.

• We'll move onto HTML5, CSS and CSS3 after that. Every class is put into easy to understand and easy-to-apply scenarios.

• Once the really easy parts are taken care of, you'll learn how to create dynamic websites using JavaScript, jQuery and Ajax.

• At this point you'll be able to make event-driven websites and you'll be ready to learn about server-side applications.

• You'll start by learning PHP basics and then moving onto the more difficult code, including how to store information on your server. But don't worry, the server-side modules were specially made to be easy to absorb.

• As Warren Buffet says, "The more you learn, the more you'll learn.", and that's the truth.

Over 13 modules you'll learn:

• HTML and Advanced HTML


• CSS and Advanced CSS

• CSS3

• JavaScript and Advanced JavaScript

• Pure JavaScript Ajax

• jQuery

• PHP and Advanced PHP

• Lastly, you'll learn how to use MySQL

You can put down the 500 page books and YouTube videos that only give you half of what you need to know. The Original Complete Web Developer Course is the everything you need course that covers all the web programming languages you need to know, all in one convenient place.

Too many people say, "I'm too old to learn that stuff" and I'm here to tell you that's wrong. I've personally tutored dozens of people over the age of 40 who are all successful web developers now. It doesn't matter how skilled you are, EVERYONE can benefit from this course, whether it's learning a few tricks and earning a little side income or moving entire industries.

What are you waiting for? Start becoming a professional web developer today and change you're world!

This course is Sponsored by Akrmont

What are the requirements?

  • Just a simple text editor.

What am I going to get from this course?

  • You will be able to template HTML and HMTL5 websites.
  • You will be able to style websites using CSS and CSS3 styling techniques.
  • You will know how to make websites dynamic using JavaScript and jQuery.
  • You'll learn how to create native Ajax requests without using jQuery so you can load information on a page without needing to refresh or change pages.
  • You will learn PHP server-side code and programming fundamentals. As well as how to connect to a database using PHP.
  • You will learn how to store information in a database using MySQL so you can create any user or information based web application.
  • You have full access to all the material in this course. Use it as your reference and guide while you become a professional web developer.

Who is the target audience?

  • New web developers.

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.


Section 1: Before We Begin

Welcome to The Complete Web Developer Course - Become A Professional Web Developer. This is a quick introduction into what you'll be learning in this course.

Section 2: HTML Basics

Learn what HTML actually is.


Almost any text editor can be an HTML editor. But you'll want something that's robust and smart. Here's my suggestion and it won't cost you a penny.


What is an HTML element? How does it look? How do we write them properly? We dive into all of this. 


Block elements are slightly different from regular elements.
How are they different? Watch the video to found out! 


Creating a line break in HTML is not as easy as hitting the enter key. We need to use HTML to do this!


There are certain types of elements that we should use when we want to create a paragraph or a header. 


Creating a link from one page to another is essential when making a website. Without this ability, we can only ever create one page and it will not be able to interact with other pages. 


Websites without images are boring. Spice up your page with an image or twelve!


We cover how to format our text by making it bold, underlined or adding italics.


A second class on how to format some of our text. 


The style attribute is very important in HTML. It allows us to connect CSS (custom styling methods) with our elements.


How to add a comment into our HTML, and how to hide our code from being executed on the browser. 



element is very important as it's use is only limited by the web developer. Learn what the
element is!</p>

There are many different types of lists and many uses for lists. 
Listing benefits, features, names, locations, definitions, etc.. 

We will look over the different types of lists and how to use them.


Tables are a great way to structure our HTML websites and a really easy way to organize information. 


This is the second video about tables. In this video, we go a little more in-depth. 


Forms, in HTML, is a primary way to let the user give us information. 

Learn how to create a form in this class. 


We put one web page inside another web page. 

11 questions

Test how much HTML you've learned in this module.

Section 3: HTML Advanced

Declaring a DOCTYPE is very important. Learn how.


The head section in HTML is where the "brains" of the page are. Make sure everything is written correctly in it. 


The 2nd video about the head section of an HTML web page.


Let's look into adding external JavaScript files into our web pages.


The hierarchy of your web page. This is called the Document Object Model. Learning about this will benefit you greatly in the future. 


There are special ways to write certain characters in your web page so they show up correctly.
How do you write

without the browser thinking it's an element. 

2 questions

test how much advanced HTML you've learned in this module.

Section 4: HTML5

Declaring a DOCTYPE isn't good enough for HTML5. Learn the new, modern way to write a DOCTYPE. 


Let's take a look at some HTML5 elements. These only work in modern browsers. Sorry old browsers, we're moving on. 


How to create a proper header and footer in HTML5. 


Two extremely useful and powerful attributes that are available in HTML5. Learn how to use them. 


One major benefit of HTML5 is the ability to play videos without needing flash or any other type of plug in. Part 1.


The 2nd video about HTML videos. 


We don't need flash or any other music plugin to start playing music on our websites. We can put audio inside our web page with HTML5. Let's look at how to do this. 


Dragging and dropping is a really great feature in HTML5. This gets fairly advanced and starts to use JavaScript. 


As a web developer, we can find where people are located. With their permission of course. 


Through HTML5 and JavaScript we can store information on the users browser and access it later.


Learn how to store information on the users browser.. but only temporarily. 

6 questions

Test how much HTML5 you've learned in this module.

Section 5: CSS

Learn what CSS is. It's a "pretty" way to make websites. 


We break down the syntax of CSS so you know what you're looking at. 


Let's look at how to use a style sheet. 


We can put CSS into external files instead of having to write the same styling code on every page.


What's the difference between an ID and a Class? Find out the difference and how to use each of them properly. 


Instead of assigning ID's and Classes.. we can change the styling of all HTML elements. 


In CSS, we can create a "comment". A way to write code without it being executed. 


A plain background is.. plain! Learn to change the background color of an element. 


We can change our background from a color to an image. This makes for very nice backgrounds. 


Change the color of your words. 


We've learned how to format text in HTML. Now let's learn how to do this in CSS.


We can change the font properties using CSS. Style up your font with some CSS!


Font properties and text properties are similar but different. How so?


We can create a link in HTML. But it's usually blue/purple. We can change that and make it fit into your page. 


HTML lists are nice. CSS lists are better!


Let's change the width and height of any element. CSS declarations that helps shape your websites template. 


Borders are a way to separate content and to being attention to certain areas of your page. 


We can add padding on the inside and outside of an element. It's important to know the difference between padding and margin.


Your cursor, the mouse, can be changed. Sometimes a normal cursor is just to... normal!


How an element is displayed is very important. We can make an element a block element, or even hide the element. This video teaches you how. 


Sometimes text or other elements will leak out of it's parent element. Learn how to deal with this in this video.

6 questions

Test how much CSS you've learned in this module.

Section 6: CSS Advanced


Maximum and Minimum widths and heights in CSS


How to move elements in very specific spots.

Relative positions and layers in a flat page. 
What does it mean when an element is "floating"?
How to stop floating elements.. sort of. 
A few pseudo styling tricks.
A few more pseudo tricks.
Aligning elements: left, right, center.
To make a faster loading website, you should consider using sprites. 
Want to make an element, or even an image, semi see-through? Learn how to do that in this video.
Dealing with the media and the different types of media. 
We can select elements by specifying their attributes. 
Not every browser acts the same. It's best to try and make your website look the same in every browser, and you can start by learning about browser prefixes.
We can overwrite CSS styling with other CSS by breaking the rules we already know. 
6 questions

Test how much advanced CSS you've learned in this module.

Section 7: CSS3
What exactly is CSS3?
Lets make some rounded borders. 
You can use images as your border, but it's not as easy as you may think.
Adding a shadow to elements.
How to change the size of a background. 
We add shadows to text too!
With CSS3, we can use custom fonts. No more getting stuck with boring fonts! 
Rotating elements using CSS is a way to make things crooked. this is a good example
Resize something so it can expand or contract.
5 questions

Test how much CSS3 you've learned in this module.

Section 8: JavaScript Basics
What exactly IS JavaScript?
We can use JavaScript inside our page or in a page of it's own. Which is better?
Writing comments is a great way to leave notes for yourself or other developers. Explore how to properly write comments in Javascript. 
Write information to the page using JavaScript. 

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Kalob Taulien, Coder, developer, entrepreneur.

I create great digital products as build companies around them.

My first website I created and sold was in 2003. My first online course was published in 2012. My first company launched in 2013. And my latest venture is a digital learning platform (digital school) called, where we're changing how people learn online.

Ready to start learning?
Start Learning Now