The All-In-One Web Development Course
4.3 (15 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.
546 students enrolled
Wishlisted Wishlist

Please confirm that you want to add The All-In-One Web Development Course to your Wishlist.

Add to Wishlist

The All-In-One Web Development Course

Everything you need to know, all in one place
4.3 (15 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.
546 students enrolled
Created by Nauman Sajid
Last updated 5/2017
Current price: $21 Original price: $85 Discount: 75% off
4 days left at this price!
30-Day Money-Back Guarantee
  • 18.5 hours on-demand video
  • 45 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion

Training 5 or more people?

Get your team access to Udemy's top 2,000 courses anytime, anywhere.

Try Udemy for Business
What Will I Learn?
  • Have sound knowledge of all the major programming languages
  • Code functional, responsive websites
  • Be able to integrate backend programming into websites
  • Be able to create web applications
View Curriculum
  • Have a can-do motivated attitude
  • Have an internet connection

Looking to Learn Programming? Trying to find a place to start your coding journey can be a hassle. With thousands of courses out there, choosing and differentiating between courses can be overwhelming! 
FEAR NOT. The All In One Web Development Course puts everything you need to know, all in one place! Save time and money by having everything you need, conveniently available to you, in one comprehensive course.

Have some prior programming knowledge? This course is a perfect way to build on your knowledge further. You may have some gaps in certain areas or be unfamiliar with certain programming languages. The All In One Web Development course will ensure you bridge those gaps and gain experience in all the major programming languages.

My Guarantee To You:  Once you finish, you will be comfortable in producing beautiful and functional websites, which can be made for real world application. You will also only learn those aspects which are relevant, saving you from wasting time learning bits of code you are never going to use. Projects within this course are designed so that you can use the knowledge gained to create websites that can be and are currently used in the real world.  

Who is the target audience?
  • Beginners looking to start their coding journey
  • Students with basic level knowledge of programming looking to build their knowledge further
  • Anyone who wants to learn code
Compare to Other Web Development Courses
Curriculum For This Course
113 Lectures
Lets get things started..
2 Lectures 09:46

I'l be showing you the various different code editors available, both free and paid, and how to download and install them.

Preview 05:55
HTML Basics
9 Lectures 44:23
HTML Introduction - Watch before moving on!

We'll look at the basic structure of a real live website (Wikipedia) and explore the various tags/elements that go into making a website.

Structure of a Webpage

What is HTML

Coding our very first webpage in this lecture. 

HTML Structure

We'll look at the two key HTML tags - namely paragraphs and headings.

Headings and Paragraphs

Diving deeper into HTML, we'll look at the emphasis and strong tags. I'll describe their function and usage.

Emphasis and Strong Tags

I'll show you how to add links to your website. You can use links to connect your page to other pages within your website or to other pages outside your website.


Another important usage of HTML is to add lists, ordered and unordered lists. I'll be showing you how lists work in HTML and how to code them.


Tables can be used to for many different purposes. The grid format of tables allows you to enter data as well as enhancing the design of your website. I'll show you how to add tables in HTML.

6 Lectures 46:22

Images enhance the visual aesthetics to a website. In this lecture, we'll be looking at how to add images to your website.


Forms are a common feature on websites. It's important you learn how to add them and the different input values you can have. I'll show you how in this lecture.


IDs and Classes are probably the two most used HTML tags. We'll explore what they are and how to use them correctly.

IDs and Classes

Span and Div tags can add to the functionality of your website. I'll show you what they are, what they do and why they are so powerful.

Div & Span

HTML Special Characters

In this lecture we'll be looking to use the skills we've learnt so far to create a basic HTML coded social network profile. You can create your own as you're following along. We'll add images, personal information (name , DOB etc.) and some skills and hobbies. Remember, practice makes perfect! So practice, practice, practice.

Social Network Profile Exercise
2 Lectures 24:45

HTML5 is a newer form of HTML and adds more meaning to the website. We'll look at the main HTML5 input tags and their functions

HTML 5 Inputs

Diving deeper in HTML5 we'll look at some other HTML5 inputs

More HTML5 Inputs
CSS Basics
11 Lectures 01:10:14
CSS Introduction - Watch before moving on!

What is CSS?

Before you jump into CSS you need to know the rules by which CSS works. In this lecture we'l cover how CSS chooses what styling to give to what element, based on which styling came first, priority etc.

Inheritance of Styles

More rules and technicalities about CSS that you should be aware of. Last PowerPoint I promise!

Box Model

Inline CSS is CSS done inside your HTML code. It is not best practise and you shouldn't do it. However, for the sake of knowledge it is good that you are aware of it as you might see it in other people code in the future.

Inline CSS

Internal CSS is CSS done within your HTML code but is separated and has a section to itself. I'll show you how to do this and its benefits and disadvantages.

Internal CSS

External CSS is best practice and how you should be coding your CSS. It involves having a separate external file in which you write all your CSS code. 

External CSS

Styling IDs and Classes lets you save a lot of time by allowing you to style large chunks of your HTML in one go. You can also use IDs to get really specific in your styling. Both are powerful tools that make your website look awesome.

IDs and Class Selectors

Descendant Selectors gives you more finer control with regards to styling your HTML content. I'll be showing you what I mean by this in the lecture.

Descendant Selectors

Grouping Selectors

Specificity allows you to get super picky as to what you want to style. With large HTML and CSS files you may want to get very "specific" with how you want to style one particular element or tag. Knowing the specificity rules (the point system) you can easily style what you want. The powerpoint will explain what specificity is and the point system. Don't worry! It's not as complicated as you think

CSS Level II
5 Lectures 46:01

Probably the most common thing you will style is text - since the majority of any website is text. Knowing the different techniques available to you can really help you create one super awesome website.

Text Styling

Borders allow you to give a neat outline to elements on your page. Any element can be given a border, it doesn't have to be a table. In this lecture we'll be looking at some of the cool things you can do with borders.


Everybody likes to add a bit of colour to their life. It is the same with websites! A suitable and attractive colour scheme can differentiate a good website from a great website. Learn the different ways you can add colour to your website in the lecture. 


Images add more vibrancy to a website. Learn everything you need to know about images in this lecture!

Background Images

Styling links can add the finer touches to a website. A standard website will have quite a few links on it, for navigation purposes. They do not have to be external links, even link that link the different pages in a website together can add up. Therefore, styling them can make a whole world of difference to how your website ends up looking.

Links Styling
4 Lectures 30:44

All elements can fall into 3 categories: Block, Inline and Inline Block. Each category behaves a different way on a webpage. Knowing how to manipulate them can let you have more control over the design and layout. The lecture will cover what each category is and how it behaves.

Block, Inline and Inline-Block

Magazine and Newspaper layouts are a common deign feature - especially on blogging websites. Floats lets you achieve that look. Learning floats can be a bit challenging. But don't worry, we'll take 2 lectures to make sure we cover them in the right level detail. 

Float and Clear

Float and Clear Continued..

Positioning lets you, well "position" stuff! The name is pretty self explanatory. Designing is all about positioning content in a particular way. Therefore, learning about CSS positioning is very important. 

CSS Positioning
5 Lectures 33:59

CSS3 lets you do further styling. In this lecture we'll be looking at how you can manipulate shapes, particularly boxes, to achieve the design you are looking for.

Box Sizing

CSS3 Colors allows you to add further styling to your website. There are some cool tricks that you can do which are really helpful in adding a bit more vibrancy to a webpage. 


Following on from CSS3 colors, gradients give you an even finer control.



HTML & CSS Project
5 Lectures 42:16

In this final section, we'll be looking at using all the skills we've learnt to create a personal/ blogging website. I'll show you what the final layout should look like and what we'll be working towards.

Preview 01:35

We start our final project by coding the basic HTML structure. We'll work on the homepage to begin with, adding the logo, navigation bar, images and the footer.

Coding the HTML

Now that we have our homepage coded, it is time to style it. Feel free to style it any way you desire - if you do style it differently, please make sure you share it on the student forum. I'll be showing you how to style it so you can get the look we saw in the introduction video of this course. 

Styling it in CSS

In this lecture we'll finalise the styling and by the end you should have a really cool looking webpage designed and ready to go. 

Adding the finishing touches

We'll start coding the contact form. I have opened the coding and designing of the about me and skills webpage as a challenge. Do share your designs in the forum.

Contact Form
13 Lectures 02:00:37


Internal & External JS

Change HTML Content with JS

Change HTML Style with JS


Change HTML using Variables

Functions - Swap content of 2 divs



If and Else Statements


While Loops
6 More Sections
About the Instructor
Nauman Sajid
4.4 Average rating
71 Reviews
2,446 Students
3 Courses
Web Developer

Hi There,

I'm a former Udemy student who has come back to share and give back to the community which has taught me so much. I will be focused on coding and web development and hope that I can provide useful insights so that others can benefit. Being a student myself not so long ago, I know how frustrating it can be when you cannot relate to the level at which an instructor is teaching - Or simply do not see the relevance of a particular topic. Therefore, I design my courses specifically with the target audience in mind and stick to the key points - so you don't get bored or feel like you're learning something irrelevant. My courses will be short, relevant and to the point! So you can rest assured that you wont be wasting time learning stuff that is of no use. You'll learn what's important without wasting any time and by the end have a mastery over the topic.