Web design for Beginners

In this course, we cover many aspects of creating content for the web, from concept to production.
4.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.
219 students enrolled
$20
Take This Course
  • Lectures 24
  • Contents Video: 5 hours
  • Skill Level Beginner Level
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
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 10/2013 English

Course Description

In this course you will learn how to create websites using such languages and technologies as HTML, CSS and JavaScript. It is highly recommended to go through all the lectures in the queue starting from the first one, so as not to miss a beat. Then the learning process will be simple and clear, and most importantly, effective!

What are the requirements?

  • You need only your wish!

What am I going to get from this course?

  • Upon completion of this course you will be able to create your own web pages
  • During this course you will learn: What is HTML, CSS and CSS3, JavaScript, jQuery and how to use it all.

What is the target audience?

  • For everybody who want to learn!

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

Section 1: Web design & HTML
06:19

In lecture 1, we take a look at what web design really is, and go over the necessities.

13:02

In this lecture we go over hosting, domains, and what HTML actually is.

07:02

Here we take a look at how to actually make an HTML page, and layout necessary elements.

06:56

Now we look at the very basic formatting tags in HTML5, and even talk about compatibility with screen readers.

20:10

Today we take a look at a ton of different elements you can use, both inline and block level.

Section 2: CSS
06:30

Now we finally start CSS, and we learn how to link up a stylesheet via relative paths.

15:43

Now we are actually ready to start using CSS, learn how to target elements, and various text effects that can be applied.

23:10

In this lecture we take a look at a lot of box attributes, and things like positioning. This one's pretty long, but full of information.

18:16

In this episode, we take a very simple Photoshop design, and convert it to pure CSS. It's not a full website, but it shows you how simple it is to go from a photo-editing software straight to code.

11:57

In tenth lecture we take a look at how to use tables for tabular data, and two new CSS selectors to add to our arsenal.

09:39

In this lesson, we look at how floats can help change how block level elements act.

23:21

Now we are doing another Photoshop to CSS conversion, but utilizing floats as a great solution to easy layouts.

08:58

In this lesson, we start to take a look at what CSS3 is, and how it differs from normal CSS properties. We also go over shadows and rounded corners.

17:36

In this part, we first take a look at gradients and a new color selection method. Then we style up a pretty sleek button using pure CSS3

Section 3: JavaScript
10:43

In this videolecture, we take a look at very important selectors that everyone should try to remember, including different styles when the user hovers over or clicks an element.

04:13

Today we take a look at what JavaScript can do, and how to link up a scripts file to your .HTML page, similarly to how we incorporated CSS into our page

09:19

In this episode, we cover the very basic fundamentals of JavaScript, including "if" statements and the three different types of variables.

10:31

Now we are need to find out what a function is, how to create one, and where it can be helpful to us throughout a website

09:21

Now we are going to look at Arrays in Javascript, a type of variable that can have multiple different values.

08:56

In lecture 20, we start to modify content of our webpage using JavaScript.

14:28

In this lesson I go over another example of using JavaScript, and we also learn some new functions and methods.

Section 4: jQuery
09:38

So, let's find out how to load jQuery onto our website, and discuss the basic syntax.

09:31

In the last but one lecture we start working on a To-Do list with jQuery. Here we learn about multiple new jQuery methods, like on(), val(), and append().

12:07

In the last lesson we continue working with our To-Do form. We go over numerous new methods, like parent(), remove(), css(), and expand our understanding of event binding.

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Teacher Jake Hutchinson, Successfully do for a living by web design!

When I was 10 years old, the Internet seemed to me something mysterious. But in the age of 13 I started to learn how to create my own websites. I learned it in the Internet and with teachers in school , and later with professors. Eventually I gathered a tremendous amount of information and experience on the subject and felt that it is necessary to find wider application. So I put together a small team , and together we have created a short course for beginning web designers. I hope you appreciate our work - then we will have an incentive to share our knowledge more and more!

Good luck!

Ready to start learning?
Take This Course