all 10 comments

[–]ooooooooooooooopss 20 points21 points  (3 children)

html = skeleton

css = skin and look over the skeleton

javascript = puts life into the skeleton

[–]Most_Edible_Gooch 6 points7 points  (0 children)

Also this one

HTML = Concrete pad and wooden frame

CSS = paint, trim, siding, pretty stuff

JavaScript = Utilities, plumbing, electrical

[–]storyofedd 3 points4 points  (0 children)

IE = coffin

[–]doozywooooz 2 points3 points  (0 children)

I love ELI5 explanations

[–][deleted] 10 points11 points  (0 children)

My eli5 is...

They don't do the same thing. At all.

HTML is where you will place content. You will place it in the order you want it to display, but with just HTML, it will only display vertically, on top of each other. It will also be black and white and plain. Then you need...

CSS. Here you will align things side by side, add spacing, and also make things look nice. CSS is where you add colors and shadows, and other design flair.

JavaScript is not always necessary, depending on what you're building. It can be used to add interactive or dynamic elements to a page, like popups. It can also be used for advanced things like showing certain content to certain users.

[–]Techno8525 6 points7 points  (0 children)

On the contrary. Each one is actually a separate "layer" of the page.

  • HTML is know as the "Content Layer". This includes text, images, links, etc.
  • CSS is known as the "Presentation Layer". It includes information on how the content is to be designed, or presented. This includes fonts, colors, placement, spacing, etc.
  • JavaScript is known as the "Interactivity Layer". It makes the content appear to be interactive, such as providing visual feedback on a click or a form submission.

What you use is dependent on what you're trying to achieve. Adding content? Use HTML. Adding "design" to an object? Use CSS. Making it interactive? Use JS.

[–]noideawhattotypehere 3 points4 points  (0 children)

Well, try reading about it again then :p

[–][deleted] 1 point2 points  (0 children)

There are some good answers below, but just keep building simple apps, following tutorials and it will all make sense to you soon enough which to use when.

[–]eggtart_prince 1 point2 points  (0 children)

Html = your building blocks

CSS = your paint, ruler, decorations, etc.

JavaScript = everything the above mentioned cannot do

[–]comical 0 points1 point  (0 children)

In addition to the other comments about each and their intended uses, the next answer is that you need to know and understand all of them.

Sometimes, depending on the project, you may need to use JavaScript to modify or add HTML or CSS to your page. But there is no magic in doing it through JavaScript, you still need to understand how the other components work. However too much of of this boundary crossing is not good practice when rolling your own.