Beginner's Guide to JavaScript with AI Code Generation Assistant

Date: 9 Sep 2025 (Tue) & 16 Sep 2025 (Tue)

Time: 14:30 - 16:30

Venue: M403 / Online

Target Audience: All current students

Medium of Instruction: English

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

Objective:

This hands-on workshop aims to provide a solid foundation in JavaScript, empowering participants to understand and write basic JavaScript code. Participants will learn the fundamental concepts, syntax, and tools necessary to begin their journey in web development with JavaScript using GenAI as AI Code Generation Assistant.

What You Will Learn:

1. Understand the role and importance of JavaScript in web development
2. Grasp the basics of JavaScript syntax and structure
3. Work with variables, data types, and operators
4. Learn about control structures (conditionals and loops)
5. Gain knowledge of functions and their applications
6. Explore DOM (Document Object Model) manipulation
7. 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