In Depth Web Development Made Easy

Learn how to see web development as a puzzle, where you're just fitting the pieces together.
4.2 (26 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.
3,241 students enrolled
40% off
Take This Course
  • Lectures 60
  • Exercises 4 coding exercises
  • Length 6.5 hours
  • Skill Level All Levels
  • Languages English
  • Includes Coding Exercises New!
    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/2015 English

Course Description

One of the most problematic things about learning Web Development is that Teachers tend to only cover just enough to get you through. This course is about learning Web Development and obtaining a full understanding of all three languages. I take a more direct approach, teaching you nearly all of the syntax and helping you understand why they exist by delving into some of the history about Web Development, and then I reinforce this with quizzes after every 5 videos along with several Code-Along Projects.

Each video is so simplified that there is no need to constantly check for the code in the downloads page. Each Part is a full list of Syntax from W3C, the makers of HTML5 and CSS3, so that almost No Syntax is missed. We go over each one and I give you the simplified explanation of what the syntax does and how to use it or why it is used.

As my Students from Learn The Quickest Way for Writing a Book that I use can tell you, I take students seriously. I respond within a day and, if it's a problem I think other students may have, I create an entire video just for that one problem.

This course will be included inside of each bigger language that I cover, Ruby, C#, Python, and Nodejs. If you have taken multiple Web Development courses and some of the information just doesn't seem to stick, then this is likely the perfect course for you. So, c'mon and join me in learning how to develop websites from scratch!

What are the requirements?

  • No prior knowledge of HTML, CSS, JavaScript, or Photoshop/Paint is needed.

What am I going to get from this course?

  • Find multiple solutions to web development problems with ease.
  • Identify nearly all syntax in basic web development with a good understanding of what each one does.
  • Gain a thorough understand of JavaScript so that learning EmberJs and jQuery is easier.

Who is the target audience?

  • This Web Development course is for both beginning developers and intermediate developers wanting to fully understand the basics of Web Development in both programing and the actual history of Web Development.
  • This course covers both commonly used HTML elements and even notes outdated syntax to prepare developers for what they may have to fix in the future.
  • This course is for those who are looking for a quality Web Development course at a low price.

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: HTML
Introduction to the Course
Body Nav A(attribute/anchor)
Div Img
Video Audio Article H Text-Format Tags (i/b/strong/em/sup/sub/small/mark/del)
Ol Ul Li Kbd Samp Code Input Select Option Datalist
6 questions

A quiz to help reinforce what was learnt in the previous 5 videos.

Iframe Buttons HTML Symbols
Canvas In-Line Style SVG Circle Rect Tables
Input Forms Labels Details
Abbr Acronym Address Applet Area Map Aside
Base Basefont Bdi Bdo Blockqoute
5 questions

A quiz to reinforce what was learned in the past 5 videos.

Caption Center Cite Col Colgroup
Dl Dt Dd Dfn Embed
Fieldset Figcaption Figure Font Footer
Header/vs/H Ins Keygen Legend
Main Menu Menuitem Noscript
5 questions

A quiz to reinforce what was learnt in the past 5 videos.

Object Optgroup Output
Param Pre Progress Q
Ruby RP RT S Script Style Section Span
Tbody Track WBR Textarea
5 questions

A quiz to reinforce what was learnt in the past 4 videos.

Section 2: HTML5 Projects
HTML Kindle Book
Simple Coding Website Part 1
Simple Coding Website Part 2
SPA Website
Section 3: CSS3
Linking and Writing CSS3
Font and its many properties
Text and its many properties
Overflow and Page-Break properties
Word properties
5 questions

A quiz to reinforce what was learnt in the previous 5 videos.

Background properties
Alignment properties and backface-visibility
Border properties and Bottom
Margin properties
Padding and Box properties
5 questions

A quiz to reinforce what was learnt in the previous 5 videos.

The Flexibility of Flex Properties
Column properties
Count cursor direction display empty-cell float @key-frame left letter line
List and @Media properties
Nav Opacity Order and Outline Properties
6 questions

A quiz to reinforce what was learnt in the previous 5 videos.

Perspective properties and position resize tab-size table-layout
Transform and Transition properties
Animation Properties
Vertical-align Visibility and Z-index
3 questions

A quiz to reinforce what was learnt in the previous 4 videos.

Section 4: CSS3 Code-Alongs
Coder Forum Website
Coder Forum Website Part 2
Eloquent Website
Eloquent Website Part 2
Section 5: JavaScript
Understanding the DOM
Variables, Mathematics, Comments, Functions, Increment, and Decrement
1 question
Let's make sure you know how to assign variables.
Functions and Defined Functions
Comparatives, Assignment Operators, Statements
Continue, Error Handling, and Return
1 question
Using Continue in a looping function.
Document.getSomething and Event Handlers
1 question
This exercise is to help you remember how to use a JavaScript getter to manipulate the DOM.
Arrays and Array Functions
1 question
This exercise is to see if you grasped the concept of how to use an array function.
Regular Expressions
Covering a Small Portion of HTML Canvas
Section 6: JavaScript Code-Alongs
Ping Pong Part 1
Ping Pong Part 2
Ping Pong Part 3
Ping Pong Part 4

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Tommy Mertell, Ghost Writer and Ruby Web Developer

I am a Freelance Developer with more than 10 years of experience, having started in Web Development when MySpace was still popular and 2D graphics were the kings of free gaming. I am also an Author of a few novels and a Ghost Writer for more novels than I can account for. From developing websites to making video games, there's not a coding object that I haven't done before. I have worked with Victor Bastos on his OnClick Academy platform and am CTO of the SQRent start-up, a platform that believes experience is more important than just a fancy piece of paper. I participate on CodeEval for fun, when I'm not working or helping others with web development. I came on Udemy to provide a way for others to seek out my help and I very much enjoy helping others, because, occasionally, there's a challenge in it for myself.

As a freelance writer on Elance, I'm raved and praised about for my speed, intuitiveness, and quality. I have a 4.9 rating and have worked with hundreds of clients on projects ranging from The Theoretical Design of Biomedical Psychology to The Difference Between English and American Bulldogs. I have been interviewed by Elance as one of the most prominent freelancers on Elance several times, given several writing awards over the years, and have proven time-and-again that Colleges are an outdated and dying form of education. I tend to quickly learn anything that I get my hands on, from writing movie scripts to developing Node(js) chat boxes for secure and private communications using a 256-bit Encryption connection. I've decided to leave the industry of freelance writing and fully immerse myself in the market for web development. With more than a decade of experience in Web Development, I believe it is my responsibility to help usher in new developers and help them understand both the history and process of web development.

Instructor Biography

Muhammad Uzair Khalid, Electrical & Biomedical Engineer, Freelance Technical Writer

Muhammad completed his Bachelors in Electrical Engineering from one of the most prestigious universities of Pakistan. At the age of 21, he teamed up with one of his friends to launch their start-up called BioPie. They introduced an innovative non-invasive product that monitored blood glucose level in diabetic patients without penetrating the skin. At that time, glucose monitoring for diabetic patients was done via invasive methods. This product bagged several national level awards. In 2014, Muhammad got a foreign scholarship to continue his studies in Finland, where he opted to do Masters of science (Msc) in Biomedical Engineering. Currently, he is working with Computation Biophysics Imaging Research Group, where his task is to model the calcium ions flow in Astrocytes (brain cells).

Muhammad has also been working as a freelance technical writer for past 3 years, and has worked with approximately 100 clients from across the globe, on 150+ projects. He has been extremely motivated towards timely completion of projects with high quality work, and this has led to a very high client repetition rate.

Apart from this, Muhammad is fond of programming (logic development), sports and traveling. He has also represented his country (Pakistan) in two Cricket tournaments held in Finland.

Ready to start learning?
Take This Course