Skip to content
UdemyCSSPaid courseBeginner levelCertificate

HTML/CSS Bootcamp - Learn HTML, CSS, Flexbox, and CSS Grid (Udemy.com)

Learn HTML, CSS, Flexbox, and CSS Grid by building a professional website with modern front end development techniques.

Created by: Jordan Hudgens

Last updated April 2021

icon
What you will learn

  • Build websites using HTML and CSS
  • Use Flexbox to easily align content on the page
  • Work with CSS Grid to build a website's layout
  • Create responsive websites that render custom layouts for smartphones, tablets and desktops
  • Work with images
  • Integrate custom fonts
  • Using CSS based animations
  • Build real world projects
  • Create HTML forms for getting user input

How it compares

Against the other 110 rated Udemy courses in CSS on CourseDuck:

  • Rating4.6 out of 5higher than 76% of them
  • Reviews806#51 of 111 by number of reviews
  • Length20.9 hourslonger than 89% of them
  • Last updatedApril 2021earlier than 59% of them

icon
Course Description

Update April 2021: Added a guide showing how to create a custom cursor in HTML/CSS. Also added a one hour live coding workshop that teaches how to build out tooltips on a website.

Hi and welcome to the HTML/CSS Bootcamp course, where we'll walk through the same course I teach code bootcamp students around the world. My name is Jordan Hudgens, and I'll be your instructor for the course. In addition to being the lead instructor for devCamp I've also been building web applications for over a decade for organizations such as Eventbrite and Quip.

In this course, you're going to learn all of the key skills that you're going to need in order to start building out professional websites. Before building this new course out, I interviewed hiring managers at companies around the world and asked them what HTML/CSS skills they expected developers to know and that's how I came up with the list of concepts that you're going to learn.

Some of the skills that you're going to learn are going to be:

  • HTML5

  • CSS3

  • Flexbox

  • CSS Grid

  • Animations

  • Media queries for building responsive layouts from scratch

  • CSS Selectors

  • Navigation

  • Fonts

  • Forms

  • How to integrate and style images

  • Front end development best practices

  • And much more!

As we go through the course material, you'll notice that I'm going to teach you my own process that I use whenever I'm building out a website.

My goal for this entire course isn't just to teach you how to build a single website, but instead my goal is to be able to leverage this project build that we're going to put together, teach you the fundamentals as we implement every single feature, and then by the end of it, you're not just going to be able to build the single website and follow along with what I do, but you'll be able to build any type of website.

There are no technical prerequisites for going through this course. This is the perfect course to go through if you want to learn how to build websites completely from scratch.

The ideal student is someone who is dedicated, wants to learn, and also wants to learn how to build websites using the most modern and up to date technologies. So, thank you for spending the time and going through this material, and good luck with the coding.

icon
Udemy Discount

The discount is applied through our link. Open the course from here and Udemy's current promotional price is applied at checkout on most courses, no code to type.

Some courses are excluded from Udemy's promotions. If the price does not drop, clear your browser cookies and use the button again.

icon
Instructor Details

Jordan Hudgens

Jordan Hudgens is the CTO and Founder of Bottega where he leads instruction and curriculum development for all of the DevCamp and Bottega code schools around the US.

As a full stack developer for over the past decade, Jordan has traveled the world building applications and training individuals on a variety of technology stacks, including: Ruby on Rails, Python, React JS, React Native, JavaScript, and TypeScript, with a speciality in API and machine learning development.

Jordan has developed applications for Quip, Eventbrite, and DevCamp. As a teacher, he focuses on project driven education, with a focus on jobcentric techniques. This means that he focuses specifically on teaching the skills needed in the development industry. This style of teaching is conducive to learning how to build real world products that adhere to industry best practices.

Additionally Jordan has published multiple books on programming and computer science for Packt Publishing, along with developing training curriculum for Bottega, Learn Co, DevCamp, and AppDev on the topics of Ruby on Rails, Java, AngularJS, NoSQL, API development, TypeScript and algorithms.

icon
More courses by Jordan Hudgens

$12.99

$64.99

$11.99

$99.99

$11.99

$74.99

icon
More CSS courses

$174.99

$149.99

$129.99

$99.99

$10.99

$13.99

icon
Reviews

4.6

806 ratings on Udemy

Select a bar to show only those reviews.Select the bar again to show every rating.

By Alexander Maundrell on 11/7/2022

The course started out absolutely amazing! There were a couple of things that I had to look up to fully understand, however, that experience itself taught me how to and where to look. Had an issue with the bootstrap at the end of the course. So, I decided to code it all out. I feel this course gave me enough knowledge and confidence to do such a thing.

By Dan Baisal on 8/21/2021

Here’s my honest personal opinion on this course. Now, it’s not bad, but not fantastic either. I think 3 stars is a fair score for this course. What I liked: - Jordan has a clear and concise voice. He’s actually nice to listen to, especially compared to non-native speakers. - I learned some useful stuff - The main fries project was alright Here’s what I didn’t like: - No structure in this course at all. First, he starts off with a huge project, then he squashes in a couple of live coding sessions, then you get all the “old stuff” and finally you get to practice on some projects, but the solution is based off of the old stuff once again. If the things like the HTML and CSS basics are outdated, then why do you put in the course to begin with? Honestly, I was confused. First, I learn the new approach, then I get thrown back to how things were 5 years ago, like what’s the point? I would leave it all out in order to not confuse the audience. If you absolutely positively had to leave them in there, then why not start with the basics first, even though they’re a bit older (but basics are basics anyways) and then at the end show us how things are done these days? Especially the Bootstrap project was a total waste of time. I got nothing that looks like his layout and I follow him step by step. Some courses are dedicated exclusively to Bootstrap, I fail to see how you can squeeze that in in a matter of almost 2 hours. - Not clear explanations in several spots. For example, the difference between ‘em’ and ‘rem’. I personally found Jordan’s explanation everything but useful or clear. I didn’t get what he was referring to, it was all very dry and theoretic. The same with the difference between flexbox and CSS grid. All I got from that was that they’re sort of interchangeable, but I’m still perplexed regarding when to use which exactly. OK, when I have to build a grid layout, I use CSS grid (duh), but I could also use Flexbox. Jordan’s answer was that he personally prefers Flexbox, so I guess I just use both depending on my mood and the specific situation (grid or no grid). - Which leads me to this: In the main project he oftentimes used a ton of divs (and many CSS selectors) without really explaining what div does exactly what. In some places the amount of nested divs was overwhelming. Like why not go from top to bottom and slowly explain what everything does? You get a container div, then inside another container div, then another and it’s all done for the sake of customization control with Flexbox or Grid. Like I get it, but a thorough walkthrough through each individual div would be nice. Maybe I left something out here, but to me it seemed rushed - Which finally brings me to another point: Jordan doesn’t reply to questions anymore. I don’t know what happened there, but this is simply unacceptable and this is not good service. I was planning on buying another course from him, but after having to deal with some insufficient explanations and absolute lack of support, I decided not to. People still pay money for this course and expect some level of support when they encounter issues. I asked him several questions on several videos and guess how many replies I got back? Yes, none. I’m basically left there with gaps in understanding. At least I bought the course for a discount, so I’m not that mad, but if I bought for the full price, that would certainly not be OK. I hope that he still comes back and answers all the new questions. That’s my review. Like I said, maybe I forgot something, but this should be enough. Overall, I still learned something, but it could (and should) be better than that. Not worth the full price, but OK for a discount. Would I recommend it? I’d say yes, but it’s really hard to do so. 3 out of 5 is a good score, in my opinion.

By Gabriel on 4/16/2021

Downloaded this course because I found Jordan on Youtube. I needed to make my own website and knew absolutely nothing about web development. I'm at 40% and I'm already building out my own website while I follow the courses! Only thing I wish I could do was download higher res versions of these videos so I can access offline but otherwise it's a great course!

By Ashish Tiwari on 11/14/2020

So far it's good. Unlike few other courses, the course makes much more sense to me as it explains the reasons of why we are doing certain things instead of speeding up things. I haven't reached until the projects but sure enough that would increase the confidence level. I would further update down the line.

By Xavier on 11/7/2020

so far so good, lets go forward with other sections, hope it will teach me more and I can learn more..

By Marcel van Ommeren on 11/7/2020

The instructor is very good in explaining his content, using examples that are clear. Up to now it has a logical structure

By Nathan Genegabuas on 11/1/2020

explained super clear. really great analogy's. shows and explains the project in the simple yet deep ways of what we will be getting to learn how to do

By Johary Ramahatra on 10/27/2020

Une presentation tres pousse et qui amne les concepts progessivement.

By Urshula S on 10/18/2020

Great courses with a lot of information and practice ! Chapters are clear and well explained.

By Mohammed Zaman on 10/12/2020

Good Explanations and learning

By Anemieke van Vuuren on 10/2/2020

I love his content and the way he explains things in a straight forward manner he gives good insight and is easy to follow. The second section I feel however isn't needed due to everything being taught extensively in the first section, however I can't take away the fact that their might be a viewer whom is very lost therefore it gives good insight.

By Zackir Metcalf on 9/21/2020

So far so good!!

Showing 12 of 214 reviews

icon
Quality Score

Content Quality
/
Video Quality
/
Qualified Instructor
/
Course Pace
/
Course Depth & Coverage
/

Overall Score : 92 / 100