css course freecodecamp

Browse thousands of programming tutorials written by experts. Learn Web Development, Data Science, DevOps, Security, and get developer career advice.

freeCodeCamp

freecodecamp.org › news › learn-css

Learn CSS – Responsive Web Design Study Guide

November 7, 2022 - Learn HTML & CSS – Full Course for Beginners · Introduction To Responsive Web Design - HTML & CSS Tutorial · HTML and CSS Tutorial - Create a Website for Beginners · Jessica Wilkins · Read more posts. If this article was helpful, share it. Learn to code for free. freeCodeCamp's open source curriculum has helped more than 40,000 people get jobs as developers.

Discussions

HTML is fine, CSS is torture?

I am currently finishing up the Responsive Web Design certification, and I've had a lot of the same issues. The course does a lot of "just do this" without explaining exactly what is happening. And yes, I've also had to look up functions or syntax more than once because they just dropped it in without it being in a prior lesson. One thing that has been helping me a ton, though, is that I have VS Code open on my other monitor. I do the step in my VS Code and then copy-paste it into the prompt. Then, as it goes, I make it my own. So I have 20 or so web pages that are my own, my own topics that are important to me, with my own information, with my own formatting. It makes it much more engaging, and I feel, helps me learn what is actually happening. One lesson, changing something actually broke my web page, and figuring out how to fix it helped me learn a lot. As an amateur coder, I am certain that the reason why "tutorial hell" is a thing, is because the tutorials just say what to do without explaining why. You can follow along and feel like you've accomplished something. But then if you were asked to build your own project from scratch, most people would be lost. By replicating the lessons as I do them, I'm doing twice the coding, and customizing my experience and learning. More on reddit.com

r/FreeCodeCamp

40

20

July 3, 2024

Does freecodecamp.org teach you HTML and CSS in any meaningful detail?

IMHO, FCC is good for practicing the syntax and mechanisms, but not really learning how things work nor the overall picture. I'm a "big picture" sort of person when learning; I want to know why and how it all works together, then I learn it better. Check out Youtube. I think HTML and CSS is best learned by watching and following along, then making on your own. Net Ninja pretty much has full courses on much of webdev. You can also hit up Udemy and get a course on sale. Colt Steele's Web-dev bootcamp is good (but I'd say, everything he teaches is a primer, prepare to spend 10-20X the time really digging into everything he goes over). More on reddit.com

r/learnprogramming

12

3

July 6, 2021

Videos

youtube.com

freeCodeCamp - Learn Basic CSS by Building a Cafe Menu (1 ...

05:21:44

YouTube

Learn HTML & CSS – Full Course for Beginners - YouTube

CSS Tutorial – Full Course for Beginners - YouTube

August 30, 2022

01:25:39

YouTube

CSS Full Course - Includes Flexbox and CSS Grid Tutorials - YouTube

CSS Tutorial - Zero to Hero (Complete Course) - YouTube

freecodecamp.org › news › html-css-11-hour-course

Learn HTML and CSS with this free 11 hour course

April 30, 2019 - HTML and CSS are essential skills to have for a career in web development. This eleven hour course from John Smilga of Coding Addict will teach HTML and CSS from the scratch. By the end of this course you will be creating your own projects.

freeCodeCamp

freecodecamp.org › news › learn-css-in-11-hours

Learn CSS in 11 Hours

August 30, 2022 - It is essential for frontend web developers to understand how to use CSS. This is what is used to style a website. We just published a comprehensive CSS course on the freeCodeCamp.org YouTube channel. In this in-depth course, you will learn about all...

freeCodeCamp

freecodecamp.org › news › want-to-learn-css-heres-our-free-20-part-course-9fb3dcb0a971

Learn CSS in ONE hour - Free and interactive 20-part course

May 7, 2018 - By Per Harald Borgen _Click here to get to the course._ CSS (Cascading Style Sheet) is one of the three cornerstones of the web, along with HTML and JavaScript. It’s what brings life to websites through colours, styling, positioning and much more. T...

freeCodeCamp

freecodecamp.org › news › learn-css-in-this-free-6-hour-video-course

Learn CSS in this free 6-hour video course

October 16, 2019 - This free video course covers CSS from the ground up. You will learn everything from basic skills, such as coloring and text, to highly advanced skills, like custom animations. Here are some of the things you'll learn in this course: ... Watch ...

freeCodeCamp

freecodecamp.org › news › full-css-course-flexbox-grid

Full CSS Course - includes flexbox and CSS grid

December 27, 2018 - This course I created will teach you everything you need to know to get started with CSS3, including flexbox and CSS grid. CSS has been adopted by all major browsers and allows you to control: ... You can watch the video on the the freeCodeCamp.org ...

freeCodeCamp

freecodecamp.org › news › html-and-css-course

HTML and CSS Course - Create a Website for Beginners

October 15, 2018 - Learn the basics of HTML and CSS in this complete tutorial from Web Dev Simplified. You will create a band website project using HTML and learn how to apply modern design in order to style the site using CSS.

Find elsewhere

Google Bing Mojeek

freeCodeCamp

freecodecamp.org › news › learn-html-and-css-from-the-ceo-of-scrimba

Learn HTML and CSS from the CEO of Scrimba

September 14, 2022 - This course will teach you HTML and CSS through building and deploying five awesome projects. It is also fully interactive, with over 75 coding challenges.

freeCodeCamp

freecodecamp.org › news › best-css-and-css3-tutorial

The Best CSS and CSS3 Tutorials

November 25, 2019 - The best place to start learning CSS is with freeCodeCamp's 2-hour intro to CSS tutorial. Then, if you're feeling more adventurous, we have an entire 12-hour course that covers HTML, HTML5, and CSS in detail.

Medium

medium.com › @ntcoding › freecodecamps-learn-html-css-full-course-for-beginners-by-per-harald-borgen-aefe5c7ff69c

freeCodeCamp’s Learn HTML & CSS — Full Course for Beginners by Per Harald Borgen | by Naoya Tatsuzawa | Medium

July 1, 2024 - freeCodeCamp’s Learn HTML & CSS — Full Course for Beginners by Per Harald Borgen I’ve finished freeCodeCamp’s Learn HTML & CSS — Full Course for Beginners, which is taught by Per Harald …

freeCodeCamp

freecodecamp.org › news › css-crash-course

CSS Crash Course

September 25, 2018 - This crash course from Web Dev Simplified covers everything you need to know to get up and running with CSS in just over 20 minutes. It covers CSS syntax, how to add CSS to your HTML...

reddit.com › r/freecodecamp › html is fine, css is torture?

r/FreeCodeCamp on Reddit: HTML is fine, CSS is torture?

July 3, 2024 -

I've started the HTML and CSS course recently, and while HTML is understandable and nicely presented (in my opinion), CSS is absolutely confusing to me.

Most of the exercises seem like just rewriting the code given with no rhyme or reason, like "oh, this element looks bad, let's give it padding, margin, and text-align" (looked good to me anyway). And therefore none of it sticked, I'm at the tribute page project and I dread setting this stuff up, I still don't really know which property does what, and some of the steps in the tutorials are like "oh, you should have just used this command you've only seen once (or never) before".

Am I alone in this and doing something wrong? Or is the CSS part a bit lacking? If it's on me, how can I get the most out of it? Doing the previous project, I copied over some of the CSS stuff from previous exercises and simply gave it random values until it looked right, how do I make it so that I remember and know how to use this stuff?

Can anyone recommend some nice courses to supplement FCC CSS? Preferably free or cheap, I already found a page that shows visual reference for each of the properties, and it's pretty nifty

Top answer

1 of 16

11

I am currently finishing up the Responsive Web Design certification, and I've had a lot of the same issues. The course does a lot of "just do this" without explaining exactly what is happening. And yes, I've also had to look up functions or syntax more than once because they just dropped it in without it being in a prior lesson. One thing that has been helping me a ton, though, is that I have VS Code open on my other monitor. I do the step in my VS Code and then copy-paste it into the prompt. Then, as it goes, I make it my own. So I have 20 or so web pages that are my own, my own topics that are important to me, with my own information, with my own formatting. It makes it much more engaging, and I feel, helps me learn what is actually happening. One lesson, changing something actually broke my web page, and figuring out how to fix it helped me learn a lot. As an amateur coder, I am certain that the reason why "tutorial hell" is a thing, is because the tutorials just say what to do without explaining why. You can follow along and feel like you've accomplished something. But then if you were asked to build your own project from scratch, most people would be lost. By replicating the lessons as I do them, I'm doing twice the coding, and customizing my experience and learning.

2 of 16

9

CSS is your first taste of something closer to a true programming language. HTML is a form of document structure syntax. It’s got more in common with YAML, XML, JSON, etc than it does with JavaScript, python etc. CSS is a declarative programming language. This isn’t an easy concept to explain - but basically rather than programming exactly the steps to change the colour or size of an element, you declare what you want and then CSS itself takes care of the details of figuring out how to actually accomplish that. Most programming languages are imperative - you need to explain in code exactly how you want something to happen. It’s the difference between saying “I want to iterate through each element in this list of html elements. For each of the children of a given element, I want to find all elements with an H1 tag and then centre align them and make them blue”, and saying “I want all header elements in this parent element to be center aligned and blue”. So the trick is learning how to declare what you want to happen in a way that is understood by the CSS engine. This is a nuanced process that does take some degree of trial and error, alongside referencing documentation. The value in learning this is twofold. Firstly, CSS is your first introduction to a form of abstraction - thinking about a document as something that can be manipulated and altered through a small set of declarations that affect all or parts of the document. Wrapping your head around this is essential for working with JavaScript. Secondly, declarative languages are everywhere, and they’re extremely important to become familiar with. All databases use declarative languages for running queries against them, whether they are relational, columnar, document oriented, graph or any other exotic format. The whole thing of needing to use a command you’ve never heard of before is also something you will encounter continuously as a programmer. I’ve been doing this professionally for close to a decade now and I still find this almost daily. You cannot and will not know everything about any language and it’s important that you accept this early. You need to get comfortable with the notion that you will have to rely on documentation and external knowledge bases to complete any programming task.

freeCodeCamp

freecodecamp.org › news › learn-html-and-css-order-summary-component

Learn HTML and CSS by Building an Order Summary Component

August 10, 2022 - HTML and CSS are the most important technologies when it comes to creating websites. And building projects is one of the best ways to learn them. We just published a course on the freeCodeCamp.org YouTube channel that will help you learn HTML and CSS through building an order summary component.

freeCodeCamp

freecodecamp.org › news › learn-css-flexbox-for-beginners-free-2-hour-course

Learn CSS Flexbox for Beginners [Free 2-hour course]

November 25, 2025 - Flexbox is a powerful CSS feature that lets you build user interfaces that fit any screen size. freeCodeCamp just published a Flexbox for beginners course where you'll learn the concepts and code syntax by building your own website navigation bar.

reddit.com › r/learnprogramming › does freecodecamp.org teach you html and css in any meaningful detail?

r/learnprogramming on Reddit: Does freecodecamp.org teach you HTML and CSS in any meaningful detail?

July 6, 2021 -

I have some familiarity with programming, but I am reluctant to call myself a programmer. My background is in electronics, and I primarily use C for mcu work and C++ for desktop work.

My mother has a business and has been asking me to make her a website. I agreed to make her a website, but I told her that I would have to learn how to do it first. From what I have gathered, HTML and CSS are fundamental to this, so here I am looking at the best ways to learn them. Some knowledge of HTML may be useful in my own work, as an added bonus, as well as personal projects.

I am the kind of person who likes to read books and pdfs and learn the finer details of things. Will freecodecamp be useful to me or should I look elsewhere? I see that Mozilla has a developer section which looks like it has detailed HTML and CSS information. Right now, I am leaning towards the Mozilla tutorials, but I would like some input on other options that I may have missed. There appears to be an overwhelming amount of information out there, so I am looking for some opinions on what would be the best way for me to learn.

Thank you in advance.