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

CSS

Coding challenges?

Just wondering if there are any major coding challenges for sac section? In each area with each individual block their are small quizzes and coding challenges, but I was wondering if there was one big one that addressed all the topics cover in HTML or CSS for example.

Thanks.

11 Answers

After you've brushed up on your positioning skills as I suggested in my previous post. You're ready to make your first website.


My suggestion is to use Cloud9 and make yourself a simple "business card" site. Who you are, what you do, other info you want others to know.

Something like this template ...

about me template


For building your first site I recommend the following process...

  • Make a wireframe using an online wireframing tool, something like Cacoo
  • Write the semantic HTML, don't worry about the CSS yet
  • Build a fixed width site
  • Keep it simple to start with, don't try to solve problems you don't have yet
  • Add in some small CSS3 if the design calls for it, maybe border-radius or box-shadow
  • If you need a form add in some HTML5
  • Try to stay away from a lot of Javascript for now

  • Once you've got the first version fully working post it here and get some critiques on your design

Then it's time for version 2

  • Make it responsive
  • Check it out using the responsinator
  • Then post it here to get some feedback on the responsive version

Time for version 3

  • If you are sick of cutting and pasting your header and footer on every page
  • It's time to add in some templating using PHP.
    Very basic PHP is all you need, it makes it easier to not repeat yourself (see also: DRY).
  • Post it here to get some feedback on the responsive version

A "major" coding challenge would be applying all you've learned into a simple website for your portfolio. This will address most of the topics in HTML and CSS.

Yeah I just open up my text editor and start working with what I've learned. It makes it a fun challenge to work around different subjects I like and see how it turns out.

Thanks.

A good challenge that I use is to find a website I like and try to replicate it without looking at the source. Not only does it provide a good challenge, but you also have "the answers" ie: original source available to help you along if you get stuck.

Once you are finished compare your site structure to that of the original and if you find differences try to understand why the creator of the original made those decisions.

A first exercise in this might be to try the Treehouse website or blog, because you could then start a thread asking the course teachers why it was is better to do "X" than it is to do "Y" or "Z".

My advice is that now that you've covered the basics of webdesign it's time to focus in on the most important part ...


I had my first ah-ha moment with CSS when I figured out how to do this using floats. No absolute positioning, that would be cheating. Piet Mondrian - Composition II in Red, Blue, and Yellow - 1930

Source: Piet Mondrian Composition II

James could you elaborate on what you mean when you say using absolute positioning would be cheating? Thanks.

James that's a fantastic idea! I'll get onto that!

@James Barnett, not trying to be a dick here, but maybe an extensive tutorial or course about, for example, css positioning, with nice code challenges would be what paid members would expect from Treehouse?

You know, Treehouse's slogan is "From zero experience to job-ready", but all we get when we ask questions is you linking to external tutorials and courses...

Again, no offense intended here, just a genuine question.

Gonzalo - I don't work for Treehouse, I'm a paying member like you who just happens to spend a lot of time on the forums.

I'm sure the Treehouse staff would love to hear your feedback, I encourage you to post about it hear or if you want to email the staff directly at help@teamtreehouse.com

In my own personal journey to learn web design, I've found you can't learn everything from one site, I keep an ever growing list of resources I've found useful to supplement my learning at Treehouse.

For an interesting perspective on learning programming check out this article on struggle-based learning

Charles - As the goal is to practice using floats, so if you used absolute positioning in lieu of floats it would defeat the point of the exercise.