Challenges | Completed | Last Updated | Solution |
---|
Say Hello to HTML Elements | Sep 12, 2015 | Feb 26, 2016 | View solution | View solution |
Headline with the h2 Element | Sep 12, 2015 | Feb 26, 2016 | View solution | View solution |
Inform with the Paragraph Element | Sep 12, 2015 | Feb 26, 2016 | View solution | View solution |
Uncomment HTML | Sep 12, 2015 | Feb 26, 2016 | View solution | View solution |
Comment out HTML | Sep 12, 2015 | Feb 26, 2016 | View solution | View solution |
Fill in the Blank with Placeholder Text | Sep 12, 2015 | Feb 26, 2016 | View solution | View solution |
Delete HTML Elements | Sep 12, 2015 | Feb 26, 2016 | View solution | View solution |
Change the Color of Text | Sep 12, 2015 | Feb 26, 2016 | View solution | View solution |
Use CSS Selectors to Style Elements | Sep 12, 2015 | Feb 27, 2016 | View solution | View solution |
Use a CSS Class to Style an Element | Sep 12, 2015 | Feb 27, 2016 | View solution | View solution |
Style Multiple Elements with a CSS Class | Sep 12, 2015 | Feb 27, 2016 | View solution | View solution |
Change the Font Size of an Element | Sep 12, 2015 | Feb 27, 2016 | View solution | View solution |
Set the Font Family of an Element | Sep 12, 2015 | Feb 27, 2016 | View solution | View solution |
Import a Google Font | Sep 13, 2015 | Feb 27, 2016 | View solution | View solution |
Specify How Fonts Should Degrade | Sep 15, 2015 | Feb 27, 2016 | View solution | View solution |
Add Images to your Website | Sep 15, 2015 | Feb 27, 2016 | View solution | View solution |
Size your Images | Sep 15, 2015 | Feb 27, 2016 | View solution | View solution |
Add Borders Around your Elements | Sep 15, 2015 | Feb 27, 2016 | View solution | View solution |
Add Rounded Corners with a Border Radius | Sep 16, 2015 | Feb 27, 2016 | View solution | View solution |
Make Circular Images with a Border Radius | Sep 16, 2015 | Feb 27, 2016 | View solution | View solution |
Link to External Pages with Anchor Elements | Sep 16, 2015 | Feb 27, 2016 | View solution | View solution |
Nest an Anchor Element within a Paragraph | Sep 17, 2015 | Feb 27, 2016 | View solution | View solution |
Make Dead Links using the Hash Symbol | Sep 17, 2015 | Feb 27, 2016 | View solution | View solution |
Turn an Image into a Link | Sep 17, 2015 | Feb 27, 2016 | View solution | View solution |
Add Alt Text to an Image for Accessibility | Sep 19, 2015 | Feb 27, 2016 | View solution | View solution |
Create a Bulleted Unordered List | Sep 19, 2015 | Feb 27, 2016 | View solution | View solution |
Create an Ordered List | Sep 19, 2015 | Feb 27, 2016 | View solution | View solution |
Create a Text Field | Sep 19, 2015 | Feb 27, 2016 | View solution | View solution |
Add Placeholder Text to a Text Field | Sep 19, 2015 | Feb 27, 2016 | View solution | View solution |
Create a Form Element | Sep 20, 2015 | Feb 27, 2016 | View solution | View solution |
Add a Submit Button to a Form | Sep 20, 2015 | Feb 27, 2016 | View solution | View solution |
Use HTML5 to Require a Field | Sep 20, 2015 | Feb 27, 2016 | View solution | View solution |
Create a Set of Radio Buttons | Sep 22, 2015 | Feb 27, 2016 | View solution | View solution |
Create a Set of Checkboxes | Sep 22, 2015 | Feb 27, 2016 | View solution | View solution |
Check Radio Buttons and Checkboxes by Default | Sep 22, 2015 | Feb 27, 2016 | View solution | View solution |
Nest Many Elements within a Single Div Element | Sep 22, 2015 | Feb 27, 2016 | View solution | View solution |
Give a Background Color to a Div Element | Sep 23, 2015 | Feb 27, 2016 | View solution | View solution |
Set the ID of an Element | Sep 23, 2015 | Feb 27, 2016 | View solution | View solution |
Use an ID Attribute to Style an Element | Sep 24, 2015 | Feb 27, 2016 | View solution | View solution |
Adjusting the Padding of an Element | Sep 24, 2015 | Feb 27, 2016 | View solution | View solution |
Adjust the Margin of an Element | Sep 24, 2015 | Feb 27, 2016 | View solution | View solution |
Add a Negative Margin to an Element | Sep 24, 2015 | Feb 27, 2016 | View solution | View solution |
Add Different Padding to Each Side of an Element | Sep 24, 2015 | Feb 27, 2016 | View solution | View solution |
Add Different Margins to Each Side of an Element | Sep 24, 2015 | Feb 27, 2016 | View solution | View solution |
Use Clockwise Notation to Specify the Padding of an Element | Sep 24, 2015 | Feb 27, 2016 | View solution | View solution |
Use Clockwise Notation to Specify the Margin of an Element | Sep 24, 2015 | Feb 27, 2016 | View solution | View solution |
Style the HTML Body Element | Sep 24, 2015 | Feb 27, 2016 | View solution | View solution |
Inherit Styles from the Body Element | Sep 24, 2015 | Feb 27, 2016 | View solution | View solution |
Prioritize One Style Over Another | Sep 25, 2015 | Feb 27, 2016 | View solution | View solution |
Override Styles in Subsequent CSS | Sep 25, 2015 | Feb 27, 2016 | View solution | View solution |
Override Class Declarations by Styling ID Attributes | Sep 25, 2015 | Feb 27, 2016 | View solution | View solution |
Override Class Declarations with Inline Styles | Sep 25, 2015 | Feb 27, 2016 | View solution | View solution |
Override All Other Styles by using Important | Sep 25, 2015 | Feb 27, 2016 | View solution | View solution |
Use Hex Code for Specific Colors | Sep 25, 2015 | Feb 27, 2016 | View solution | View solution |
Use Hex Code to Color Elements White | Sep 25, 2015 | Feb 27, 2016 | View solution | View solution |
Use Hex Code to Color Elements Red | Sep 25, 2015 | Feb 27, 2016 | View solution | View solution |
Use Hex Code to Color Elements Green | Sep 25, 2015 | Feb 27, 2016 | View solution | View solution |
Use Hex Code to Color Elements Blue | Sep 25, 2015 | Feb 27, 2016 | View solution | View solution |
Use Hex Code to Mix Colors | Sep 25, 2015 | Feb 27, 2016 | View solution | View solution |
Use Hex Code to Color Elements Gray | Sep 25, 2015 | Feb 27, 2016 | View solution | View solution |
Use Hex Code for Specific Shades of Gray | Sep 25, 2015 | Feb 27, 2016 | View solution | View solution |
Use Abbreviated Hex Code | Sep 25, 2015 | Feb 27, 2016 | View solution | View solution |
Use RGB values to Color Elements | Sep 25, 2015 | Feb 27, 2016 | View solution | View solution |
Use RGB to Color Elements White | Sep 25, 2015 | Feb 27, 2016 | View solution | View solution |
Use RGB to Color Elements Red | Sep 25, 2015 | Feb 27, 2016 | View solution | View solution |
Use RGB to Color Elements Green | Sep 25, 2015 | Feb 27, 2016 | View solution | View solution |
Use RGB to Color Elements Blue | Sep 25, 2015 | Feb 27, 2016 | View solution | View solution |
Use RGB to Mix Colors | Sep 25, 2015 | Feb 27, 2016 | View solution | View solution |
Use Responsive Design with Bootstrap Fluid Containers | Sep 25, 2015 | Feb 27, 2016 | View solution | View solution |
Make Images Mobile Responsive | Sep 26, 2015 | Feb 27, 2016 | View solution | View solution |
Center Text with Bootstrap | Sep 26, 2015 | Feb 27, 2016 | View solution | View solution |
Create a Bootstrap Button | Sep 26, 2015 | Feb 27, 2016 | View solution | View solution |
Create a Block Element Bootstrap Button | Sep 26, 2015 | Feb 27, 2016 | View solution | View solution |
Taste the Bootstrap Button Color Rainbow | Sep 26, 2015 | Feb 27, 2016 | View solution | View solution |
Call out Optional Actions with Button Info | Sep 26, 2015 | Feb 27, 2016 | View solution | View solution |
Warn your Users of a Dangerous Action | Sep 26, 2015 | Feb 27, 2016 | View solution | View solution |
Use the Bootstrap Grid to Put Elements Side By Side | Sep 26, 2015 | Feb 27, 2016 | View solution | View solution |
Ditch Custom CSS for Bootstrap | Sep 26, 2015 | Feb 27, 2016 | View solution | View solution |
Use Spans for Inline Elements | Sep 26, 2015 | Feb 27, 2016 | View solution | View solution |
Create a Custom Heading | Sep 27, 2015 | Feb 27, 2016 | View solution | View solution |
Add Font Awesome Icons to our Buttons | Sep 27, 2015 | Feb 27, 2016 | View solution | View solution |
Add Font Awesome Icons to all of our Buttons | Sep 27, 2015 | Feb 27, 2016 | View solution | View solution |
Responsively Style Radio Buttons | Sep 28, 2015 | Feb 27, 2016 | View solution | View solution |
Responsively Style Checkboxes | Sep 28, 2015 | Feb 27, 2016 | View solution | View solution |
Style Text Inputs as Form Controls | Sep 28, 2015 | Feb 27, 2016 | View solution | View solution |
Line up Form Elements Responsively with Bootstrap | Oct 01, 2015 | Feb 27, 2016 | View solution | View solution |
Create a Bootstrap Headline | Oct 01, 2015 | Feb 27, 2016 | View solution | View solution |
House our page within a Bootstrap Container Fluid Div | Oct 01, 2015 | Feb 27, 2016 | View solution | View solution |
Create a Bootstrap Row | Oct 01, 2015 | Feb 27, 2016 | View solution | View solution |
Split your Bootstrap Row | Oct 01, 2015 | Feb 27, 2016 | View solution | View solution |
Create Bootstrap Wells | Oct 02, 2015 | Feb 27, 2016 | View solution | View solution |
Add Elements within your Bootstrap Wells | Oct 02, 2015 | Feb 27, 2016 | View solution | View solution |
Apply the Default Bootstrap Button Style | Oct 02, 2015 | Feb 27, 2016 | View solution | View solution |
Create a Class to Target with jQuery Selectors | Oct 02, 2015 | Feb 27, 2016 | View solution | View solution |
Add ID Attributes to Bootstrap Elements | Oct 02, 2015 | Feb 27, 2016 | View solution | View solution |
Label Bootstrap Wells | Oct 02, 2015 | Feb 27, 2016 | View solution | View solution |
Give Each Element a Unique ID | Oct 02, 2015 | Feb 27, 2016 | View solution | View solution |
Label Bootstrap Buttons | Oct 02, 2015 | Feb 27, 2016 | View solution | View solution |
Use Comments to Clarify Code | Oct 02, 2015 | Feb 27, 2016 | View solution | View solution |
Learn how Script Tags and Document Ready Work | Oct 03, 2015 | Feb 29, 2016 | View solution | View solution |
Target HTML Elements with Selectors Using jQuery | Oct 03, 2015 | Feb 29, 2016 | View solution | View solution |
Target Elements by Class Using jQuery | Oct 03, 2015 | Feb 29, 2016 | View solution | View solution |
Target Elements by ID Using jQuery | Oct 03, 2015 | Feb 29, 2016 | View solution | View solution |
Delete your jQuery Functions | Oct 03, 2015 | Feb 29, 2016 | View solution | View solution |
Target the same element with multiple jQuery Selectors | Oct 03, 2015 | Feb 29, 2016 | View solution | View solution |
Remove Classes from an element with jQuery | Oct 03, 2015 | Feb 29, 2016 | View solution | View solution |
Change the CSS of an Element Using jQuery | Oct 03, 2015 | Feb 29, 2016 | View solution | View solution |
Disable an Element Using jQuery | Oct 03, 2015 | Feb 29, 2016 | View solution | View solution |
Remove an Element Using jQuery | Oct 03, 2015 | Feb 29, 2016 | View solution | View solution |
Use appendTo to Move Elements with jQuery | Oct 03, 2015 | Mar 01, 2016 | View solution | View solution |
Clone an Element Using jQuery | Oct 03, 2015 | Mar 01, 2016 | View solution | View solution |
Target the Parent of an Element Using jQuery | Oct 04, 2015 | Mar 01, 2016 | View solution | View solution |
Target the Children of an Element Using jQuery | Oct 04, 2015 | Mar 01, 2016 | View solution | View solution |
Target a Specific Child of an Element Using jQuery | Oct 04, 2015 | Mar 01, 2016 | View solution | View solution |
Target Even Numbered Elements Using jQuery | Oct 04, 2015 | Mar 01, 2016 | View solution | View solution |
Use jQuery to Modify the Entire Page | Oct 04, 2015 | Mar 01, 2016 | View solution | View solution |
Comment your JavaScript Code | Oct 04, 2015 | Aug 02, 2016 | View solution | View solution |
Understanding Boolean Values | Oct 04, 2015 | Apr 19, 2016 | View solution | View solution |
Declare JavaScript Variables | Oct 04, 2015 | Apr 09, 2016 | View solution | View solution |
Declare String Variables | Oct 04, 2015 | Apr 09, 2016 | View solution | View solution |
Find the Length of a String | Oct 06, 2015 | Apr 16, 2016 | View solution | View solution |
Use Bracket Notation to Find the First Character in a String | Oct 06, 2015 | Apr 16, 2016 | View solution | View solution |
Use Bracket Notation to Find the Nth Character in a String | Oct 06, 2015 | Apr 16, 2016 | View solution | View solution |
Use Bracket Notation to Find the Last Character in a String | Oct 06, 2015 | Apr 16, 2016 | View solution | View solution |
Use Bracket Notation to Find the NthtoLast Character in a String | Oct 06, 2015 | Apr 16, 2016 | View solution | View solution |
Add Two Numbers with JavaScript | Oct 06, 2015 | Apr 09, 2016 | View solution | View solution |
Subtract One Number from Another with JavaScript | Oct 06, 2015 | Apr 09, 2016 | View solution | View solution |
Multiply Two Numbers with JavaScript | Oct 06, 2015 | Apr 09, 2016 | View solution | View solution |
Divide One Number by Another with JavaScript | Oct 06, 2015 | Apr 09, 2016 | View solution | View solution |
Create Decimal Numbers with JavaScript | Oct 06, 2015 | Apr 09, 2016 | View solution | View solution |
Multiply Two Decimals with JavaScript | Oct 06, 2015 | Apr 09, 2016 | View solution | View solution |
Store Multiple Values in one Variable using JavaScript Arrays | Oct 06, 2015 | Apr 16, 2016 | View solution | View solution |
Nest one Array within Another Array | Oct 06, 2015 | Apr 16, 2016 | View solution | View solution |
Access Array Data with Indexes | Oct 06, 2015 | Apr 16, 2016 | View solution | View solution |
Modify Array Data With Indexes | Oct 07, 2015 | Apr 16, 2016 | View solution | View solution |
Manipulate Arrays With pop | Oct 09, 2015 | Apr 18, 2016 | View solution | View solution |
Manipulate Arrays With push | Oct 09, 2015 | Apr 16, 2016 | View solution | View solution |
Manipulate Arrays With shift | Oct 10, 2015 | Apr 18, 2016 | View solution | View solution |
Manipulate Arrays With unshift | Oct 10, 2015 | Apr 18, 2016 | View solution | View solution |
Write Reusable JavaScript with Functions | Oct 10, 2015 | Apr 18, 2016 | View solution | View solution |
Build JavaScript Objects | Oct 11, 2015 | Apr 25, 2016 | View solution | View solution |
Updating Object Properties | Oct 11, 2015 | Jun 20, 2016 | View solution | View solution |
Join our LinkedIn Alumni Network | Oct 18, 2015 | May 16, 2017 | View this challenge | Join our LinkedIn Alumni Network |
Commit to a Goal and a Nonprofit | Oct 18, 2015 | Feb 27, 2016 | View this challenge | Commit to a Goal and a Nonprofit |
Learn How freeCodeCamp Works | Jan 23, 2016 | Apr 26, 2018 | View this challenge | Learn How freeCodeCamp Works |
Create a GitHub Account and Join our Chat Rooms | Jan 23, 2016 | May 16, 2017 | View this challenge | Create a GitHub Account and Join our Chat Rooms |
Configure your Profile | Jan 23, 2016 | May 16, 2017 | View this challenge | Configure your Profile |
Join a Free Code Camp Group in Your City | Jan 23, 2016 | May 16, 2017 | View this challenge | Join a Free Code Camp Group in Your City |
Learn What to Do If You Get Stuck | Jan 23, 2016 | May 16, 2017 | View this challenge | Learn What to Do If You Get Stuck |
Join our Subreddit | Feb 27, 2016 | | View this challenge | Join our Subreddit |
Read Coding News on our Medium Publication | Feb 27, 2016 | May 16, 2017 | View this challenge | Read Coding News on our Medium Publication |
Watch Coding Videos on our YouTube Channel | Feb 27, 2016 | May 16, 2017 | View this challenge | Watch Coding Videos on our YouTube Channel |
Change Text Inside an Element Using jQuery | Feb 29, 2016 | | View solution | View solution |
Get Set for our Front End Development Projects | Mar 01, 2016 | Mar 02, 2016 | View this challenge | Get Set for our Front End Development Projects |
Storing Values with the Assignment Operator | Apr 09, 2016 | | View solution | View solution |
Initializing Variables with the Assignment Operator | Apr 09, 2016 | | View solution | View solution |
Understanding Uninitialized Variables | Apr 09, 2016 | | View solution | View solution |
Understanding Case Sensitivity in Variables | Apr 09, 2016 | | View solution | View solution |
Increment a Number with JavaScript | Apr 09, 2016 | | View solution | View solution |
Decrement a Number with JavaScript | Apr 09, 2016 | | View solution | View solution |
Divide one Decimal by Another with JavaScript | Apr 09, 2016 | | View solution | View solution |
Finding a Remainder in JavaScript | Apr 09, 2016 | | View solution | View solution |
Compound Assignment With Augmented Addition | Apr 09, 2016 | | View solution | View solution |
Compound Assignment With Augmented Subtraction | Apr 09, 2016 | | View solution | View solution |
Compound Assignment With Augmented Multiplication | Apr 09, 2016 | | View solution | View solution |
Compound Assignment With Augmented Division | Apr 09, 2016 | | View solution | View solution |
Convert Celsius to Fahrenheit | Apr 09, 2016 | | View solution | View solution |
Escaping Literal Quotes in Strings | Apr 09, 2016 | | View solution | View solution |
Quoting Strings with Single Quotes | Apr 09, 2016 | | View solution | View solution |
Escape Sequences in Strings | Apr 16, 2016 | | View solution | View solution |
Concatenating Strings with Plus Operator | Apr 16, 2016 | | View solution | View solution |
Concatenating Strings with the Plus Equals Operator | Apr 16, 2016 | | View solution | View solution |
Constructing Strings with Variables | Apr 16, 2016 | | View solution | View solution |
Appending Variables to Strings | Apr 16, 2016 | | View solution | View solution |
Understand String Immutability | Apr 16, 2016 | | View solution | View solution |
Word Blanks | Apr 16, 2016 | | View solution | View solution |
Access MultiDimensional Arrays With Indexes | Apr 16, 2016 | | View solution | View solution |
Shopping List | Apr 18, 2016 | | View solution | View solution |
Passing Values to Functions with Arguments | Apr 19, 2016 | | View solution | View solution |
Global Scope and Functions | Apr 19, 2016 | | View solution | View solution |
Local Scope and Functions | Apr 19, 2016 | | View solution | View solution |
Global vs Local Scope in Functions | Apr 19, 2016 | | View solution | View solution |
Return a Value from a Function with Return | Apr 19, 2016 | | View solution | View solution |
Assignment with a Returned Value | Apr 19, 2016 | | View solution | View solution |
Stand in Line | Apr 19, 2016 | | View solution | View solution |
Comparison with the Equality Operator | Apr 20, 2016 | | View solution | View solution |
Comparison with the Strict Equality Operator | Apr 20, 2016 | | View solution | View solution |
Comparison with the Inequality Operator | Apr 20, 2016 | | View solution | View solution |
Comparison with the Strict Inequality Operator | Apr 20, 2016 | | View solution | View solution |
Comparison with the Greater Than Operator | Apr 20, 2016 | | View solution | View solution |
Comparison with the Greater Than Or Equal To Operator | Apr 20, 2016 | | View solution | View solution |
Comparison with the Less Than Operator | Apr 20, 2016 | | View solution | View solution |
Comparison with the Less Than Or Equal To Operator | Apr 20, 2016 | | View solution | View solution |
Comparisons with the Logical And Operator | Apr 20, 2016 | | View solution | View solution |
Comparisons with the Logical Or Operator | Apr 20, 2016 | | View solution | View solution |
Introducing Else Statements | Apr 20, 2016 | | View solution | View solution |
Introducing Else If Statements | Apr 20, 2016 | | View solution | View solution |
Logical Order in If Else Statements | Apr 21, 2016 | | View solution | View solution |
Chaining If Else Statements | Apr 21, 2016 | | View solution | View solution |
Golf Code | Apr 23, 2016 | | View solution | View solution |
Selecting from many options with Switch Statements | Apr 23, 2016 | | View solution | View solution |
Adding a default option in Switch statements | Apr 23, 2016 | | View solution | View solution |
Multiple Identical Options in Switch Statements | Apr 23, 2016 | | View solution | View solution |
Replacing If Else Chains with Switch | Apr 23, 2016 | | View solution | View solution |
Returning Boolean Values from Functions | Apr 23, 2016 | | View solution | View solution |
Return Early Pattern for Functions | Apr 23, 2016 | | View solution | View solution |
Accessing Objects Properties with the Dot Operator | Apr 25, 2016 | | View solution | View solution |
Accessing Objects Properties with Bracket Notation | Apr 25, 2016 | | View solution | View solution |
Accessing Objects Properties with Variables | Apr 26, 2016 | | View solution | View solution |
Add New Properties to a JavaScript Object | Jun 20, 2016 | | View solution | View solution |
Delete Properties from a JavaScript Object | Jun 21, 2016 | | View solution | View solution |
Using Objects for Lookups | Jun 21, 2016 | | View solution | View solution |
Join our Forum | May 16, 2017 | | View this challenge | Join our Forum |
Become a Supporter | May 16, 2017 | | View this challenge | Become a Supporter |
Get Set for our Algorithm Challenges | Mar 24, 2018 | | View this challenge | Get Set for our Algorithm Challenges |