Build Your First Website in 1 Week with HTML5 and CSS3

The Fastest Way to Learn HTML & CSS for the Real World
4.5 (3,478 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.
91,249 students enrolled
Free
Start Learning Now
  • Lectures 30
  • Contents Video: 3 hours
    Other: 8 mins
  • Skill Level Beginner Level
  • Languages English
  • 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 4/2014 English

Course Description

“So freaking awesome. Amazing job man. This is better than codeacademy!" - Josh Hagler, Founder of RoomScapeU.com

----------------

QUITE POSSIBLY THE FASTEST WAY TO LEARN HOW TO BUILD PROFESSIONAL QUALITY WEBSITES FOR BEGINNERS, NON-PROGRAMMERS AND ENTREPRENEURS

So you want to learn how to build websites but you're not quite sure how.

Welllllll, you could do like me and spend months learning every knook and cranny of HTML and CSS before you even put up your first webpage. This could lead to frustration, feelings of being overwhelmed and highly increases the chances that you'll give up without a site to show for it.

OR….. YOU COULD START LEARNING BY DOING AND HAVE YOUR FIRST WEBSITE UP THIS WEEK.

If you want to learn something fast you need to jump in and start getting your hands dirty from the beginning. Have you ever noticed that you don't really learn something until you actually try to do it, and experience it firsthand? Well that's exactly what we'll do in this course. You'll learn by building your first website this week.

And don't worry if HTML and CSS or websites in general intimidate you. Learning to build websites is actually a lot easier than you think...if you are taught correctly. And I'll be here with you the whole time. I personally respond to and answer all questions you and other students have.

Through project-based learning and leveraging powerful, free tools that exist online, I will teach you what you need to know in order to create rock star sites fast and not get frustrated trying to learn HTML and CSS FOR-EV-ERRRRR (insert Sandlot voice here) without having a site up to show for it.

The simple truth is that most courses and instructors out there try to teach you too much too early, don't teach things in the right order, or sometimes it even seems like they purposefully make the material too hard.

With this course I PROMISE YOU that you will learn to build websites and put them online in less than 10 hours of work total.

Just look at what students are saying:

"First 7 lessons done and I can actually build something and understand it! First million I make will because you came at the right time! Timing couldn't of been better." - Tony Berardi

"I managed to build a single page web for one of my clients and got some $ out of it from what I learned in this course." --Jay Mayu

"The course was a great way to learn how to code in HTML and CSS fast and efficiently. I really enjoyed how helpful the instructors were." - Jonathan Barra

"I thought the course was very refreshing, fast paced and exciting. I really enjoyed the hands on aspect of the course where you can change something then and there and you can see the results instantly." -Jimmy Smith

“I've seen (almost) all the videos on Bootstrap 2 and 3 which are available on YouTube and I can guarantee that the ones you posted are among the best. I am very grateful for your "little big things" that you've taught me." - Rac Santos

What you will learn

- CORE FUNDAMENTALS: I'll teach you how to use a text-editor and the fundamentals of HTML and CSS so that you can put up any site you want and be ready to experiment with the most-advanced concepts.

- RAPID DEVELOPMENT: By learning to use powerful frameworks and tools such as Bootstrap, Font-Awesome, Google Forms and more, you'll be able to put up sexy, startup quality sites fast

- HTML5 & CSS3 to make your site look fresh and new. You'll learn the rules and practices of the newest languages. No outdated teachings or 1990s looking sites here!

- RESPONSIVE DESIGN: Designing for web is no longer for just your computer or laptop. We'll teach you responsive design so your site looks great on all devices.

- NO STAKES PRACTICING: how to use browser tools to play around and see live changes on sites so that you can learn faster and explore the HTML and CSS of the best looking websites

- BEAUTIFUL VISUALS: You'll learn how to include professional style graphics and icons in your site for free

- ALL TYPES OF CSS AND HTML YOU WILL USE WHEN BUILDING SITES - links, lists, layouts, images, and many others

And I won't stop where most other courses stop. I'll teach you how to quickly get your site live online and for free

- FREE HOSTING: how to save over $100 a year in hosting fees

- INSTANT DEPLOYMENT: how to host your site live online QUICKLY

When you're done with this course...

HTML and CSS will no longer be a foreign language to you. Instead you will already have built your first site and have the skills to build many others. You'll be a part of the 1% of people that actually know how to build things online and have a life-changing new skill set - the power to code and create.

With your new found knowledge of HTML and CSS you'll be able to separate yourself from others in a job search, follow your passion, explore a new career path, the possibilities are endless.

So why not sign up today? Why not start investing in your future today? Click the button to start learning now.

What are the requirements?

  • computer
  • internet connection - which you have if you're viewing this ;)
  • desire to learn something fast

What am I going to get from this course?

  • At the end of this course HTML and CSS will no longer be a foreign language to you. Instead you will already have built your first site and have the skills to build many others. You'll be a part of the 1% of people that actually know how to build things online and have a life-changing new skill set - the power to code and create.

What is the target audience?

  • beginners
  • non-programmers
  • entrepreneurs that want to test their ideas online
  • students with an interest to build things online

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: Getting Started
01:43

Lets take a quick look at what we'll be building throughout the course and the tools we need to get started

Article

Thanks for taking this course! I'm excited for the benefits for you and the sites that will come of having this new life-changing skill set. A quick note for you to get the most out of the course.

03:21

Use these suggestions to crush this course and be building awesome sites in no time

03:54

Let's dive into bootstrap and get your first site up.

07:29

HTML documents look complex but they're actually quite simple. We break them down in this video.

HTML Basics
Article
Practicing Your HTML
6 questions
08:44

Bootstrap offers a handful of templates for you to jumpstart your site's creation process. We'll learn how to grab any of these templates we want.

Section 2: Getting Your Feet Wet With HTML And CSS
09:06

In this lesson we'll explore how to combine templates, use Chrome's dev tools, and utilize Bootstrap's native components to start putting together the site fast.

07:41

Divs are all over HTML documents. Understand divs and you'll be like an HTML magician. Feel the power!

Quick Review
7 questions
06:07

CSS controls the style of your site. Make your first CSS rule and start transforming the site from boring text to sexy startup quality.

10:34

Lets take a quick moment to learn more about CSS

04:55

If you've ever heard of Steve Jobs you know that fonts are critical in the design of a product. Let's learn to put any font you want into your website.

Article

Fonts can be the difference between a beautiful, sexy site and a generic, template-looking site. We don't want template-looking sites. We want sexy, slick sites. So lets cover the big three of fonts:

09:21

Every html element is a rectangular box. Understand this along with what margin, padding, and border and you’re on your way to being a website ninja

12:10

Lets go through how to add images to your site so that it really pops, both through HTML and CSS. And now we'll be done with the top section. Pat yo' self on the back!

10 questions

Review what we've covered in past couple lessons

Section 3: Rounding Out Your Skills With The Bottom Section
07:07

Lets go into bootstrap's grid system so you can learn to make the site look exactly however you want it. With the added understanding of floats you can build any complex-looking site.

05:20

Use links to control the flow of users from and through your site. In this lesson we cover the different types of links

7 questions

Let's do a quick review of what we just learned

03:24

Learn how to bring in Google Forms. An awesome, free tool to get feedback from you site users and put a sense of interactivity in your site

09:02

Font-awesome allows you to include professional quality icons in your site free and easy to give it that extra pop.

02:50

Spans let you style inline-elements. Use it if you want to make certain words, phrases, or other inline elements stand out with a different color or style.

12:50

Through working on the get-involved section we learn and revisit many text-based CSS properties as well as see how to give the same CSS rule to multiple different HTML elements.

06:11

Let’s learn how to center block elements

04:16

In this lesson you’ll see the power of assigning classes to elements when you want multiple elements to have a similar style. It’s a beautiful thing!

02:57

We’re rockin’ and rollin’ now as we style links for when users hover over them and get an introduction to pseudo-classes.

06:57

Lets learn how to style full-width background colors in order to give our some subtle design beauty

07:44

In this lesson we’ll learn about the benefits of IDs and when to use them versus classes

9 questions

We've covered a lot of code in the past lessons. Lets make sure we know what's going on

03:32

A quick styling of the footer section and you have yourself your first website. Do a dance!

17:29

We'll make the site look good across all devices with some responsive design and your bonus intro to the awesome world of Javascript

Article

Let’s get yo' site live and online with Forge for the world to see.

02:17

Congratulations on completing the course! Now, where to go from here?

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Ryan Bonhardt, Online Learning Enthusiast & Teacher at Maker-Based

Ryan Bonhardt is a self-directed learning enthusiast and self-taught web developer and entrepreneur. He believes in the power of education and has a life mission of empowering people to follow their passions, make money doing it, and to constantly test the system.

During college he decided he wanted to avoid "Corporate America", make money doing things he loved and live life as he wanted to. In the beginning it was rough and he STRUGGLED….but then he discovered how to learn skills rapidly and promote efforts he believed in. Since then he has founded Maker-Based, helped found a non-profit running across the USA for Sarcoma cancer research, lived in 10 cities, been a white water river guide, surfed across Latin America, and advised multiple businesses and startups. His goal is to always love what he's doing and do what he loves - to learn something new and add value daily.

At Maker-Based we aim to better education through content and delivery. We believe every day there is a growing gap between what students should be and are learning. We aim to lessen that gap by teaching you skills that are relevant today - to enable you to follow your passion and do what you love. And we believe the most effective way to learn these skills is through project-based learning. We work to achieve this mission daily with online learning courses and our social venture of bringing coding into the school system.

Ready to start learning?
Start Learning Now