Udemy

HTML/CSS Bootcamp - Learn HTML, CSS, Flexbox, and CSS Grid

Enroll Now
  • 3,076 Students
  • Updated 4/2021
4.6
(803 Ratings)
CTgoodjobs selects quality courses to enhance professionals' competitiveness. By purchasing courses through links on our site, we may receive an affiliate commission.

Course Information

Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
20 Hour(s) 52 Minute(s)
Language
English
Taught by
Jordan Hudgens
Rating
4.6
(803 Ratings)
3 views

Course Overview

HTML/CSS Bootcamp - Learn HTML, CSS, Flexbox, and CSS Grid

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

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.

Course Content

  • 10 section(s)
  • 150 lecture(s)
  • Section 1 Course Introduction and Source Materials
  • Section 2 HTML and CSS Basics
  • Section 3 Flexbox, CSS Grid, Animations, and Images
  • Section 4 Transforming Image Styles, Box Layouts, and Content Integration
  • Section 5 Lists, Anchor Tags and Pseudo Elements
  • Section 6 HTML Forms
  • Section 7 CSS Media Queries
  • Section 8 Site Deployment
  • Section 9 HTML and CSS Tips and Tricks
  • Section 10 Guide to HTML

What You’ll 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


Reviews

  • L
    Lawin Paul
    5.0

    Speak is suitable, explained also clear,so far is good,,, 👍

  • A
    Alexander Maundrell
    4.0

    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.

  • A
    Arvin Al
    4.5

    Overlay, very good course, A little little explanation is missing on some CSS, for example why we set width to 1000px, and media query, rendering on different displays.

  • D
    Dan Baisal
    3.0

    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.

Start FollowingSee all

We use cookies to enhance your experience on our website. Please read and confirm your agreement to our Privacy Policy and Terms and Conditions before continue to browse our website.

Read and Agreed