Course objectives
After completing this course, students will be able to:
- Understand JavaScript's role in web development
- Write basic JavaScript code to manipulate HTML elements
- Use JavaScript to create dynamic and interactive web pages
- Handle events and user interactions
- Debug JavaScript code effectively
Course outlines
- Module 1: Introduction to JavaScript
- What is JavaScript?
- How JavaScript works with HTML and CSS
- Setting up a development environment
- Basic syntax and structure
- Variables and data types
- Module 2: Core Concepts
- Operators and expressions
- Control flow (if/else statements, loops)
- Functions
- Arrays
- Objects
- Module 3: DOM Manipulation
- The Document Object Model (DOM)
- Selecting elements
- Modifying element content and attributes
- Creating and removing elements
- Event handling (click, hover, keypress)
- Module 4: Asynchronous JavaScript
- Introduction to asynchronous programming
- Promises
- Async/await
- Fetch API for making network requests
- Module 5: Modern JavaScript
- ES6+ features (let, const, arrow functions, template literals)
- Modules and imports/exports
- Classes and object-oriented programming
- Practical Projects:
- Building a simple calculator
- Creating a dynamic to-do list
- Developing a game (e.g., tic-tac-toe)
- Building a real-time chat application (using a framework like React or Vue)