4.35 out of 5
2946 reviews on Udemy

The Complete 2018 Fullstack Web Developer Course

Learn HTML, HTML5, CSS, CSS3, JavaScript, PHP, jQuery, Ajax & MySQL from scratch! Build a login system at the end!
Kalob Taulien
77,350 students enrolled
English [Auto-generated]
Learn HTML5, CSS3, Vanilla JS, jQuery, Raw Ajax, PHP and MySQL all from scratch
Get a free 180 page CSS3 eBook
Create a Login/Registration/Members-Only website from Scratch
Learn JavaScript from scratch
Learn how to use jQuery
Learn how to Ajax works and how to use it
Learn PHP for server code execution
Learn MySQL for saving data (databases)
Build a Login/Registration/Members-only website, just like Facebook
Get a job as a junior backend web developer
Get a job as a junior frontend web developer
Learn the LAMP Stack: Linux, Apache, PHP and MySQL

*** The first “Complete Web Developer Course” on Udemy!! See why other teachers used the same course name! ***

You’re probably on this page because you want to learn web development. Not just one little piece, but ALL of it. 

Or maybe you’re coding already but you want to make BETTER websites?

I was in your shoes once and THIS is the course I WISH I HAD. 

Welcome to The Complete Fullstack Web Developer Course

This was the first “Complete Web Development” course on Udemy. It’s extremely comprehensive and I explain EVERYTHING you need to know, step by step. There’s a reason why there are so many “Complete Web Development” courses on Udemy today — they took what worked and made spin off courses.

And that’s OK. But only in this course will you learn the real reason behind those spinoffs. Nothing is as great as the original! 

This course was designed for the beginner developer, the juniors in the world. It was made for the people who have GREAT ideas but don’t know how to make turn them into REAL websites. 

Whether you’re the next Mark Zuckerberg just waiting to happen or you’re an entrepreneur or innovator, this course will teach you everything you need to know.

I’ve left no stone unturned. You really learn it ALL. 

In one course, in one place you can learn it all. Whether that’s on your phone, tablet, TV or computer.. you can learn anywhere! 

What people have said:

This course has everything, it is very very interactive. If you have always wanted to build an online project, this is the perfect course for you. Thanks Mr. Kalob.” -Adebanjo Adesuyi

Outstanding. I have a number of HTML courses and this one is by far the best. Clear explanations, and in depth (The course is over 18 hours!). Kalob is a talented instructor.” -Brad Gonsalves

Over 42,000 students have taken this course. I repeat, FORTY-TWO THOUSAND STUDENTS! Last time I checked, 42,000 people weren’t wrong. 

Don’t be the one to get left behind!

Get started today and join the thousands of students who have taken my course and changed their lives by: making more money, making better websites, building their dream website and completely changed industries (became web developers!)

Not sure if this course is for you? Try it out and if you don’t like it within the first 30 days, simple request a refund. No questions asked, and you get to keep anything you’ve learned along the way, too!

Are you ready to open your world and become an in-demand full-stack web developer?

Here’s what you’ll get when you take this course:

• Learn HTML, CSS and JavaSript. That’s everything you need to know to become a front end web developer. 

• Learn jQuery amd Ajax to create cross-browser and in-page responsnive websites!

• Learn PHP and MySQL, a backend stack that allowed Mark Zuckerberg to create Facebook!!

• Put it all together at the end to create a full Login/Registration system with member-only pages (exactly what Facebook did!)

Here is what else you’ll get:

• Access to a friendly and supportive web developer community where you can talk to me directly, and ask your fellow developers questions about problems that they may have faced already

• 19 hours on-demand video

• 5 Articles

• 6 Supplemental Resources

• Full lifetime access

• Access on mobile and TV

• Certificate of Completion

Over 14 chapters you will learn:

• HTML Basics, Advanced and HTML5

• CSS Basics, Advanced and CSS3

• JavaScript Basics and Advanced concepts
• jQuery, because almost every website on the planet uses jQuery

• Ajax for creating interactive pages that talk to your server without reloading the page

• PHP to execute server code; includes the Basics and Advanced

• MySQL to save data (databases)

• How to build a full login/logout/registration/members-only website

Taught by

Hello! I’m Kalob. I’ve been developing websites since before JavaScript was popular (that’s a long time ago). 

I’m ultra passionate about education and sharing my knowledge with people like you. I love it so much I’ve started creating MORE courses and I’ve dedicated a lot of my life to free coaching and building e-learning platforms. 

You wouldn’t believe the FREEDOM I’ve had since I officially change careers and started making websites, professionally. I’ve lived in Ireland, helped build companies and travelled the world. And guess what? Everywhere I go I can work, because all I need is a laptop. 

And I want that for you! Wouldn’t it be nice to travel the world and not have to worry about paying your bills? Professional web developers can do that. 

Oh, and here’s the best part. There are TOO MANY web development jobs, and not enough web developers. 

So click the green “Buy Now” button and fast track your career to FREEDOM.

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.

Our Support Group

Come join our support group where you can ask questions and get developer support for free (no signup required)

Free CSS/CSS3 eBook

Here's an updated guide (ebook) to CSS and CSS3 from 2017.

How to...

How to Use CodePen.io
How to Ask Great Questions

HTML Basics

What is HTML?

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.

Very Important!

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

Block Elements.

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

Make a new line using HTML

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

Headers And Paragraphs

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

Creating hyperlinks

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. 

Using images

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

Text Formatting (Part 1)

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

Text Formatting (Part 2)

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

Inline styling with the style attribute

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

HTML Comments

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

The most common element:


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

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.

Creating Tables (Part 1)

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

Creating Tables (Part 2)

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

Accepting information with forms

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

Learn how to create a form in this class. 

iFrames: pages inside pages

We put one web page inside another web page. 


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

HTML Advanced

The Doctype

Declaring a DOCTYPE is very important. Learn how.

What is the head section? (Part 1)

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

What is the head section? (Part 2)

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

Adding additional scripts

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

Document Object Model (DOM)

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

HTML Entities

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. 

Advanced HTML Quiz

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


HTML5 Doctype

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

Some New HTML5 Elements

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

HTML5 Header And Footer

How to create a proper header and footer in HTML5. 

Allow spellcheck and editable areas

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

Using videos (Part 1)

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

Using videos (Part 2)

The 2nd video about HTML videos. 

Adding audio

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. 

Drag & drop

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

User location: geolocation

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

Saving information - localStorage

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

Saving information - sessionStorage

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

HTML5 Quiz

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


What Is CSS?

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

How to write CSS: syntax

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

Using style sheets

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

Using external style sheets

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

Identities and classes

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

Style entire elements

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

CSS Comments

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

Change background colors

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

Setting background images

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

Change text color

Change the color of your words. 

Text formatting using CSS

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

Font Properties

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

Text Properties

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

Styling hyperlinks using CSS

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

Styling lists using CSS

HTML lists are nice. CSS lists are better!

Setting element width and height

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

Adding borders

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

Spacing: margin & padding

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

Change the mouse type: cursor

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

Hide, show and display elements

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. 

What to do with overflowing content

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

CSS Quiz

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

CSS Advanced

Grouping & Nesting

Maximum & Minimum Dimensions

Maximum and Minimum widths and heights in CSS

Move an element from it's default position

How to move elements in very specific spots.

Relative location & layering
Relative positions and layers in a flat page. 
What does it mean when an element is "floating"?
How to stop floating elements.. sort of. 
Pseudos (Part 1)
A few pseudo styling tricks.
Pseudos (Part 2)
A few more pseudo tricks.
Aligning elements: left, right, center.
Sprites: the most efficient way to load images
To make a faster loading website, you should consider using sprites. 
Make elements translucent: opacity
Want to make an element, or even an image, semi see-through? Learn how to do that in this video.
Different media types
Dealing with the media and the different types of media. 
Style elements based on their attributes
We can select elements by specifying their attributes. 
Browser prefixes
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.
Overwrite all styling before-hand: !Important
We can overwrite CSS styling with other CSS by breaking the rules we already know. 
Advanced CSS Quiz

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


What Is CSS3
What exactly is CSS3?
Rounded borders. No images required.
Lets make some rounded borders. 
Using images in borders
You can use images as your border, but it's not as easy as you may think.
Adding shadows to elements
Adding a shadow to elements.
Change the background image size
How to change the size of a background. 
Adding text shadow
We add shadows to text too!
Get creative with custom fonts
With CSS3, we can use custom fonts. No more getting stuck with boring fonts! 
Rotate and skew elements using CSS3
Rotating elements using CSS is a way to make things crooked.
https://www.google.com/?q=askew this is a good example
Resizing text areas
Resize something so it can expand or contract.
You can view and review the lecture materials indefinitely, like an on-demand channel.
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don't have an internet connection, some instructors also let their students download course lectures. That's up to the instructor though, so make sure you get on their good side!
4.4 out of 5
2946 Ratings

Detailed Rating

Stars 5
Stars 4
Stars 3
Stars 2
Stars 1
30-Day Money-Back Guarantee


21 hours on-demand video
2 articles
Full lifetime access
Access on mobile and TV
Certificate of Completion
Support Buy $0