Web design for Beginners
4.7 (3 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.
222 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Web design for Beginners to your Wishlist.

Add to Wishlist

Web design for Beginners

In this course, we cover many aspects of creating content for the web, from concept to production.
4.7 (3 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.
222 students enrolled
Last updated 10/2013
English
Current price: $10 Original price: $20 Discount: 50% off
1 day left at this price!
30-Day Money-Back Guarantee
Includes:
  • 5 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
Have a coupon?
What Will I Learn?
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.
View Curriculum
Requirements
  • You need only your wish!
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!

Who is the target audience?
  • For everybody who want to learn!
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 24 Lectures Collapse All 24 Lectures 04:47:26
+
Web design & HTML
5 Lectures 53:29

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

Preview 06:19

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

Preview 13:02

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

Creating an HTML Page
07:02

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

Simple Formatting Elements
06:56

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

Block and Inline Elements
20:10
+
CSS
9 Lectures 02:15:10

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

Creating a CSS Page
06:30

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

CSS Text Effects
15:43

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.

CSS Box Effects
23:10

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.

Photoshop to CSS
18:16

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.

Tables and More Selectors
11:57

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

CSS Floats
09:39

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

Coding a Float-Heavy Theme
23:21

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.

Introduction to CSS3
08:58

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

Making a Sexy CSS Button
17:36
+
JavaScript
7 Lectures 01:07:31

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.

Pseudo-Selectors
10:43

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

What is JavaScript?
04:13

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

JavaScript Fundamentals
09:19

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

Functions
10:31

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

Arrays
09:21

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

Editing CSS With JavaScript
08:56

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

A JavaScript Shopping Interface
14:28
+
jQuery
3 Lectures 31:16

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

Initialising jQuery
09:38

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().

jQuery To-Do List
09:31

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.

More jQuery Methods
12:07
About the Instructor
Teacher Jake Hutchinson
4.8 Average rating
3 Reviews
357 Students
3 Courses
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!