Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript

Francis N
Francis N
10,376 Points

i am trying to wrap my head around when you would work on the styling your website when you have to work with templates

In the video, I noticed that Huston already has a CSS file ready but if you are building the page from scratch, how would you start implementing some styles as you slowly build your page? I guess what I am trying to say is, What are the steps in building a web app from scratch when you don't have css yet? Do you build out your template first than work on CSS or build out your HTML and CSS synchronously (simple/basic format)?

2 Answers

Austin Whipple
Austin Whipple
29,725 Points

Hi Francis,

I'd consider going about it as you would when building out themes for content management systems. That is: first build a page with plain old HTML, then style it with CSS. Once it looks as you'd expect, add any interaction you'd like. Finally, turn that plain old HTML file into the Jade engine-generated page. From there on out, any additional pages you create can skip right to the Jade file.

Francis N
Francis N
10,376 Points

i know about html/css i just want to know or get a consensus on when you start building css when you're using a JS templating engine like Jade. Because in the video, he had the CSS already built out and just used express to render it. I want to know how do developers build out their CSS. Is it before templating, during templating or after?