Short Course

Developers Toolkit Part 1: Connecting the Frontend

Programme ScheduleDuration (days)Mode of DeliveryProgramme Code
To be advised2Synchronous e-LearningTGS-2020504939
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


Dr Anand Bhojan

Dr Lek Hsiang Hui

Programme Fees


Singapore Citizens Singapore PRs Enhanced Training Support for SMEs International Participants
39 years old
or younger
40 years old
or older
Full Programme Fee S$1,900.00 S$1,900.00 S$1,900.00 S$1,900.00 S$1,900.00
Less: SSG Grant Amount S$1,330.00 S$1,330.00 S$1,330.00 S$1,330.00 -
Nett Programme Fee S$570.00 S$570.00 S$570.00 S$570.00 S$1,900.00
9% GST on Nett Programme Fee S$51.30 S$51.30 S$51.30 S$51.30 S$171.00
Total Nett Programme Fee Payable, Including GST S$621.30 S$621.30 S$621.30 S$621.30 S$2,071.00
Less Additional Funding - S$380.00 - S$380.00 -
Total Nett Programme Fee Payable, Including GST, after additional funding from the various funding schemes S$621.30 S$241.30 S$621.30 S$241.30 S$2,071.00
  1. Total Nett Programme 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. Please note that all external funding for courses is limited in duration and subject to eligibility and availability.

Other Information

This course is eligible for Union Training Assistance Programme (UTAP). NTUC members can enjoy up to 50% funding (capped at $250 per year) under UTAP. NTUC members aged 40 and above can enjoy higher funding support up to $500 per individual each year, capped at 50% of unfunded course fees, for courses attended between 1 July 2020 to 31 December 2025. Please click here for more information.