Getting Started

Join the Free Code Camp Community

• Learn how Free Code Camp Works
• Create a GitHub Account and Join our Chat Rooms
• Configure your Code Portfolio
• Join a Campsite in Your City
• Learn What to Do If You Get Stuck

Front End Development Certification

HTML5 and CSS

• Challenge: Say Hello to HTML Elements
• Challenge: Headline with the h2 Element
• Challenge: Inform with the Paragraph Element
• Challenge: Make Unique Objects by Passing Parameters to our Constructor
• Challenge: Uncomment HTML
• Challenge: Comment out HTML
• Challenge: Fill in the Blank with Placeholder Text
• Challenge: Delete HTML Elements
• Challenge: Change the Color of Text
• Challenge: Use CSS Selectors to Style Elements
• Challenge: Use a CSS Class to Style an Element
• Challenge: Style Multiple Elements with a CSS Class
• Challenge: Change the Font Size of an Element
• Challenge: Set the Font Family of an Element
• Challenge: Import a Google Font
• Challenge: Specify How Fonts Should Degrade
• Challenge: Add Images to your Website
• Challenge: Size your Images
• Challenge: Add Borders Around your Elements
• Challenge: Add Rounded Corners with a Border Radius
• Challenge: Make Circular Images with a Border Radius
• Challenge: Link to External Pages with Anchor Elements
• Challenge: Nest an Anchor Element within a Paragraph)
• Challenge: Make Dead Links using the Hash Symbol
• Challenge: Turn an Image into a Link
• Challenge: Add Alt Text to an Image for Accessibility
• Challenge: Create a Bulleted Unordered List
• Challenge: Create an Ordered List
• Challenge: Create a Text Field
• Challenge: Add Placeholder Text to a Text Field
• Challenge: Create a Form Element
• Challenge: Add a Submit Button to a Form
• Challenge: Use HTML5 to Require a Field
• Challenge: Create a Set of Radio Buttons
• Challenge: Create a Set of Checkboxes
• Challenge: Check Radio Buttons and Checkboxes by Default
• Challenge: Nest Many Elements within a Single Div Element
• Challenge: Give a Background Color to a Div Element
• Challenge: Set the ID of an Element
• Challenge: Use an ID Attribute to Style an Element
• Challenge: Adjusting the Padding of an Element
• Challenge: Adjust the Margin of an Element
• Challenge: Add a Negative Margin to an Element
• Challenge: Add Different Padding to Each Side of an Element
• Challenge: Add Different Margins to Each Side of an Element
• Challenge: Use Clockwise Notation to Specify the Padding of an Element
• Challenge: Use Clockwise Notation to Specify the Margin of an Element
• Challenge: Style the HTML Body Element
• Challenge: Inherit Styles from the Body Element Complete
• Challenge: Prioritize One Style Over Another Complete
• Challenge: Override Styles in Subsequent CSS Complete
• Challenge: Override Class Declarations by Styling ID Attributes Complete
• Challenge: Override Class Declarations with Inline Styles Complete
• Challenge: Override All Other Styles by using Important Complete
• Challenge: Use Hex Code for Specific Colors Complete
• Challenge: Use Hex Code to Color Elements White Complete
• Challenge: Use Hex Code to Color Elements Red Complete
• Challenge: Use Hex Code to Color Elements Green Complete
• Challenge: Use Hex Code to Color Elements Blue
• Challenge: Use Hex Code to Mix Colors
• Challenge: Use Hex Code to Color Elements Gray
• Challenge: Use Hex Code for Specific Shades of Gray
• Challenge: Use Abbreviated Hex Code
• Challenge: Use RGB values to Color Elements
• Challenge: Use RGB to Color Elements White
• Challenge: Use RGB to Color Elements Red
• Challenge: Use RGB to Color Elements Green
• Challenge: Use RGB to Color Elements Blue
• Challenge: Use RGB to Mix Colors
• Challenge: Use RGB to Color Elements Gray

Responsive Design with Bootstrap

• Challenge: Use Responsive Design with Bootstrap Fluid Containers
• Challenge: Make Images Mobile Responsive
• Challenge: Center Text with Bootstrap
• Challenge: Create a Bootstrap Button
• Challenge: Create a Block Element Bootstrap Button
• Challenge: Taste the Bootstrap Button Color Rainbow
• Challenge: Call out Optional Actions with Button Info
• Challenge: Warn your Users of a Dangerous Action
• Challenge: Use the Bootstrap Grid to Put Elements Side By Side
• Challenge: Ditch Custom CSS for Bootstrap
• Challenge: Use Spans for Inline Elements
• Challenge: Create a Custom Heading
• Challenge: Add Font Awesome Icons to our Buttons
• Challenge: Add Font Awesome Icons to all of our Buttons
• Challenge: Responsively Style Radio Buttons
• Challenge: Responsively Style Checkboxes
• Challenge: Style Text Inputs as Form Controls
• Challenge: Line up Form Elements Responsively with Bootstrap
• Challenge: Create a Bootstrap Headline
• Challenge: House our page within a Bootstrap Container Fluid Div
• Challenge: Create a Bootstrap Row
• Challenge: Split your Bootstrap Row
• Challenge: Create Bootstrap Wells
• Challenge: Add Elements within your Bootstrap Wells
• Challenge: Apply the Default Bootstrap Button Style
• Challenge: Create a Class to Target with jQuery Selectors
• Challenge: Add ID Attributes to Bootstrap Elements
• Challenge: Label Bootstrap Wells
• Challenge: Give Each Element a Unique ID
• Challenge: Label Bootstrap Buttons
• Challenge: Use Comments to Clarify Code

Gear up for Success

1. Join our LinkedIn Alumni Network
2. Join our Subreddit
3. Read Coding News on our Medium Publication
4. Watch us Code Live on Twitch.tv
5. Challenge: Commit to a Goal and a Nonprofit

jQuery

• Challenge: Learn how Script Tags and Document Ready Work
• Challenge: Target HTML Elements with Selectors Using jQuery
• Challenge: Target Elements by Class Using jQuery
• Challenge: Target Elements by ID Using jQuery
• Challenge: Delete your jQuery Functions
• Challenge: Target the same element with multiple jQuery Selectors
• Challenge: Remove Classes from an element with jQuery
• Challenge: Change the CSS of an Element Using jQuery
• Challenge: Disable an Element Using jQuery
• Challenge: Change Text Inside an Element Using jQuery
• Challenge: Remove an Element Using jQuery
• Challenge: Use appendTo to Move Elements with jQuery
• Challenge: Clone an Element Using jQuery
• Challenge: Target the Parent of an Element Using jQuery
• Challenge: Target the Children of an Element Using jQuery
• Challenge: Target a Specific Child of an Element Using jQuery
• Challenge: Target Even Numbered Elements Using jQuery
• Challenge: Use jQuery to Modify the Entire Page

Basic Front End Development Projects

• Get Set for our Front End Development Projects
• Build a Tribute Page
• Build a Personal Portfolio Webpage

Basic JavaScript

1. Challenge: Comment your JavaScript Code
2. Challenge: Understand Boolean Values
3. Challenge: Declare JavaScript Variables
4. Challenge: Storing Values with the Equal Operator
5. Challenge: Initializing Variables with the Equal Operator
6. Challenge: Understanding Uninitialized Variables
7. Challenge: Understanding Case Sensitivity in Variables
8. Challenge: Add Two Numbers with JavaScript
9. Challenge: Subtract One Number from Another with JavaScript
10. Challenge: Multiply Two Numbers with JavaScript
11. Challenge: Divide One Number by Another with JavaScript
12. Challenge: Increment a Number with Javascript
13. Challenge: Decrement a Number with Javascript
14. Challenge: Create Decimal Numbers with JavaScript
15. Challenge: Multiply Two Decimals with JavaScript
16. Challenge: Divide one Decimal by Another with JavaScript
17. Challenge: Finding a Remainder in Javascript
18. Challenge: Assignment with Plus Equals
19. Challenge: Assignment with Minus Equals
20. Challenge: Assignment with Times Equals
21. Challenge: Assignment with Divided by Equals
22. Checkpoint: Convert Celsius to Fahrenheit
23. Challenge: Declare String Variables
24. Challenge: Escaping Literal Quotes in Strings
25. Challenge: Quoting Strings with Single Quotes
26. Challenge: Escape Sequences in Strings
27. Challenge: Concatenating Strings with Plus Operator
28. Challenge: Concatenating Strings with the Plus Equals Operator
29. Challenge: Constructing Strings with Variables
30. Challenge: Appending Variables to Strings
31. Challenge: Find the Length of a String
32. Challenge: Use Bracket Notation to Find the First Character in a String
33. Challenge: Understand String Immutability
34. Challenge: Use Bracket Notation to Find the Nth Character in a String
35. Challenge: Use Bracket Notation to Find the Last Character in a String
36. Challenge: Use Bracket Notation to Find the Nth-to-Last Character in a String
37. Checkpoint: Word Blanks
38. Challenge: Store Multiple Values in one Variable using JavaScript Arrays
39. Challenge: Nest one Array within Another Array
40. Challenge: Access Array Data with Indexes
41. Challenge: Modify Array Data With Indexes
42. Challenge: Access Multi-Dimensional Arrays With Indexes
43. Challenge: Manipulate Arrays With pop()
44. Challenge: Manipulate Arrays With push()
45. Challenge: Manipulate Arrays With shift()
46. Challenge: Manipulate Arrays With unshift()
47. Checkpoint: Shopping List
48. Challenge: Write Reusable JavaScript with Functions
49. Challenge: Passing Values to Functions with Arguments
50. Challenge: Global Scope and Functions
51. Challenge: Local Scope and Functions
52. Challenge: Global vs. Local Scope in Functions
53. Challenge: Return a Value from a Function with Return
54. Challenge: Assignment with a Returned Value
55. Checkpoint: Stand in Line
56. Challenge: Use Conditional Logic with If-Else Statements
57. Challenge: Comparison with the Equality Operator
58. Challenge: Comparison with the Strict Equality Operator
59. Challenge: Comparison with the Inequality Operator
60. Challenge: Comparison with the Strict Inequality Operator
61. Challenge: Comparison with the Greater Than Operator
62. Challenge: Comparison with the Greater Than Equal To Operator
63. Challenge: Comparison with the Less Than Operator
64. Challenge: Comparison with the Less Than Equal To Operator
65. Challenge: Comparisons with the Logical And Operator
66. Challenge: Comparisons with the Logical Or Operator
67. Challenge: Introducing Else Statements
68. Challenge: Introducing Else If Statements
69. Challenge: Logical Order in If Else Statements
70. Challenge: Chaining If Else Statements
71. Checkpoint: Golf Code
72. Challenge: Selecting from many options with Switch Statements
73. Challenge: Adding a default option in Switch statements
74. Challenge: Multiple Identical Options in Switch Statements
75. Challenge: Replacing If Else Chains with Switch
76. Challenge: Returning Boolean Values from Functions
77. Challenge: Return Early Pattern for Functions
78. Checkpoint: Counting Cards
79. Challenge: Build JavaScript Objects
80. Challenge: Accessing Objects Properties with the Dot Operator
81. Challenge: Accessing Objects Properties with Bracket Notation
82. Challenge: Accessing Objects Properties with Variables
83. Challenge: Updating Object Properties
84. Challenge: Add New Properties to a JavaScript Object
85. Challenge: Delete Properties from a JavaScript Object
86. Challenge: Using Objects for Lookups
87. Challenge: Testing Objects for Properties
88. Challenge: Introducing JavaScript Object Notation (JSON)
89. Challenge: Accessing Nested Objects in JSON
90. Challenge: Accessing Nested Arrays in JSON
91. Checkpoint: Record Collection
92. Challenge: Iterate with JavaScript For Loops
93. Challenge: Iterate Odd Numbers With a For Loop
94. Challenge: Count Backwards With a For Loop
95. Challenge: Iterate Through an Array with a For Loop
96. Challenge: Nesting For Loops
97. Challenge: Iterate with JavaScript While Loops
98. Checkpoint: Profile Lookup
99. Challenge: Generate Random Fractions with JavaScript
100. Challenge: Generate Random Whole Numbers with JavaScript
101. Challenge: Generate Random Whole Numbers within a Range
102. Challenge: Sift through Text with Regular Expressions
103. Challenge: Find Numbers with Regular Expressions
104. Challenge: Find White Space with Regular Expressions
105. Challenge: Invert Regular Expression Matches with JavaScript

Object Oriented and Functional Programming

• Challenge: Declare JavaScript Objects as Variables
• Challenge: Construct JavaScript Objects with Functions
• Challenge: Make Object Properties Private
• Challenge: Make Instances of Objects with a Constructor Function
• Challenge: Iterate over Arrays with .map
• Challenge: Condense arrays with .reduce
• Challenge: Filter Arrays with .filter
• Challenge: Sort Arrays with .sort
• Challenge: Reverse Arrays with .reverse
• Challenge: Concatenate Strings with .concat
• Challenge: Split Strings with .split
• Challenge: Join Strings with .join

Basic Algorithm Scripting

• Algorithm: Get Set for our Algorithm Challenges
• Algorithm: Reverse a String
• Algorithm: Factorialize a Number
• Algorithm: Check for Palindromes
• Algorithm: Find the Longest Word in a String
• Algorithm: Title Case a Sentence
• Algorithm: Return Largest Numbers in Arrays
• Algorithm: Confirm the Ending
• Algorithm: Repeat a string repeat a string
• Algorithm: Truncate a string
• Algorithm: Chunky Monkey
• Algorithm: Slasher Flick
• Algorithm: Mutations
• Algorithm: Falsy Bouncer
• Algorithm: Seek and Destroy
• Algorithm: Where do I belong
• Algorithm: Caesar's Cipher

JSON APIs and Ajax  

• Challenge: Trigger Click Events with jQuery
• Challenge: Change Text with Click Events
• Challenge: Get JSON with the jQuery getJSON Method
• Challenge: Convert JSON Data to HTML
• Challenge: Render Images from Data Sources
• Challenge: Prefilter JSON
• Challenge: Get Geo-location Data

Intermediate Front End Development Projects

• Build a Random Quote Machine
• Show the Local Weather
• Build a Wikipedia Viewer
• Use the Twitch.tv JSON API

Intermediate Algorithm Scripting

• Algorithm: Sum All Numbers in a Range
• Algorithm: Diff Two Arrays
• Algorithm: Roman Numeral Converter
• Algorithm: Where art thou
• Algorithm: Search and Replace
• Algorithm: Pig Latin
• Algorithm: DNA Pairing
• Algorithm: Missing letters
• Algorithm: Boo who
• Algorithm: Sorted Union
• Algorithm: Convert HTML Entities
• Algorithm: Spinal Tap Case
• Algorithm: Sum All Odd Fibonacci Numbers
• Algorithm: Sum All Primes
• Algorithm: Smallest Common Multiple
• Algorithm: Finders Keepers
• Algorithm: Drop it
• Algorithm: Steamroller
• Algorithm: Binary Agents
• Algorithm: Everything Be True
• Algorithm: Arguments Optional

Advanced Algorithm Scripting

• Algorithm: Validate US Telephone Numbers
• Algorithm: Symmetric Difference
• Algorithm: Exact Change
• Algorithm: Inventory Update
• Algorithm: No repeats please
• Algorithm: Friendly Date Ranges
• Algorithm: Make a Person
• Algorithm: Map the Debris
• Algorithm: Pairwise

Advanced Front End Development Projects

• Build a JavaScript Calculator
• Build a Pomodoro Clock
• Build a Tic Tac Toe Game
• Build a Simon Game

Claim Your Front End Development Certificate

• Claim Your Front End Development Certificate

Data Visualization Certification

Sass

• Learn Sass Challenges Incomplete 

React

• Learn React Challenges

React Projects

• Build a Markdown Previewer
• Build a Camper Leaderboard
• Build a Recipe Box
• Build the Game of Life
• Build a Rouguelike Dungeon Crawler Game

D3

• Learn D3 Challenges

Data Visualization Projects

• Visualize Data with a Bar Chart
• Visualize Data with a Scatterplot Graph
• Visualize Data with a Heat Map
• Show Relationships with a Force Directed Graph
• Map Data Across the Globe

Claim Your Data Visualization Certificate

• Claim Your Data Visualization Certificate

Back End Development Certification

Automated Testing and Debugging

• Challenge: Use the Javascript Console
• Challenge: Using typeof

Git

• Challenge: Save your Code Revisions Forever with Git

Node.js and Express.js

• Challenge: Manage Packages with NPM
• Challenge: Start a Node.js Server
• Challenge: Continue working with Node.js Servers
• Challenge: Finish working with Node.js Servers
• Challenge: Build Web Apps with Express.js

MongoDB

• Challenge: Store Data in MongoDB

API Projects

• Get Set for our Back End Development Projects
• Timestamp Microservice
• Request Header Parser Microservice
• URL Shortener Microservice
• Image Search Abstraction Layer
• File Metadata Microservice

Dynamic Web Applications Projects

• Build a Voting App
• Build a Nightlife Coordination App
• Chart the Stock Market
• Manage a Book Trading Club
• Build a Pinterest Clone

Claim Your Back End Development Certificate

• Claim Your Back End Development Certificate

Video Challenges

Computer Basics

• Computer Basics: The 4 Basic Parts of a Computer
• Computer Basics: More Computer Hardware
• Computer Basics: Chips and Moore's Law
• Computer Basics: Intro to Binary Code
• Computer Basics: Decoding a Binary Number
• Computer Basics: How To Measure Data Size
• Computer Basics: Measuring Data Speed
• Computer Basics: Binary Bytes
• Computer Basics: Types of Computers
• Computer Basics: More on the Motherboard
• Computer Basics: Data Networks
• Computer Basics: IP Addresses
• Computer Basics: How the Internet Works
• Computer Basics: Software
• Computer Basics: Content Delivery Networks
• Analog vs Digital and File Compression
• Routers and Packets
• Source Code
• Variables In Code
• What Do Programmers Do?
• Console and Logging
• Computer Security

The DOM

• The DOM: What's the Document Object Model?
• The DOM: Style in the Header, Script in the Footer

JavaScript Lingo

• JavaScript Lingo: MDN and Documentation
• JavaScript Lingo: Value Types
• JavaScript Lingo: Variables & camelCase
• JavaScript Lingo: Arrays & Objects
• JavaScript Lingo: Finding and Indexing Data in Arrays
• JavaScript Lingo: Manipulating Data
• JavaScript Lingo: Math
• JavaScript Lingo: Loops JavaScript Lingo: Regular Expressions

Chrome Developer Tools

• Chrome Dev Tools: Elements
• Chrome Dev Tools: Network
• Chrome Dev Tools: Sources
• Chrome Dev Tools: Timeline
• Chrome Dev Tools: Profiles
• Chrome Dev Tools: Resources
• Chrome Dev Tools: Audits
• Chrome Dev Tools: Console
• Chrome Dev Tools: Summary

Big O Notation

• Big O Notation: What It Is and Why You Should Care
• Big O Notation: A Few Examples

Full Stack Development Certification

Nonprofit Projects

• Greenfield Nonprofit Project #1
• Greenfield Nonprofit Project #2
• Legacy Code Nonprofit Project #1
• Legacy Code Nonprofit Project #2
• Claim your Full Stack Development Certification

Coding Interview Preparation

Coding Interview Training

• Soft Skill Training
• Critical Thinking Training
• Whiteboard Coding Training

Mock Interviews

• Mock Interview #1
• Mock Interview #2
• Mock Interview #3