https://github.com/msalmanrafadhlih/javascriptlearning
This is all my recap courses from freeCodeCamp
https://github.com/msalmanrafadhlih/javascriptlearning
freecodecamp javascript-basics learning-exercise
Last synced: 3 months ago
JSON representation
This is all my recap courses from freeCodeCamp
- Host: GitHub
- URL: https://github.com/msalmanrafadhlih/javascriptlearning
- Owner: msalmanrafadhlih
- Created: 2025-03-20T03:28:22.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2025-07-06T12:45:54.000Z (7 months ago)
- Last Synced: 2025-07-06T13:19:33.684Z (7 months ago)
- Topics: freecodecamp, javascript-basics, learning-exercise
- Language: JavaScript
- Homepage: https://msalmanrafadhlih.github.io/javascriptLearning/
- Size: 3.54 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Authors: Authors Page/authorsPage.png
Awesome Lists containing this project
README
## LEARN BASIC JAVASCRIPT
*This is all my recap courses from freeCodeCamp*
## Studi 1
| No. | Title Project | Description | Demo | Code |
| --- | ------------- | ----------- | ---- | ---- |
| 1 | [Building a Basic Pyramid Generator](https://github.com/msalmanrafadhlih/javascriptLearning/blob/main/pyramid.js) | Learning Basic Javascript by build a pyramid in Console | | [Code](https://github.com/msalmanrafadhlih/javascriptLearning/blob/main/pyramid.js) |
| 2 | [Role Playing Game](https://github.com/msalmanrafadhlih/javascriptLearning/blob/main/Role%20Playing%20Game/RPG.png) | Learning Basic Javascript by a Role Plaing Game | [Link](https://msalmanrafadhlih.github.io/javascriptLearning/Role%20Playing%20Game/rolePlayingGame.html) | [Code](https://github.com/msalmanrafadhlih/javascriptLearning/tree/main/Role%20Playing%20Game) |
| 3 | [Passing Grade](https://github.com/msalmanrafadhlih/javascriptLearning/blob/main/Passing%20Grade/passingGrade.js) | Review Javascript Fundamentals by building Passing Grade | | [Code](https://github.com/msalmanrafadhlih/javascriptLearning/blob/main/passingGrade.js) |
| 4 | [Random Background Color Changer](https://github.com/msalmanrafadhlih/javascriptLearning/blob/main/Random%20Color%20Changer/gallery.gif) | Learn Basic Debugging | [Link](https://msalmanrafadhlih.github.io/javascriptLearning/Random%20Color%20Changer/bgChanger.html) | [Code](https://github.com/msalmanrafadhlih/javascriptLearning/tree/main/Random%20Color%20Changer) |
| 5 | [Calorie Counter](https://github.com/msalmanrafadhlih/javascriptLearning/blob/main/Calorie%20Counter/calorieCounter.gif) | Learn Form Validation | [Link](https://msalmanrafadhlih.github.io/javascriptLearning/Calorie%20Counter/calorieCounter.html) | [Code](https://github.com/msalmanrafadhlih/javascriptLearning/tree/main/Calorie%20Counter) |
| 6 | [Rock, Paper, Scissors](https://github.com/msalmanrafadhlih/javascriptLearning/blob/main/Rock%20Paper%20Scissors/RPSgame.png) | Review DOM Manipulation by building a Rock, Paper, Scissors | [Link](https://msalmanrafadhlih.github.io/javascriptLearning/Rock%20Paper%20Scissors/RPSgame.html) | [Code](https://github.com/msalmanrafadhlih/javascriptLearning/tree/main/Rock%20Paper%20Scissors) |
| 7 | [Music Player](https://github.com/msalmanrafadhlih/javascriptLearning/blob/main/Music%20Player/musicPlayer.png) | Learn Basic String and Array Methods: Music Player | [Link](https://msalmanrafadhlih.github.io/javascriptLearning/Music%20Player/musicPlayer.html) | [Code](https://github.com/msalmanrafadhlih/javascriptLearning/tree/main/Music%20Player) |
| Final Project | [Palindrome Checker](https://github.com/msalmanrafadhlih/javascriptLearning/blob/main/Palindrome%20Checker/Palindrome.png) | Palindrome Checker | [Link](https://msalmanrafadhlih.github.io/javascriptLearning/Palindrome%20Checker/palindrome.html) | [Code](https://github.com/msalmanrafadhlih/javascriptLearning/tree/main/Palindrome%20Checker) |
## Studi 2
| No. | Title Project | Description | Demo | Code |
| --- | ------------- | ----------- | ---- | ---- |
| 1 | [Date Formatter](https://github.com/msalmanrafadhlih/javascriptLearning/blob/main/Date%20Formatter/dateFormatter.png) | Learn the Date Object by building a Date Formatter | [Link](https://msalmanrafadhlih.github.io/javascriptLearning/Date%20Formatter/dateFormatter.html) | [Code](https://github.com/msalmanrafadhlih/javascriptLearning/tree/main/Date%20Formatter) |
| 2 | [Football Team Cards](https://github.com/msalmanrafadhlih/javascriptLearning/blob/main/Football%20Team%20Cards/footballTeamCards.png) | Learn Modern Javasript Methods: Football Team Cards | [Link](https://msalmanrafadhlih.github.io/javascriptLearning/Football%20Team%20Cards/footballCards.html) | [Code](https://github.com/msalmanrafadhlih/javascriptLearning/tree/main/Football%20Team%20Cards) |
| 3 | [To Do List](https://github.com/msalmanrafadhlih/javascriptLearning/blob/main/To%20Do%20List/toDoList.png) | Learn Local Storage: To Do List | [Link](https://msalmanrafadhlih.github.io/javascriptLearning/To%20Do%20List/toDoList.html) | [Code](https://github.com/msalmanrafadhlih/javascriptLearning/tree/main/To%20Do%20List) |
| 4 | [Binary Converter](https://github.com/msalmanrafadhlih/javascriptLearning/blob/main/Binary%20Converter/BinaryConverter.gif) | Learn Recursion: Binary Converter | [Link](https://msalmanrafadhlih.github.io/javascriptLearning/Binary%20Converter/binaryConverter.html) | [Code](https://github.com/msalmanrafadhlih/javascriptLearning/tree/main/Binary%20Converter) |
| Final Project | [Roman Numeral Coneverter](https://github.com/msalmanrafadhlih/javascriptLearning/blob/main/Roman%20Numerals%20Converter/RomanNumerals.png) | Roman Numeral Converter | [Link](https://msalmanrafadhlih.github.io/javascriptLearning/Roman%20Numerals%20Converter/romanNumerals.html) | [Code](https://github.com/msalmanrafadhlih/javascriptLearning/tree/main/Roman%20Numerals%20Converter) |
## Studi 3
| No. | Title Project | Description | Demo | Code |
| --- | ------------- | ----------- | ---- | ---- |
| 1 | [Spam Filter](https://github.com/msalmanrafadhlih/javascriptLearning/blob/main/Spam%20Filter/spamFilter.png) | Learn Regular Expressions by building a Spam Filters | [Link](https://msalmanrafadhlih.github.io/javascriptLearning/Spam%20Filter/spamFilter.html) | [Code](https://github.com/msalmanrafadhlih/javascriptLearning/tree/main/Spam%20Filter) |
| 2 | [Number Sorter](https://github.com/msalmanrafadhlih/javascriptLearning/blob/main/Number%20Sorting/numberSorting.png) | Learn Basic Algorithmic Thinking | [Link](https://msalmanrafadhlih.github.io/javascriptLearning/Number%20Sorting/numberSorting.html) | [Code](https://github.com/msalmanrafadhlih/javascriptLearning/tree/main/Number%20Sorting) |
| 3 | [Statistics Calculator](https://github.com/msalmanrafadhlih/javascriptLearning/blob/main/Statistic%20Calculator/statisticCalculator.png) | Learn Advance Array Methods | [Link](https://msalmanrafadhlih.github.io/javascriptLearning/Statistic%20Calculator/statisticCalculator.html) | [Code](https://github.com/msalmanrafadhlih/javascriptLearning/tree/main/Statistic%20Calculator) |
| 4 | [Spreadsheet](https://github.com/msalmanrafadhlih/javascriptLearning/blob/main/Spreadsheet/spreadsheet.png) | Learn Functional Programming by building a Spreadsheet | [Link](https://msalmanrafadhlih.github.io/javascriptLearning/Spreadsheet/spreadsheet.html) | [Code](https://github.com/msalmanrafadhlih/javascriptLearning/tree/main/Spreadsheet) |
| Final Project | [Telephone Number Validator](https://github.com/msalmanrafadhlih/javascriptLearning/blob/main/Telephone%20Number%20Validator/NumberValidator.png) | Build a Telephone Number Validator | [Link](https://msalmanrafadhlih.github.io/javascriptLearning/Telephone%20Number%20Validator/numberValidator.html) | [Code](https://github.com/msalmanrafadhlih/javascriptLearning/tree/main/Telephone%20Number%20Validator) |
## Studi 4
| No. | Title Project | Description | Demo | Code |
| --- | ------------- | ----------- | ---- | ---- |
| 1 | [Shopping Cart](https://github.com/msalmanrafadhlih/javascriptLearning/blob/main/Shopping%20Cart/shoppingCart.png) | Learn Basic OOP by Building a Shopping Cart | [Link](https://msalmanrafadhlih.github.io/javascriptLearning/Shopping%20Cart/shoppingCart.html) | [Code](https://github.com/msalmanrafadhlih/javascriptLearning/tree/main/Shopping%20Cart) |
| 2 | [Platform Game](https://github.com/msalmanrafadhlih/javascriptLearning/blob/main/Platform%20Game/platformGame.png) | Learn Intermediate OOP by Building a Platformer Game | [Link](https://msalmanrafadhlih.github.io/javascriptLearning/Platform%20Game/platformGame.html) | [Code](https://github.com/msalmanrafadhlih/javascriptLearning/tree/main/Platform%20Game) |
| 3 | [Dice Game](https://github.com/msalmanrafadhlih/javascriptLearning/blob/main/Dice%20Game/diceGame.png) | review Algorithmic Thinking by building a Dice Game | [Link](https://msalmanrafadhlih.github.io/javascriptLearning/Dice%20Game/diceGame.html) | [Code](https://github.com/msalmanrafadhlih/javascriptLearning/tree/main/Dice%20Game) |
| Final Project | [Cash Register](https://github.com/msalmanrafadhlih/javascriptLearning/blob/main/Cash%20Register/cashRegister.png) | Build A Cash Register | [Link](https://msalmanrafadhlih.github.io/javascriptLearning/Cash%20Register/cashRegister.html) | [Code](https://github.com/msalmanrafadhlih/javascriptLearning/tree/main/Cash%20Register) |
## Studi 5
| No. | Title Project | Description | Demo | Code |
| --- | ------------- | ----------- | ---- | ---- |
| 1 | [fCC Authors page](https://github.com/msalmanrafadhlih/javascriptLearning/blob/main/Authors%20Page/authorsPage.png) | Learn Fetch & Promise by building a fCC Authors Page | [Link](https://msalmanrafadhlih.github.io/javascriptLearning/Authors%20Page/authorsPages.html) | [Code](https://github.com/msalmanrafadhlih/javascriptLearning/tree/main/Authors%20Page) |
| 2 | [fCC Forum Topics](https://github.com/msalmanrafadhlih/javascriptLearning/blob/main/Forum%20Topics/forumTopics.png) | Learn Asynchronous Programming by building an fCC Forum Leaderboard | [Link](https://msalmanrafadhlih.github.io/javascriptLearning/Forum%20Topics/forumTopics.html) | [Code](https://github.com/msalmanrafadhlih/javascriptLearning/tree/main/Forum%20Topics) |
| Final Project | [RPG Creatures Search](https://github.com/msalmanrafadhlih/javascriptLearning/blob/main/RPG%20Creatures%20Search%20App/creatureSearch.png) | Build a RPG Creature Search App Project | [Link](https://msalmanrafadhlih.github.io/javascriptLearning/RPG%20Creatures%20Search%20App/creatureSearch.html) | [Code](https://github.com/msalmanrafadhlih/javascriptLearning/tree/main/RPG%20Creatures%20Search%20App) |