Heads up! To view this whole video, sign in with your Treehouse account or enroll in your free 7-day trial. Sign In Enroll

How to Use Treehouse

Preview

Start a free Courses trial
to watch this video

Sign up for Treehouse

Code Challenges

3:02 with Anwar Montasir

Code challenges are brief exercises that allow you to put a recently introduced coding concept into practice. To solve a code challenge, start by reading the question carefully. The wording of the question often includes clues as to how to format your answer.

This video doesn't have any notes.

Related Discussions

Have questions about this video? Start a discussion with the community and Treehouse staff.

Sign up

    Related Discussions

    Have questions about this video? Start a discussion with the community and Treehouse staff.

    Sign up

    Code challenges are brief exercises that allow you to put a recently 0:01
    introduced coding concept into practice. 0:05
    I'm going to click on the first coding exercise in Introduction to HTML and 0:09
    CSS called Changing the Look of a Web Page. 0:14
    And I can see there are two challenges to solve. 0:18
    To solve a code challenge, start by reading the question carefully. 0:23
    The wording of the question often includes clues as to how to format your answer. 0:28
    The code challenge interface often contains more than one file. 0:36
    And that's true in this case, although the second file might be hard to see. 0:40
    Clicking the tab marked styles.css switches me to my CSS file. 0:46
    And clicking index.html returns me to my HTML. 0:53
    Some code challenges might require making edits in multiple files. 0:59
    Although this particular task looks like it's purely an HTML exercise. 1:04
    There are a few buttons across the top of the challenge area that you might 1:11
    find helpful. 1:16
    Restart resets my code to where I started from. 1:24
    So if I feel like I've made a mess of things and want to start over, 1:29
    that's a good option. 1:32
    Preview demonstrates what my code would look like if I loaded it in a browser. 1:36
    If I want to go back to editing my code, 1:43
    I'll need to click the Editor button that replaced the word Preview. 1:46
    Get Hints offers progressive hints to help solve the challenge. 1:56
    If I can't remember what paragraph or 2:01
    h1 elements look like, pressing Get Hints offers a clue. 2:04
    If I'm still not sure after reviewing the clues, 2:11
    I can press Ask the community to post a question. 2:15
    We'll cover posting to the community in a future video. 2:19
    Clicking Check Work means you're ready to submit your work on the code challenge. 2:24
    I'll try changing the opening p tag to an h1 and then I'll click Check Work. 2:31
    That isn't quite right. 2:41
    But now I see a message saying I didn't change the closing tag. 2:42
    That's a clue as to what I still need to fix up. 2:47
    I'll switch that closing p to an h1, and press Recheck work. 2:51
    And now I am able to move on to the next task. 2:56

    You need to sign up for Treehouse in order to download course files.

    Sign up

      You need to sign up for Treehouse in order to set up Workspace

      Sign up