Short Course

Developers Toolkit Part 1: Connecting the Frontend

Course ScheduleDuration (days)Mode of DeliveryTGS Reference Number
To be advised2Synchronous e-LearningTGS-2025056814
This course is offered biannually, available once every six months.

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 participants in:

  • 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.
  • 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.

Course 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

Testimonials


A good introduction and recap course on the basics of web development for those who wish to be in web development or are already in the field.

Instructors


A/Prof Anand Bhojan

Dr Lek Hsiang Hui

Course Fees


Singapore Citizens Singapore PRs Enhanced Training Support for SMEs International Participants
39 years old
or younger
40 years old
or older
Full Course Fee S$1,900.00 S$1,900.00 S$1,900.00 S$1,900.00 S$1,900.00
9% GST on Full Course Fee S$171.00 S$171.00 S$171.00 S$171.00 S$171.00
SSG Funding S$950.00 S$950.00 S$950.00 S$950.00 -
Additional Funding if Eligible under Various Schemes - S$380.00 - S$380.00 -
Total Nett Course Fee Payable, including GST S$1,121.00 S$741.00 S$1,121.00 S$741.00 S$2,071.00
  1. Total nett course fee payable, including GST, after additional funding from various funding schemes.
  2. Participants must fulfill at least 75% attendance and pass all assessment components to be eligible for SSG funding.
  3. The applicable funding is for Singaporeans and Singapore PRs. This is subject to change and in accordance with SSG funding guidelines as of course commencement.