🛣 Roadmap for JavaScript Absolute Beginners
Including
❍ Learning Resources
❍ Practice Questions
⇩
Including
❍ Learning Resources
❍ Practice Questions
⇩
💭 Why is this roadmap different?
⬘ There will be no timeline. Enjoy the initial phase of learning. Take your own time. Do not rush. Nothing gonna change if you finish 1 week late or 1 month late.
⬙ No roadmap can spoon-feed you. Just practice hard to learn.
⬘ There will be no timeline. Enjoy the initial phase of learning. Take your own time. Do not rush. Nothing gonna change if you finish 1 week late or 1 month late.
⬙ No roadmap can spoon-feed you. Just practice hard to learn.
➊ Variables and, Datatypes
➀ Datatypes
❯ Primitives
❯ Literals
❯ Numeric
❯ Boolean
❯ String
➁ Variable
❯ Naming
❯ Declaration
❯ Assignment
✧ Special Topic
❯ Type Coercion/Conversion
➀ Datatypes
❯ Primitives
❯ Literals
❯ Numeric
❯ Boolean
❯ String
➁ Variable
❯ Naming
❯ Declaration
❯ Assignment
✧ Special Topic
❯ Type Coercion/Conversion
➋ Operators
➀ Arithmetic Operators
➁ Comparison Operators
➂ Logical Operators
➃ Assignment Operators
➄ Typechecking Operators
➅ Bit-wise Operators (Optional)
➆ Ternary and Other Operators
➀ Arithmetic Operators
➁ Comparison Operators
➂ Logical Operators
➃ Assignment Operators
➄ Typechecking Operators
➅ Bit-wise Operators (Optional)
➆ Ternary and Other Operators
➌ Syntax
➀ Condition
❯ if else
❯ switch case
➁ Loop
❯ while
❯ do while
❯ for
➀ Condition
❯ if else
❯ switch case
➁ Loop
❯ while
❯ do while
❯ for
➍ Function
➀ Function Declaration
➁ Function Expression
➂ Anonymous Function
➃ Arrow Function
✧ Special Topic:
❯ Variable Scope
❯ Hoisting
❯ Callback Function
❯ Closure
➀ Function Declaration
➁ Function Expression
➂ Anonymous Function
➃ Arrow Function
✧ Special Topic:
❯ Variable Scope
❯ Hoisting
❯ Callback Function
❯ Closure
➎ Array
➀ Array Literal
➁ Array Creation
➂ Array.length
➃ Array methods
➄ Array Iteration
✧ Special Topic:
❯ Array Destructuring
❯ Array Spreading
❯ Array Sorting
➀ Array Literal
➁ Array Creation
➂ Array.length
➃ Array methods
➄ Array Iteration
✧ Special Topic:
❯ Array Destructuring
❯ Array Spreading
❯ Array Sorting
➏ String
➀ String Literal
➁ String.length
➂ String methods
✧ Special Topic:
❯ String Template Literal
➀ String Literal
➁ String.length
➂ String methods
✧ Special Topic:
❯ String Template Literal
➐ Object
➀ Object Literal
➁ Accessing Object Properties
➂ Iterating through Objects (for...in)
✧ Special Topic:
❯ Object Destructuring
❯ Object Spreading
➀ Object Literal
➁ Accessing Object Properties
➂ Iterating through Objects (for...in)
✧ Special Topic:
❯ Object Destructuring
❯ Object Spreading
➑ Special Objects
➀ Number
➁ Boolean
➂ Set
➃ Map
➄ Math
➅ Date
➆ console
➀ Number
➁ Boolean
➂ Set
➃ Map
➄ Math
➅ Date
➆ console
➒ JS Modules (ECMAScript Modules)
➀ import
➁ import {}
➂ export
➃ export default
➀ import
➁ import {}
➂ export
➃ export default
➓ What next?
Based on what career you are choosing, you may have to study some (or, all) of below
➀ Async
❯ Promise API
❯ await async
➁ Object Oriented
❯ Class
❯ Prototype
➂ DOM
Based on what career you are choosing, you may have to study some (or, all) of below
➀ Async
❯ Promise API
❯ await async
➁ Object Oriented
❯ Class
❯ Prototype
➂ DOM
➃ Fetch API
➄ Client-side Storage
❯ Cookies
❯ Web Storage
❯ IndexedDB
❯ Cache API
➄ Client-side Storage
❯ Cookies
❯ Web Storage
❯ IndexedDB
❯ Cache API
➊➊ Learning Resources
➀ Online Study
❯ MDN
❯ JavaScript Info
❯ Learn JS
❯ GeeksForGeeks
❯ FreeCodeCamp
➁ YouTube
❯ Namaste JavaScript
❯ Traversy Media
❯ DevEd
❯ The Net Ninja
➀ Online Study
❯ MDN
❯ JavaScript Info
❯ Learn JS
❯ GeeksForGeeks
❯ FreeCodeCamp
➁ YouTube
❯ Namaste JavaScript
❯ Traversy Media
❯ DevEd
❯ The Net Ninja
➂ Books
❯ Eloquent JavaScript
❯ You Don't Know JS
❯ Effective JavaScript
❯ JavaScript for Impatient Programmers
➃ Practice/Challenge
❯ JavaScript 30
❯ Eloquent JavaScript
❯ You Don't Know JS
❯ Effective JavaScript
❯ JavaScript for Impatient Programmers
➃ Practice/Challenge
❯ JavaScript 30
➊➋.➀ Practice Questions
➊➋.➁ Practice Questions
➊➋.➂ Practice Questions
🏁 Goal Post
Remember, it's not a competition that you have to finish 🥇🥈🥉
⬖ Learn at your own pace
⬘ Do practice for each lesson
⬗ Keep note of whatever you feel is important
⬙ Save all your data in safe storage (Git storage is preferred)
Remember, it's not a competition that you have to finish 🥇🥈🥉
⬖ Learn at your own pace
⬘ Do practice for each lesson
⬗ Keep note of whatever you feel is important
⬙ Save all your data in safe storage (Git storage is preferred)
Hey 👋
I am a Tech Writer, Educator, and Mentor from India 🇮🇳, here sharing
✅ Tutorials
✅ Tricks
✅ Career Tips
✅ Cheat Sheets
✅ Interview Questions
✅ Roadmaps
on
➠ Web Development
➠ Data Structures and Algorithms
➠ Databases
Thanks for reading. 🙏
I am a Tech Writer, Educator, and Mentor from India 🇮🇳, here sharing
✅ Tutorials
✅ Tricks
✅ Career Tips
✅ Cheat Sheets
✅ Interview Questions
✅ Roadmaps
on
➠ Web Development
➠ Data Structures and Algorithms
➠ Databases
Thanks for reading. 🙏
Loading suggestions...