JavaScript + jQuery + AJAX – 12 Week Syllabus
Weeks 1–6: Solid JavaScript Foundations
Weeks 7–8: jQuery (shortcuts, DOM, events, plugins)
Weeks 9–12: AJAX (with both JS fetch & jQuery methods)
Week 1 – JavaScript Basics
- Introduction to JavaScript
- Setup & Running JS in Browser
- Variables (var, let, const)
- Data Types & Operators
- Functions & Scope
Week 2 – Control Flow & Functions
- Conditional Statements (if, switch)
- Loops (for, while, do-while, for…of)
- Function Expressions & Arrow Functions
- Parameters & Return Values
- Error Handling (try…catch)
Week 3 – DOM Manipulation
- Introduction to DOM
- Selecting Elements (getElementById, querySelector)
- Modifying Content & Attributes
- Styling with JavaScript
- Creating & Removing Elements
Week 4 – Events & Forms
- Event Listeners (addEventListener)
- Mouse & Keyboard Events
- Event Bubbling & Delegation
- Form Handling with JS
- Input Validation Basics
Week 5 – Arrays, Objects & ES6 Features
- Arrays (methods: map, filter, reduce)
- Objects & JSON Basics
- Template Literals
- Destructuring & Spread Operator
- Local & Session Storage
Week 6 – Asynchronous JavaScript
- Callbacks & Callback Hell
- Promises (then, catch, finally)
- async/await Syntax
- Fetch API (GET & POST)
- Handling Errors & Response Codes
Week 7 – Introduction to jQuery
- What is jQuery & Why Use It
- jQuery Setup & Syntax
- Selectors & DOM Traversing
- Event Handling with jQuery
- Manipulating HTML & CSS
Week 8 – jQuery Effects & Plugins
- jQuery Effects (show, hide, fade, slide)
- jQuery Animations
- Working with Content (html(), val(), text())
- Plugins in jQuery
- Custom Events in jQuery
Week 9 – AJAX Fundamentals
- Introduction to AJAX
- XMLHttpRequest Basics (Vanilla JS)
- Fetch API Deep Dive
- JSON Data Handling
- Handling Server Responses
Week 10 – jQuery AJAX Methods
- $.ajax(), $.get(), $.post()
- AJAX Error Handling
- Chaining AJAX Calls
- Cross-Domain Requests & JSONP
- Working with REST APIs
Week 11 – UI & Dynamic Content
- jQuery UI Introduction
- Draggable, Droppable, Sortable
- Datepicker, Dialog, Autocomplete
- Dynamic Content Updates with AJAX
- Performance Optimization
Week 12 – Final Project & Assessment
- Mini Project (Blog System, Todo App, Weather App using API)
- Combining JS + jQuery + AJAX
- Debugging & Best Practices
- Deployment & Live Testing
- Final Assessment & Revision
