Developers Toolkit Part 1: Connecting the Frontend

Dates: 5 May, 9 May 2023 | 9am-5.30pm | Online

Duration: 2 Days

Course Overview

This course guides participants to upskill and reskill themselves in web-based frontend application development technologies such as HTML, CSS, JavaScript, Node JS, ReactJS, Redux, Router, Material-UI and data structures that are used in various computational problems. This course trains the participants in:

  1. Basics of frontend and backend development, UI/UX design principles and responsive web UI design. Understanding the ecosystem of NodeJS to build server-side apps.
  2. Understanding the fundamentals of the data structures, core principles of coding, code complexity and learn concepts behind Arrays, Linked lists, hash tables, stacks and queues. The contents will be delivered in an interactive and engaging ‘code-with-the-instructor’ approach.

This module is part of NUS FinTech SG Programme

Learning Objectives

This course will equip learners with the following competencies.

  • Understand and appreciate web application architecture and technologies
  • Develop static web pages using HTML
  • Style the web pages using CSS and CSS frameworks such as Bootstrap, Material UI
  • Make web pages responsive to different screen sizes from mobile and desktop to large TV screens.
  • Understand DOM (Document Object Model)
  • Connect Frontend to Backend application and make calls to Backend RESTful API for dynamic data.
  • Understand principles of coding and use data structures such as Arrays, Linked lists, hash tables, stacks and queues with JavaScript (JS) language to solve problems.
  • Develop dynamic web pages
  • Plot various types of Charts on the webpage for data visualisation using JS libraries such as Plotly, Charts.JS and D3.JS.
  • Understand frontend frameworks, ReactJS, ReactJS lifecycle events and build modern Single Page React JS applications.
  • Style React JS applications with CSS frameworks such as React-Bootstrap and Material UI

Course Convener

(Click their photos to view their short biographies)

ddddd Lek Hsiang Hui

Dr Lek Hsiang HuiDr Lek Hsiang Hui

Course Fees

Singapore Citizens
39 years old or younger
40 years old or older
Singapore PRs
Enhanced Training Support for SMEs
International Participants

Total Nett Programme Fee Payable, Including GST, after additional funding from the various funding schemes

Participants must fulfill at least 75% attendance and pass all assessment components to be eligible for SSG funding.

To enquire, email

To register, click Register

For members of public and NUS Alumnus (without R&G Voucher), please follow the steps below:
Select Short Course / Modular Course -> Apply for Myself -> Browse Academic Modules, Short Courses -> Short Courses

Please download the user guide for NUS Online Application Portal after you click ‘Apply for Myself’ if you need assistance.

Course Fee Breakdown


Singapore Citizens

Singapore Citizens

39 years old or younger

Singapore Citizen

40 years old or older
Singapore PRs
Enhanced Training Support for SMEs
International Participants

You may also like to view: