Lesson Get Set for Ziplines

Author

Created by Rafase282

Github | FreeCodeCamp | CodePen | LinkedIn | Website | E-Mail

Get Set for Ziplines

This lesson is all about how to get started. CodePen will be used for the ziplines and basically all the front-end dev at FCC.

Instructions

1. Create your account.
2. Click your user image in the top right corner, then click the "New pen" button that drops down.
3. Drag the windows around and press the buttons in the lower-right hand corner to change the orientation to suit your preference.
4. Click the gear next to CSS. Then under the "Add External CSS" section, use the "Quick-add" select box to select Bootstrap. Then click "Save & Close".
5. Verify that bootstrap is active by adding the following code to your HTML:

   Hello CodePen!

   . The text's color should be Bootstrap blue.
6. Click the gear next to JavaScript. Click the "Quick-add" select box and choose jQuery (not jQuery UI). Then click "Save & Close".
7. Now add the following code to your JavaScript: $(document).ready(function() { $('.text-primary').text('Hi CodePen!') });. Click the "Save" button at the top. Your "Hello CodePen!" should change to "Hi CodePen!". This means that jQuery is working.

You can use this CodePen that you've just created as a starting point for your Ziplines. Just click the "fork" button at the top of your CodePen and it will create a duplicate CodePen.