The Complete Web Developer Course - Build 20 Websites

Learn the fundamentals of HTML, CSS and JavaScript by building 20 real world websites!
3.5 (50 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.
2,607 students enrolled
$20
Take This Course
  • Lectures 304
  • Contents Video: 10.5 hours
    Other: 5 hours
  • Skill Level All Levels
  • Languages English, captions
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
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 3/2015 English Closed captions available

Course Description

This course was funded through a massively successful Kickstarter campaign.

Learn how to build websites for your business or your portfolio. This is the best course to learn how to build websites with HTML CSS and JavaScript. In this course you learn by doing. Build your own fantastic websites today.

One of the best features is that you can watch the courses at any speed you want. This means you can speed up the or slow down the video if you want to.

This course is project based so you will not be learning a bunch of useless coding practices. At the end of this course you will have real world apps to use in your portfolio. We feel that project based training content is the best way to get from A to B. Taking this course means that you learn practical, employable skills immediately.

Learning how to code is a great way to jump in a new career or enhance your current career. Coding is the new math and learning how to code will propel you forward for any situation. Learn it today and get a head start for tomorrow. People who can master technology will rule the future.

You will get full lifetime access to this course for a single one off fee. John Bura has created many games, apps and training courses so he is extremely qualified to teach you how to master technology. This is an instructor that does not only teach, he produces apps. This means you get the most relevant information on how to code. Most courses do not show you practical skills and real world examples.

What makes you a good teacher?

  • I have released over 40 games and apps that have done very well in the app store.
  • I run a company called Mammoth Interactive so I am actively in the field building apps and making money
  • I have been teaching since 2002
  • I personally love learning online and my life is much better because I have learned online rather than a classroom
  • I am one of the top 10 highest grossing Udemy teachers
  • I have been a Udemy instructor since 2011.
  • I make sure people learn how to make money from their creations.
  • I have over 110k students worldwide

Who is this class for?

  • People who want to improve their technical skills
  • Complete beginners
  • People who want to make money. I show people the tools on how to make money through various methods of passive income
  • People who want to get ahead of the pack by learning online.

How you will make money by learning new skills

  • Learn practical skills
  • Learn about how leverage your new skills to greater wealth
  • Learn through practical examples

Why should you learn online?

There is an online education revolution taking place. You may have heard about it in the news or heard it from a friend. Either-way, education is going to be changed forever. In this short course I talk about how Online Education has

Motivated me

Helped my career

Helped me as a teacher

Impacted several lives around the planet

I promise that this course will be better and more effective than reading books. I show how to master technology through the use of video. This course will give you everything you need to thrive in our technological society.

What are the requirements?

  • Need to know how to use a computer
  • JSBin (free web building website)

What am I going to get from this course?

  • Learn to build your own websites.
  • Learn how to code in CSS
  • Learn to code in JavaScript
  • Learn to code in HTML
  • Build 20 fantastic websites
  • Start a web design business
  • Make money from this course

What is the target audience?

  • Complete beginners
  • People who want to learn to make websites
  • Not professional programmers

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: Introduction to the course
Promo Video
Preview
00:56
What you need for this course
Preview
07:17
Section 2: Basic one page website
01. Introduction to the basic one page website
Preview
02:58
02. Setting up an image
01:25
03. Selecting a coffee bean image
01:56
04. Setting up a column
02:35
05. Adding in latin text and the other columns
01:17
06. Setting up the body CSS
01:17
07. Adding in the h1 and h2 css
01:50
08. Changing the header
01:09
09. Formating the header tag
01:50
10. Adding in the banner tag
01:25
11. Making the 3 columns work
03:40
12. Fixing the image
01:49
13. Changing the text and talking about the letters
02:40
14. Challenge - Add links to the website
02:16
Section 3: Background image website
01. Introduction to the background image website
02:28
02.Adding in the three columns
01:52
03. Adding in a background image
01:41
04. Setting the resize features for the image
02:00
05. Adding in the text formats for the headers
02:12
06. Setting up the logo size
02:18
07. Adding in the three columns
02:34
08. Formatting the titles of the 3 columns
01:30
09. Adding in the margin to the header
01:54
10. Adding in a semi transparent background to see the text
03:23
11. Changing the header 2
01:47
12. Adding in the logo and talking about busines
02:07
13. Challenge - Think like a business
01:29
Section 4: 03. Making a 6 column website
01. Introduction to making a six column website
01:44
02. Adding in the 6 columns
01:57
03. Adding in the background image
02:19
04. Adding in the header code
02:16
05. Adding in the logo formatting
02:18
06. Adding in the columns
02:31
07. Changing the header of the columns
01:23
08. Adding in a background to the columns
02:13
09. Making the text pop out
03:14
10. Adding in a graphic logo to the top
03:06
11. Challange - Add in a footer
00:50
Section 5: Making a minimalist website
01. Making a minimalist website
01:47
02. Adding in the columns
01:49
03. Adding in a background color
02:07
04. Adding in the header code
02:37
05. Adding in the columns
02:45
06. Testing boundaries and fixing the logo
01:57
07. Adding in the code for the fontawesome
02:53
08. Adding in the HTML to make FontAwesome work
01:09
09. Adding in an item using FontAwesome
01:58
10. Adding in the icons to the columns
01:41
11. Changing the header2 text
01:57
12. Changing the margins of the entire page and talking about color
02:35
13. Adding in a splash of color and span tags
02:17
14. Adding in the font awesome icons that make sense
04:20
15. Challange - Find a different color scheme
01:10
Section 6: Making a Basic minimalist site with outlines
01. Making a basic minimalist site
01:50
02. Adding in the columns
01:46
03. Adding in the body CSS code
01:25
04. Changing the header CSS
01:33
05. Adding in the header code and the logo code
01:29
06. Adding in the columns
02:19
07. Setting up font awesome
02:15
08. Setting up the logos in the page
02:23
09. Adding in a span tag
02:24
10. Adding in a stroke
02:32
11. Adding in a specific span tag
02:15
12. Playing around with color
04:20
13. Challenge - find a good colorscheme
00:21
Section 7: Making a bigger website
01. Introduction to making a bigger website
01:39
02. Adding in the div tags
03:06
03. Adding in the body CSS
02:29
04. Adding in the header css
03:10
05. Adding in the div section formatting
01:59
06. Adding in the columns
02:29
07. Adding in a full width background color
01:43
08. Adding the dimensions to the paragraphs
01:38
09. Adding full width to the paragraph sections
01:32
10. Adding in the logo CSS
01:56
11. Adding in the font awesome logic
01:56
12. Adding in the font awesome SVG graphics
02:23
13. Changing the icons
01:01
14. Changing the H2 to look better
02:19
15. Changing the paragraph text
01:24
16. Adding a span to the title
01:38
17. Adding in the second span tag
02:39
18. Challenge - Add another div tag to the project
00:35
Section 8: Learn about Scaleable websites
01. Introduction to multiple div tag website
01:28
02. Adding in the section div tags
02:12
03. Setting up the background color
02:42
04. Adding in a class to the sections
01:28
05. Adding in the section CSS
02:02
06. Fixing the font
02:03

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

John Bura, Best Selling Instructor Web/App/Game Developer 250k Students

John Bura is has been a successful Udemy instructor since 2011. John Bura has been programming games since 1997 and teaching since 2002. John is the owner of the game development studio Mammoth Interactive. This company produces XBOX 360, iPhone, iPad, android, HTML 5, ad-games and more. Mammoth Interactive recently sold a game to Nickelodeon! John has been contracted by many different companies to provide game design, audio, programming, level design and project management. To this day John has 40 commercial games that he has contributed to. Several of the games he has produced have risen to the top 10 in the Apple's app store. In his spare time John likes to play ultimate Frisbee, cycle and work out.

Ready to start learning?
Take This Course