Beginner's Guide to JavaScript with AI Code Generation Assistant

Date: 16 Sep 2024 (Mon) & 23 Sep 2024 (Mon)

Time: 14:30 - 16:30

Venue: M403 / Online

Target Audience: All students

Medium of Instruction: English

**Participants are required to join both sessions (2.0 hrs x 2)

What You Will Learn:

• Understand the role and importance of JavaScript in web development
• Grasp the basics of JavaScript syntax and structure
• Work with variables, data types, and operators
• Learn about control structures (conditionals and loops)
• Gain knowledge of functions and their applications
• Explore DOM (Document Object Model) manipulation
• Debug and troubleshoot JavaScript code with GenAI as AI Code Generation Assistant
  
  

Agenda

1. Introduction to JavaScript
   - What is JavaScript?
   - History and evolution
2. Setting Up the Development Environment
   - Text editors and IDEs
   - Browser developer tools
3. JavaScript Syntax and Structure
   - Variables and data types
   - Operators and expressions
   - Comments and code formatting
4. Control Structures
   - Conditional statements (if, else, switch)
   - Loops (for, while, do-while)
5. Functions
   - Defining and calling functions
   - Parameters and return statements
   - Function expressions and arrow functions
6. Working with the DOM
   - Selecting and manipulating HTML elements
   - Handling events (click, hover, submit, etc.)
7. Hands-on Project or Exercise
   - Applying the learned concepts to build a small web application or interactive component with GenAI as AI Code Generation Assistant