Our front end development projects will give you a chance to apply the front end skills you've developed up to this point. We'll use a popular browser-based code editor called CodePen.
These projects are hard. It takes most campers several days to build each project. You will get frustrated. But don't quit. This gets easier with practice.
For our front end project challenges, we'll use a popular browser-based code editor called CodePen. Click the "Open link in new tab" button below to open CodePen's signup page. Fill out the form and click "Sign up".
In the HTML box, create an
h1 element with the text "Hello World". You can drag the frames around to resize them. You can also click the "Change View" button and change the orientation of the frames.
Click the gear in the upper left hand corner of the CSS box, then scroll down to "Quick add" and choose Bootstrap. Now give your
h1 element the class of
text-primary to change its color and prove that Bootstrap is now available.
When using CodePen and Ajax, it is a good idea to turn off automatic preview updating so API calls are not made too often. Too many API calls can sometimes lead to temporary blockages, and may require waiting periods before they can be used again.