freeCodeCamp
freecodecamp.org › news › html-crash-course
HTML for Beginners
August 5, 2021 - HTML is used to create web pages. This article will teach you the basics of HTML. I also created a 45-minute video course on the freeCodeCamp.org YouTube channel that teaches you HTML in the context of creating an actual web page. If you are just le...
freeCodeCamp
freecodecamp.org › news › tag › html
HTML - freeCodeCamp.org
#HTML5 · #CSS · #HTML · #HTML · #HTML · #HTML · #CSS · #HTML · #HTML · #email · #CSS · #Document Object Model · #Form validations · #CSS · #canvas · #HTML · #Game Development · #HTML · #Accessibility · #DOM · #DOM · #HTML · #CSS · #components ·
The HTML Handbook - Learn HTML For Beginners
Hello all! I just discovered, and wanted to share, The HTML Handbook - Learn HTML For Beginners by Flavio Copes. It appears to cover everything for beginners. Thank you Flavio Copes and freeCodeCamp.org for helping beginners get a valuable resource to help along our coding path. More on forum.freecodecamp.org
0
1
August 31, 2023HTML 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
40
20
July 3, 2024Does 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
12
3
July 6, 2021Learn HTML by Building a Cat Photo App - Step 15
Tell us what’s happening: I have to turn the image into a link by surrounding it with necessary element tags. Use https://freecatphotoapp.com as the anchor’s href attribute value. So I used the More on forum.freecodecamp.org
0
0
October 12, 2022Videos
04:07:30
Learn HTML – Full Tutorial for Beginners - YouTube
05:21:44
Learn HTML & CSS – Full Course for Beginners - YouTube
01:35:45
freeCodeCamp - Learn HTML by Building a Cat Photo App - YouTube
45:20
HTML Tutorial - Website Crash Course for Beginners - YouTube
01:12:26
FreeCodeCamp HTML - YouTube
14:57
freeCodeCamp - Learn HTML by Building a Cat Photo App (1-10) - YouTube
freeCodeCamp
freecodecamp.org › news › freecodecamp-responsive-web-design-study-guide
Learn HTML – Responsive Web Design Study Guide
June 27, 2022 - To learn more about HTML comments, I suggest reading through these helpful articles. ... The main element is used to group all of the main content of the web page. <h1>What freeCodeCamp has to offer</h1> <main> <p>The core freeCodeCamp curriculum teaches full stack JavaScript and Python.
freeCodeCamp
freecodecamp.org › news › build-19-web-dev-projects-using-html-css-javascript
Build 19 Web Dev Projects using HTML, CSS, & JavaScript
2 days ago - Improve your web development skills by building 19 different projects. We just posted a course on the freeCodeCamp.org YouTube channel that will teach you to use HTML, CSS, and JavaScript to make all sorts of web sites.
freeCodeCamp
freecodecamp.org › news › html-coding-introduction-course-for-beginners
HTML & Coding Introduction – Course for Beginners
February 21, 2023 - We just published a full course on the freeCodeCamp.org YouTube channel that will teach you the basics of HTML and how to begin coding.
freeCodeCamp
freecodecamp.org › news › html-for-beginners
HTML for Beginners – How to Get Started with Web Development Basics
March 1, 2023 - There are many different online resources that can help you learn HTML. I recommend the following ones: freeCodecamp: an interactive and free learning platform that aims to make learning web development possible for anyone.
freeCodeCamp
freecodecamp.org › news › learn-html-beginners-course
Learn HTML – Beginner's Course
March 8, 2022 - HTML is the backbone of every website on the internet. If you want to get into web development, learning HTML is the place to start. We just published a beginner's HTML video course on the freeCodeCamp.org YouTube channel. (And we still offer our fre...
freeCodeCamp
freecodecamp.org › news › html-full-course-for-beginners
HTML Basics: A Free Full-Length Course
September 18, 2018 - In this course, Mike Dane will teach you the basics of HTML5 and web development. He takes you from the most basic concepts to building a website using HTML. The course covers: Choosing a Text Editor Creating an HTML file Basic Tags Comments ...
freeCodeCamp
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
freeCodeCamp.org
Learn to Code — For Free
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. Besides covering basic and advanced HTML ...
freeCodeCamp
freecodecamp.org › news › best-html-html5-tutorial
The Best HTML and HTML5 Tutorials
November 26, 2019 - The best place to start learning HTML is with freeCodeCamp's 2-hour intro to HTML tutorial.
freeCodeCamp
freecodecamp.org › news › introduction-to-html-basics
HTML for Beginners – HTML Basics With Code Examples
October 9, 2024 - Welcome to the exciting world of web development! In this beginner's guide, you will learn the fundamentals of HTML, the backbone of every web page. Imagine a tree: its roots anchor and nourish the entire plant. Similarly, HTML, the root of web devel...
freeCodeCamp
forum.freecodecamp.org › t › the-html-handbook-learn-html-for-beginners › 634184
The HTML Handbook - Learn HTML For Beginners - The freeCodeCamp Forum
August 31, 2023 - Hello all! I just discovered, and wanted to share, The HTML Handbook - Learn HTML For Beginners by Flavio Copes. It appears to cover everything for beginners. Thank you Flavio Copes and freeCodeCamp.org for helping beginners get a valuable resource to help along our coding path.
Reddit
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 › web-development-for-beginners-basic-html-and-css
Web Development for Beginners – Learn Basic HTML and CSS to Build Your First Web Page
May 14, 2021 - If you read this far, thank the author to show them you care. Say Thanks · Learn to code for free. freeCodeCamp's open source curriculum has helped more than 40,000 people get jobs as developers.
freeCodeCamp
freecodecamp.org › news › the-html-handbook
The HTML Handbook – Learn HTML for Beginners
July 23, 2019 - I wrote this book to help you quickly learn HTML and get familiar with the advanced HTML topics. HTML, a shorthand for Hyper Text Markup Language, is one of the most fundamental building blocks of the Web. HTML was officially bo...
Reddit
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.
Top answer 1 of 4
7
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).
2 of 4
4
Not what you asked, but… If it were my mom I would set up a Wordpress site and skip the programming. Pretty easy to make something nice with Wordpress. Pretty cheap. And you can teach her to maintain it. I’ve been doing web development in various forms since 1995. Still wouldn’t build a site from scratch for my mom. At least not until I got some requirements that an out of the box solution couldn’t handle.
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
forum.freecodecamp.org › html-css
Learn HTML by Building a Cat Photo App - Step 15 - HTML-CSS - The freeCodeCamp Forum
October 12, 2022 - Tell us what’s happening: I have to turn the image into a link by surrounding it with necessary element tags. Use https://freecatphotoapp.com as the anchor’s href attribute value. So I used the <a as my tag and it is …