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

Dive into our HTML/CSS Bootcamp to learn essential web development skills and create stunning websites.

  • Overview
  • Curriculum
  • Instructor
  • Review

Brief Summary

In this super fun and friendly HTML/CSS Bootcamp, you'll learn to create your own professional website. It's all about easy learning, practical skills, and real-world experiences! Let's get coding!

Key Points

  • Learn HTML5 and CSS3 from scratch
  • Build responsive websites using Flexbox and CSS Grid
  • Interactive projects and live coding workshops

Learning Outcomes

  • Be able to create professional websites using HTML and CSS
  • Understand and apply Flexbox and CSS Grid for layout designs
  • Gain skills in animations, media queries, and responsive designs

About This Course

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.

  • 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

Course Curriculum

Instructor

Profile photo of Jordan Hudgens
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,...

Review
4.9 course rating
4K ratings
ui-avatar of Anurag Kumar
Anurag K.
5.0
8 months ago

ease , and everything is there to learn. I didn't know that there is so much to css , even when I have worked with it in pase.

  • Helpful
  • Not helpful
ui-avatar of Mohan Kadolkar
Mohan K.
5.0
1 year ago

Excellent coverage of topics.

  • Helpful
  • Not helpful
ui-avatar of Nikola Radovanović
Nikola R.
5.0
2 years ago

It was a really good course, I would recommend it to everyone.

  • Helpful
  • Not helpful
ui-avatar of Alexander Maundrell
Alexander M.
4.0
2 years ago

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.

  • Helpful
  • Not helpful
ui-avatar of Mark Nelson E. Pangilinan
Mark N. E. P.
5.0
3 years ago

Very informative. Thank you :)

  • Helpful
  • Not helpful
ui-avatar of Arvin Al
Arvin A.
4.5
3 years ago

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.

  • Helpful
  • Not helpful
ui-avatar of Femi Femi
Femi F.
4.5
3 years ago

Awesome!

  • Helpful
  • Not helpful
ui-avatar of Kashyap Ramchandra Patel
Kashyap R. P.
5.0
3 years ago

All of the contents are well derived and explained through the videos. I like the way of demonstration throughout the each section of the course.

  • Helpful
  • Not helpful
ui-avatar of Vera Lyubenova
Vera L.
5.0
3 years ago

It is a great course! Everything is clearly explained. There are additional tutorials to the main one for which I am very thankful!

  • Helpful
  • Not helpful
ui-avatar of Jeff Ritchie
Jeff R.
4.0
3 years ago

Excellent explanation of the basics of HTML and how the whole cascading thing works.

  • Helpful
  • Not helpful
Leave A Reply

Your email address will not be published. Required fields are marked *

Ratings

Courses You May Like

Lorem ipsum dolor sit amet elit
Show More Courses