Before We Move Further, what is JavaScript?

JavaScript is a dynamic programming language that's used for web development, in web applications, for game development, and lots more. It allows you to implement dynamic features on web pages that cannot be done with only HTML and CSS.

Learning JavaScript can be daunting, if you don't know how to go about it. So i'm going to create a roadmap that can enable anyone learn JS step by steps.

Here's a simplified roadmap to learning JavaScript

PART ONE: JavaScript Language Fundamentals

• Using the console
• Variables (Var, Let and Const.)
• Datatypes in JavaScript
• Type Conversion and Type Coercion
• Numbers and the Math Object
• String Methods and Concatenation
• Template Literals
• JavaScript Arrays and Array method
• Object Literals
• JavaScript Date and Time
• If Statements and Comparison Operators
• Switches
• Function Declaration and Expression
• General Loops
• Windows Object (part 1)
• Block Scope with let and const.

PART TWO: Dom Manipulation and Events

• What is DOM
• Examining the DOM
• DOM Selector for Single Elements
• DOM Selector for Multiple Elements
• Traversing the DOM
• Creating Elements
• Removing and Replacing Elements
• Event Listener and the Event Object
• Mouse Events
• Keyboard and Input Events
• Events Bubbling and Delegation
• Local and Session Storage

PART THREE: Dom Projects

• Here, We are to build a list of select Dom Project. These Projects will make use of the Document Object Model

PART FOUR: Object Oriented JavaScript - ES5 and ES2015

• Constructors and the 'This' keyword
• Built-In Constructors
• Prototypes
• Prototypal Inheritance
• Using [Object.create]
• ES6 Classes
• Sub Classes

PART FIVE: Object Oriented JavaScript Project*

PART SIX: Asynchronous JavaScript, Ajax and Fetch API*

• Intro to Asynchronous Programming
• Intro to Ajax & XHR
• XHR Object Method and Working with Text
• Working with Ajax and JSON
• Data from External API
• REST API and HTTP Requests
• Callback Function
• Custom HTTP Library (Ajax with Callbacks)
• ES6 Premises
• The FETCH API
• Error Handling with FETCH
• Arrow Function
• Custom HTTP Library (Fetch with Promises)
• Async & await
• Custom HTTP Library (Fetch with Async Await)

PART SIX: API Projects*

PART SEVEN: Error Handling and Regular Expressions*

• Error Handling with Try...Catch
• Regular Expressions (Evaluation Functions)
• Regular Expressions (Metacharacter Symbols)
• Regular Expressions (Character Sets and Quantifiers)
• Regular Expressions (Shorthand Character Classes)
• Regular Expressions (Form Validation Project)

PART EIGHT: JavaScript Patters*

• Intro to Patterns
• Module and Revealing Module Pattern
• Singleton Pattern
• Factory Pattern
• Observer Pattern
• Mediator Pattern
• State Pattern

PART NINE: Projects! Projects!! Projects!!!*

PART TEN: JavaScript Frameworks*

In the coming days, we're going to take these topics one at a time....