JavaScript tutorial for beginners

Bro Code Practice Projects

  1. 👋1 Introduction
  2. 🔢2 Variables
  3. ➗3 Arithmetic Operators
  4. 🖊️4 User Input
  5. 🔄5 Type Conversion
  6. ♻️6 Constants
  7. ⏲️7 Counter Program
  8. ➕8 Math Object
  9. 🎲9 Random Number Generator
  10. 🧑‍🤝‍🧑10 If Statements and Age Checkpoint
  11. ✅11 Checked Property
  12. ⁉️12 Ternary Operators
  13. 🔄13 Switch Statements
  14. 🧵14 String Methods
  15. ✂️15 String Slicing
  16. 🔗16 Method Chaining
  17. 🤔17 Logical Operators
  18. 🟰🟰🟰18 Strict Equality Operator
  19. 🔁19 While Loops
  20. 🔂20 For Loops
  21. 🎮21 Guessing Game
  22. 🛠️22 Functions
  23. 🌍23 Variable Scope
  24. 🌡️24 Temperature Conversion
  25. 📚25 Arrays
  26. 🧮26 2D Arrays
  27. ➔27 ...Spread Operator
  28. 🛑28 Rest Parameters...
  29. 🎲29 Dice Roller Program
  30. 🔐30 Random Password Generator
  31. 🔄31 Callbacks
  32. 🏃32 forEach() Method
  33. 🗺️33 .map() Method
  34. 🛑34 .filter() Method
  35. ➖35 .reduce() Method
  36. 📝36 Function Expressions
  37. ➡️37 Arrow Function
  38. 🧳38 Objects in JavaScript
  39. 🔑39 This Keyword
  40. 🏗️40 Constructors
  41. 🏫41 Classes
  42. 🔒42 Static Keyword
  43. 🌳🍎🍏43 Inheritance
  44. 🌟44 Super Keyword
  45. 🔄45 Getters and Setters
  46. 🔪46 Destructuring
  47. 🪺47 Nested Objects
  48. 💼🎒👜💰👝🛍️48 Array of Objects
  49. 🌚🌛🌓🌔🌕🌖🌗🌘🌑49 Sort()
  50. 🔀50 Shuffle Array & Fisher-Yates Algorithm
  51. 📅51 Date Object
  52. 📤📩52 Closures
  53. ⏱️53 setTimeout()
  54. ⏲️54 console.time()
  55. 🌍55 .toLocaleString()
  56. 💰56 Compound Interest Calculator
  57. ⏰57 Digital Clock
  58. ⌚58 Stopwatch
  59. 📦59 ES6 Modules
  60. 🔄60 Asynchronous Code
  61. ⚠️61 Error Handling
  62. 🧮62 JS Calculator
  63. 🖥️63 DOM - Document Object Model
  64. 🧑‍💻64 Element Selectors
  65. 🧭65 DOM Navigation
  66. 📝66 Add and Change HTML Elements using JS
  67. 🔔67 EventListeners
  68. ⌨️68 Key Events
  69. 👀69 Show and Hide HTML
  70. 🐟🐠🐡🦈🎣70 NodeList
  71. 👨‍👩‍👧‍👦👩‍👦👩‍👧‍👦👪71 ClassList
  72. ✊✋✌️72 Rock Paper Scissors Game
  73. 🖼️73 Image Slider
  74. 🔥😈🔥74 Callback Hell
  75. 🤞75 Promises
  76. ⏳76 async & await
  77. 📜77 JSON
  78. 🍪78 Cookies
  79. 🌐⬆️⬇️79 Fetch
  80. 🌦️🌞❄️80 Weather App

freeCodeCamp Practice Projects

  1. 🔺1 Pyramid Generator
  2. 🏫2 Gradebook App
  3. 🐲🎮3 Role Playing game
  4. 🔴💚🔷4 Colour Changing App
  5. 🍴5 Calorie Counter
  6. ✊✋✌️6 Rock Paper Sissors Game
  7. 🎵🎧🎚️7 Music Player App
  8. 📅9 Date Formatter
  9. 🏈10 Football Cards
  10. 🧹🧼11 To Do App
  11. 🔢12 Binary Converter
  12. 🚮Project 14 Spam Filter
  13. 🔢Project 15 Number Sorter
  14. 📊📉Project 16 Statistics Calculator
  15. 🏢 Project 17 spreadsheet
  16. 🛒 Project 18 Shopping Cart
  17. 🎮Project 20 Platformer Game
  18. 🎲Project 21 Dice game