fahadkaleem / FreeCodeCamp

Solutions to problems and projects from FreeCodeCamp.

This repository will have solutions for all the FreeCodeCamp questions

Front End Development Certification

HTML5 and CSS

1. Say Hello to HTML Elements
2. Headline with the h2 Elements
3. Inform with the Paragrapgh Element
4. Say Hello to HTML Elements Complete
5. Headline with the h2 Element Complete
6. Inform with the Paragraph Element Complete
7. Uncomment HTML Complete
8. Comment out HTML Complete
9. Fill in the Blank with Placeholder Text Complete
10. Delete HTML Elements Complete
11. Change the Color of Text Complete
12. Use CSS Selectors to Style Elements Complete
13. Use a CSS Class to Style an Element Complete
14. Style Multiple Elements with a CSS Class Complete
15. Change the Font Size of an Element Complete
16. Set the Font Family of an Element Complete
17. Import a Google Font Complete
18. Specify How Fonts Should Degrade Complete
19. Add Images to your Website Complete
20. Size your Images Complete
21. Add Borders Around your Elements Complete
22. Add Rounded Corners with a Border Radius Complete
23. Make Circular Images with a Border Radius Complete
24. Link to External Pages with Anchor Elements Complete
25. Nest an Anchor Element within a Paragraph Complete
26. Make Dead Links using the Hash Symbol Complete
27. Turn an Image into a Link Complete
28. Create a Bulleted Unordered List Complete
29. Create an Ordered List Complete
30. Create a Text Field Complete
31. Add Placeholder Text to a Text Field Complete
32. Create a Form Element Complete
33. Add a Submit Button to a Form Complete
34. Use HTML5 to Require a Field Complete
35. Create a Set of Radio Buttons Complete
36. Create a Set of Checkboxes Complete
37. Check Radio Buttons and Checkboxes by Default Complete
38. Nest Many Elements within a Single Div Element Complete
39. Give a Background Color to a Div Element Complete
40. Set the ID of an Element Complete
41. Use an ID Attribute to Style an Element Complete
42. Adjusting the Padding of an Element Complete
43. Adjust the Margin of an Element Complete
44. Add a Negative Margin to an Element Complete
45. Add Different Padding to Each Side of an Element Complete
46. Add Different Margins to Each Side of an Element Complete
47. Use Clockwise Notation to Specify the Padding of an Element Complete
48. Use Clockwise Notation to Specify the Margin of an Element Complete
49. Style the HTML Body Element Complete
50. Inherit Styles from the Body Element Complete
51. Prioritize One Style Over Another Complete
52. Override Styles in Subsequent CSS Complete
53. Override Class Declarations by Styling ID Attributes Complete
54. Override Class Declarations with Inline Styles Complete
55. Override All Other Styles by using Important Complete
56. Use Hex Code for Specific Colors Complete
57. Use Hex Code to Mix Colors Complete
58. Use Abbreviated Hex Code Complete
59. Use RGB values to Color Elements Complete
60. Use RGB to Mix Colors

Responsive Design with Bootstrap

1. Use Responsive Design with Bootstrap Fluid Containers Complete
2. Make Images Mobile Responsive Complete
3. Center Text with Bootstrap Complete
4. Create a Bootstrap Button Complete
5. Create a Block Element Bootstrap Button Complete
6. Taste the Bootstrap Button Color Rainbow Complete
7. Call out Optional Actions with Button Info Complete
8. Warn your Users of a Dangerous Action Complete
9. Use the Bootstrap Grid to Put Elements Side By Side Complete
10. Ditch Custom CSS for Bootstrap Complete
11. Use Spans for Inline Elements Complete
12. Create a Custom Heading Complete
13. Add Font Awesome Icons to our Buttons Complete
14. Add Font Awesome Icons to all of our Buttons Complete
15. Responsively Style Radio Buttons Complete
16. Responsively Style Checkboxes Complete
17. Style Text Inputs as Form Controls Complete
18. Line up Form Elements Responsively with Bootstrap Complete
19. Create a Bootstrap Headline Complete
20. House our page within a Bootstrap Container Fluid Div Complete
21. Create a Bootstrap Row Complete
22. Split your Bootstrap Row Complete
23. Create Bootstrap Wells Complete
24. Add Elements within your Bootstrap Wells Complete
25. Apply the Default Bootstrap Button Style Complete
26. Create a Class to Target with jQuery Selectors Complete
27. Add ID Attributes to Bootstrap Elements Complete
28. Label Bootstrap Wells Complete
29. Give Each Element a Unique ID Complete
30. Label Bootstrap Buttons Complete
31. Use Comments to Clarify Code

jQuery

1. Learn how Script Tags and Document Ready Work Complete
2. Target HTML Elements with Selectors Using jQuery Complete
3. Target Elements by Class Using jQuery Complete
4. Target Elements by ID Using jQuery Complete
5. Delete your jQuery Functions Complete
6. Target the same element with multiple jQuery Selectors Complete
7. Remove Classes from an element with jQuery Complete
8. Change the CSS of an Element Using jQuery Complete
9. Disable an Element Using jQuery Complete
10. Change Text Inside an Element Using jQuery Complete
11. Remove an Element Using jQuery Complete
12. Use appendTo to Move Elements with jQuery Complete
13. Clone an Element Using jQuery Complete
14. Target the Parent of an Element Using jQuery Complete
15. Target the Children of an Element Using jQuery Complete
16. Target a Specific Child of an Element Using jQuery Complete
17. Target Even Numbered Elements Using jQuery Complete
18. Use jQuery to Modify the Entire Page

Basic Front End Development Projects

1. Build a Tribute Page Complete 
2. Build a Personal Portfolio Webpage Incomplete (In Progress)

Basic JavaScript

Object Oriented Functional Programming

Basic Algorithm Scripting

JSON APIs and Ajax