gingersquirrel

Harriet Lawrie

[ 283 ]

Projects
Build a Tribute Page
Build a Personal Portfolio Webpage
Build a Random Quote Machine
Algorithms
Reverse a String
Factorialize a Number
Check for Palindromes
Find the Longest Word in a String
Title Case a Sentence
Return Largest Numbers in Arrays
Confirm the Ending
Repeat a string repeat a string
Truncate a string
Chunky Monkey
Slasher Flick
Mutations
Falsy Bouncer
Seek and Destroy
Where do I belong
Caesars Cipher
Sum All Numbers in a Range
Diff Two Arrays
Roman Numeral Converter
Wherefore art thou
Search and Replace
Pig Latin
DNA Pairing
Challenges
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
Say Hello to HTML Elements
Headline with the h2 Element
Inform with the Paragraph Element
Uncomment HTML
Comment out HTML
Fill in the Blank with Placeholder Text
Delete HTML Elements
Change the Color of Text
Use CSS Selectors to Style Elements
Use a CSS Class to Style an Element
Style Multiple Elements with a CSS Class
Change the Font Size of an Element
Set the Font Family of an Element
Import a Google Font
Specify How Fonts Should Degrade
Add Images to your Website
Size your Images
Add Borders Around your Elements
Add Rounded Corners with a Border Radius
Make Circular Images with a Border Radius
Link to External Pages with Anchor Elements
Nest an Anchor Element within a Paragraph
Make Dead Links using the Hash Symbol
Turn an Image into a Link
Add Alt Text to an Image for Accessibility
Create a Bulleted Unordered List
Create an Ordered List
Create a Text Field
Add Placeholder Text to a Text Field
Create a Form Element
Add a Submit Button to a Form
Use HTML5 to Require a Field
Create a Set of Radio Buttons
Create a Set of Checkboxes
Check Radio Buttons and Checkboxes by Default
Nest Many Elements within a Single Div Element
Give a Background Color to a Div Element
Set the ID of an Element
Use an ID Attribute to Style an Element
Adjusting the Padding of an Element
Adjust the Margin of an Element
Add a Negative Margin to an Element
Add Different Padding to Each Side of an Element
Add Different Margins to Each Side of an Element
Use Clockwise Notation to Specify the Padding of an Element
Use Clockwise Notation to Specify the Margin of an Element
Style the HTML Body Element
Inherit Styles from the Body Element
Prioritize One Style Over Another
Override Styles in Subsequent CSS
Override Class Declarations by Styling ID Attributes
Override Class Declarations with Inline Styles
Override All Other Styles by using Important
Use Hex Code for Specific Colors
Use Hex Code to Color Elements White
Use Hex Code to Color Elements Red
Use Hex Code to Color Elements Green
Use Hex Code to Color Elements Blue
Use Hex Code to Mix Colors
Use Hex Code to Color Elements Gray
Use Hex Code for Specific Shades of Gray
Use Abbreviated Hex Code
Use RGB values to Color Elements
Use RGB to Color Elements White
Use RGB to Color Elements Red
Use RGB to Color Elements Green
Use RGB to Color Elements Blue
Use RGB to Mix Colors
Use Responsive Design with Bootstrap Fluid Containers
Make Images Mobile Responsive
Center Text with Bootstrap
Create a Bootstrap Button
Create a Block Element Bootstrap Button
Taste the Bootstrap Button Color Rainbow
Call out Optional Actions with Button Info
Warn your Users of a Dangerous Action
Use the Bootstrap Grid to Put Elements Side By Side
Ditch Custom CSS for Bootstrap
Use Spans for Inline Elements
Create a Custom Heading
Add Font Awesome Icons to our Buttons
Add Font Awesome Icons to all of our Buttons
Responsively Style Radio Buttons
Responsively Style Checkboxes
Style Text Inputs as Form Controls
Line up Form Elements Responsively with Bootstrap
Create a Bootstrap Headline
House our page within a Bootstrap Container Fluid Div
Create a Bootstrap Row
Split your Bootstrap Row
Create Bootstrap Wells
Add Elements within your Bootstrap Wells
Apply the Default Bootstrap Button Style
Create a Class to Target with jQuery Selectors
Add ID Attributes to Bootstrap Elements
Label Bootstrap Wells
Give Each Element a Unique ID
Label Bootstrap Buttons
Use Comments to Clarify Code
Join our LinkedIn Alumni Network
Join our Subreddit
Read Coding News on our Medium Publication
Watch Coding Videos on our YouTube Channel
Commit to a Goal and a Nonprofit
Join our Forum
Learn how Script Tags and Document Ready Work
Target HTML Elements with Selectors Using jQuery
Target Elements by Class Using jQuery
Target Elements by ID Using jQuery
Delete your jQuery Functions
Target the same element with multiple jQuery Selectors
Remove Classes from an element with jQuery
Change the CSS of an Element Using jQuery
Disable an Element Using jQuery
Change Text Inside an Element Using jQuery
Remove an Element Using jQuery
Use appendTo to Move Elements with jQuery
Clone an Element Using jQuery
Target the Parent of an Element Using jQuery
Target the Children of an Element Using jQuery
Target a Specific Child of an Element Using jQuery
Target Even Numbered Elements Using jQuery
Use jQuery to Modify the Entire Page
Get Set for our Front End Development Projects
Comment your JavaScript Code
Declare JavaScript Variables
Storing Values with the Assignment Operator
Initializing Variables with the Assignment Operator
Understanding Uninitialized Variables
Understanding Case Sensitivity in Variables
Add Two Numbers with JavaScript
Subtract One Number from Another with JavaScript
Multiply Two Numbers with JavaScript
Divide One Number by Another with JavaScript
Increment a Number with JavaScript
Decrement a Number with JavaScript
Create Decimal Numbers with JavaScript
Multiply Two Decimals with JavaScript
Divide one Decimal by Another with JavaScript
Finding a Remainder in JavaScript
Compound Assignment With Augmented Addition
Compound Assignment With Augmented Subtraction
Compound Assignment With Augmented Multiplication
Compound Assignment With Augmented Division
Convert Celsius to Fahrenheit
Declare String Variables
Escaping Literal Quotes in Strings
Quoting Strings with Single Quotes
Escape Sequences in Strings
Concatenating Strings with Plus Operator
Concatenating Strings with the Plus Equals Operator
Constructing Strings with Variables
Appending Variables to Strings
Find the Length of a String
Use Bracket Notation to Find the First Character in a String
Understand String Immutability
Use Bracket Notation to Find the Nth Character in a String
Use Bracket Notation to Find the Last Character in a String
Use Bracket Notation to Find the NthtoLast Character in a String
Word Blanks
Store Multiple Values in one Variable using JavaScript Arrays
Nest one Array within Another Array
Access Array Data with Indexes
Modify Array Data With Indexes
Access MultiDimensional Arrays With Indexes
Manipulate Arrays With push
Manipulate Arrays With pop
Manipulate Arrays With shift
Manipulate Arrays With unshift
Shopping List
Write Reusable JavaScript with Functions
Passing Values to Functions with Arguments
Global Scope and Functions
Local Scope and Functions
Global vs Local Scope in Functions
Return a Value from a Function with Return
Assignment with a Returned Value
Stand in Line
Understanding Boolean Values
Use Conditional Logic with If Statements
Comparison with the Equality Operator
Comparison with the Strict Equality Operator
Comparison with the Inequality Operator
Comparison with the Strict Inequality Operator
Comparison with the Greater Than Operator
Comparison with the Greater Than Or Equal To Operator
Comparison with the Less Than Operator
Comparison with the Less Than Or Equal To Operator
Comparisons with the Logical And Operator
Comparisons with the Logical Or Operator
Introducing Else Statements
Introducing Else If Statements
Logical Order in If Else Statements
Chaining If Else Statements
Golf Code
Selecting from many options with Switch Statements
Adding a default option in Switch statements
Multiple Identical Options in Switch Statements
Replacing If Else Chains with Switch
Returning Boolean Values from Functions
Return Early Pattern for Functions
Counting Cards
Build JavaScript Objects
Accessing Objects Properties with the Dot Operator
Accessing Objects Properties with Bracket Notation
Accessing Objects Properties with Variables
Updating Object Properties
Add New Properties to a JavaScript Object
Delete Properties from a JavaScript Object
Using Objects for Lookups
Testing Objects for Properties
Introducing JavaScript Object Notation JSON
Accessing Nested Objects in JSON
Accessing Nested Arrays in JSON
Record Collection
Iterate with JavaScript For Loops
Iterate Odd Numbers With a For Loop
Count Backwards With a For Loop
Iterate Through an Array with a For Loop
Nesting For Loops
Iterate with JavaScript While Loops
Profile Lookup
Generate Random Fractions with JavaScript
Generate Random Whole Numbers with JavaScript
Generate Random Whole Numbers within a Range
Sift through Text with Regular Expressions
Find Numbers with Regular Expressions
Find Whitespace with Regular Expressions
Invert Regular Expression Matches with JavaScript
Declare JavaScript Objects as Variables
Construct JavaScript Objects with Functions
Make Instances of Objects with a Constructor Function
Make Unique Objects by Passing Parameters to our Constructor
Make Object Properties Private
Iterate over Arrays with map
Condense arrays with reduce
Filter Arrays with filter
Sort Arrays with sort
Reverse Arrays with reverse
Concatenate Arrays with concat
Split Strings with split
Join Strings with join
Get Set for our Algorithm Challenges
Change Text with Click Events
Get JSON with the jQuery getJSON Method
Convert JSON Data to HTML
Render Images from Data Sources
Prefilter JSON
Get Geolocation Data
Trigger Click Events with jQuery
Become a Supporter