JavaScript Syllabus

JavaScript is one of the 3 languages all web developers must learn:

1. HTML to define the content of web pages
2. CSS to specify the layout of web pages
3. JavaScript to program the behavior of web pages

Web pages are not the only place where JavaScript is used. Many desktop and server programs use JavaScript. Node.js is the best known. Some databases, like MongoDB and CouchDB, also use JavaScript as their programming language.

• What is JavaScript?
• History and Evolution
• JavaScript vs Other Languages
• How to Add JavaScript to HTML
  • Inline Script
  • Internal Script
  • External Script
• JavaScript Output (alert, console.log, document.write, innerHTML)

• Syntax
• Statements
• Comments
• Variables (var, let, const)
• Data Types
• Operators (Arithmetic, Assignment, Comparison, Logical)

• Conditional Statements
  • if, else, else if
  • switch
• Loops
  • for, while, do...while
  • break, continue
• Ternary Operator

• Function Declaration
• Function Expressions
• Arrow Functions
• Parameters and Arguments
• Return Statement
• Scope (Global vs Local)

• Creating Objects (Object Literals, Constructors)
• Accessing Properties (Dot vs Bracket Notation)
• Methods
• this Keyword
• Object Methods (Object.keys, Object.values, Object.entries)

• Creating Arrays
• Array Indexing and Length
• Common Methods:
  • push(), pop(), shift(), unshift()
  • splice(), slice()
  • indexOf(), includes()
  • map(), filter(), reduce(), forEach()

• String Basics
• Common Methods:
  • length, indexOf(), slice(), substring()
  • replace(), toUpperCase(), toLowerCase()
  • trim(), split(), concat(), includes()

• Date Object
• Getting and Setting Date Values
• Formatting Dates
• Time Methods

• Math Object and Methods
  • Math.round(), Math.floor(), Math.ceil()
  • Math.random(), Math.max(), Math.min()

• Introduction to Events
• Event Handlers (onclick, onmouseover, etc.)
• addEventListener()
• Event Object (event.target, event.preventDefault())

• What is the DOM?
• DOM Tree Structure
• Selecting Elements (getElementById, querySelector)
• Manipulating Elements (innerHTML, style, classList)
• Creating and Removing Elements
• Traversing the DOM

• window Object
• alert(), confirm(), prompt()
• setTimeout(), setInterval()
• navigator, screen, location, history

• Accessing Form Elements
• Form Validation (Basic)
• Preventing Default Behavior
• Submitting Forms with JavaScript

• try...catch
• finally Block
• throw Statement
• Custom Error Messages

• let, const
• Template Literals
• Arrow Functions
• Destructuring
• Spread & Rest Operators
• Default Parameters
• Modules (import/export)
• Classes and Inheritance

• What is JSON?
• Converting JavaScript to JSON and vice versa
• JSON.stringify() and JSON.parse()
• Working with APIs (Basic)

• Introduction to Promises
• .then() and .catch()
• async and await
• Handling Multiple Promises

• What is Fetch?
• GET and POST Requests
• Working with JSON
• Error Handling in Fetch

• Local Storage
• Session Storage
• Using JSON with Storage

• Mini Projects (e.g., To-Do App, Calculator)
• DOM Practice Exercises
• API Integration Practice
• Form Validation Project

NOTE: We recommend reading this tutorial, in the sequence listed in the left menu. If you try all the examples, you will learn a lot about JavaScript, in a very short time!