PROGRAMMING IN HTML5, JAVASCRIPT AND CSS3 (SF)

PROGRAMMING IN HTML5, JAVASCRIPT AND CSS3 (SF)

Funded

Course Duration

40.0 hr(s)

Mode of Assessment

Students will be required to complete an online written assessment/oral questioning/case study during class.

Who Should Attend

  • This is a beginner friendly course for those who wants to learn to create and build their own websites.
  • Tailored especially for those who are interested in developing applications using HTML5 with JavaScript and CSS3.
  • Aspiring Web developer
  • Aspiring Frontend Developer

Course Overview

This course introduces HTML5, CSS3, and JavaScript for frontend web development. It focuses on using HTML5/CSS3/JavaScript to implement programming logic, define and use variables, perform looping and branching, develop user interfaces, capture, and validate user input, store data, and create well-structured application.

The lab scenarios in this course are selected to support and demonstrate the structure of various application scenarios. They are intended to focus on the principles and coding components - structures that are used to establish an HTML software application.

Course Schedule

Next available schedule

Course Objectives

Upon completing this course, participants will be able to:

  • Explain how to use Visual Studio 2017/19 to create and run a Web application
  • Describe the new features of HTML5, and create and style HTML5 pages
  • Add interactivity to an HTML5 page by using JavaScript
  • Create HTML5 forms by using different input types and validate user input by using HTML5 attributes and JavaScript code
  • Send and receive data to and from a remote data source by using XMLHTTPRequest objects and Fetch API
  • Style HTML5 pages by using CSS3
  • Create well-structured and easily maintainable JavaScript code
  • Write modern JavaScript code and use babel to make it compatible to all browsers
  • Use common HTML5 APIs in interactive Web applications
  • Create Web applications that support offline operations
  • Create HTML5 Web pages that can adapt to different devices and form factors
  • Add advanced graphics to an HTML5 page by using Canvas elements, and by using and Scalable Vector Graphics
  • Enhance the user experience by adding animations to an HTML5 page
  • Use Web Sockets to send and receive data between a Web application and a server
  • Improve the responsiveness of a Web application that performs long-running operations by using Web Worker processes
  • Use WebPack to package web applications for production

Pre-requisites

  • This is an introductory course with no pre-requisite. Some knowledge of programming will be useful.
  • Hardware & Software
    • This course will be conducted as a Virtual Live Class (VLC) via Zoom platform
    • Participants must own a Zoom account and have a laptop or a desktop with “Zoom Client for Meetings” installed. Download from zoom.us/download.

System Requirement

Must-have:
Please ensure that your computer or laptop meets the following requirements.

  • Operating system: Windows 10 or MacOS (64 bit or above)
  • Processor/CPU: 1.8 GHz, 2-core Intel Core i3 or higher
  • Minimum 20 GB hard disk space
  • Minimum 8 GB RAM
  • Webcam (camera must be turned on for the duration of the class)
  • Microphone
  • Internet Connection: Wired or Wireless broadband
  • Latest version of Zoom software to be installed on computer or laptop prior to the class.

Good-to-have:

  • Wired internet connection
    Wired internet will provide you with stable and reliable connection.
  • Dual monitors
    Using a dual monitor setup will undoubtedly improve your training experience, enabling you to simultaneously participate in hands-on exercises and maintain engagement with your instructor.

Not recommended:
Using tablets are not recommended due to their smaller screen size, which could cause eye strain and discomfort over the course of the program's duration.

Course Outline

Introduction to HTML

  • HTML Basics, Elements, Attributes, Styles
  • Forms, Form Elements, Input Element Types
  • Input Attributes, File Paths, Script tag
  • HTML &XHTML

Introduction to CSS

  • CSS Introduction, Syntax, Selectors, Styling
  • Pseudo class, Pseudo Elements
  • CSS Tables, CSS Box Models
  • CSS Opacity, CSS Navigation Bar, Dropdowns

Introduction to JavaScript

  • JavaScript Statements, Keywords, Functions
  • JavaScript Programs, Operators, Functions
  • Function Parameters, Function Return Types
  • Data Types, Primitive Types

Work with Objects

  • Object Oriented Programming, Object Creation
  • Adding Methods of Objects
  • JavaScript Loops & Iteration
  • Adding Properties of Objects
  • JavaScript Conditional Statements
  • Enumerating Properties, Callbacks, JSON

Certificate Obtained and Conferred by

  • Certificate of Achievement from NTUC LearningHub will be issued to participants who have met at least 75% attendance and passed the prescribed assessment(s).
  • Upon meeting at least 75% attendance and passing the assessment(s), Statement of Attainment (SOAs) will be issued by SkillsFuture Singapore (SSG) to certify that the participant has achieved the following Competency Standard(s):
    • Applications Development (ICT-DIT-3002-1.2)

Additional Details

Medium of Instruction: English
Trainer to trainee ratio: 1:20

Mode of Delivery: Virtual Live Class (VLC) via Zoom

Price

Course Fee and Government Subsidies

  

Individual Sponsored 

Company Sponsored 

 

Non-SME 

SME 

Before GST 

With GST 

Before GST 

With GST 

Before GST 

With GST 

Full Course Fee
(For Foreigners and those not eligible for subsidies)

$2,850.00

$3,106.50

$2,850.00

$3,106.50

$2,850.00

$3,106.50

For Singapore Citizens aged 39 years and below
and
For all Singapore Permanent Residents
(The minimum age for individual sponsored trainees is 21 years)

$855.00

$931.95

$855.00

$931.95

$285.00

$361.95

For Singapore Citizens aged 40 years and above

$285.00

$361.95

$285.00

$361.95

$285.00

$361.95


Funding Eligibility Criteria:

Individual Sponsored Trainee

Company Sponsored Trainee

  • Singapore Citizens or Singapore Permanent Residents
  • From 1 October 2023, attendance-taking for SkillsFuture Singapore's (SSG) funded courses must be done digitally via the Singpass App. This applies to both physical and synchronous e-learning courses

  • Trainee must achieve at least 75% attendance
  • Trainee must pass all prescribed tests / assessments, and attain 100% competency
  • NTUC LearningHub reserves the right to claw back the funded amount from trainee if he/she did not meet the eligibility criteria
  • Singapore Citizens or Singapore Permanent Residents
  • From 1 October 2023, attendance-taking for SkillsFuture Singapore's (SSG) funded courses must be done digitally via the Singpass App. This applies to both physical and synchronous e-learning courses

  • Trainee must achieve at least 75% attendance
  • Trainee must pass all prescribed tests / assessments, and attain 100% competency
  • NTUC LearningHub reserves the right to claw back the funded amount from the employer if trainee did not meet the eligibility criteria


Remarks:

Individual Sponsored Trainee

Company Sponsored Trainee

SkillsFuture Credit:

  • Eligible Singapore Citizens can use their SkillsFuture Credit to offset course fee payable after funding.

 UTAP:

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

 PSEA:

  • To check for Post-Secondary Education Account (PSEA) eligibility for this course, visit:
    (a)
    SkillsFuture (TGS-2023035902) for Virtual Learning Class (VLC)
    (b) 
    SkillsFuture (TGS-2023035901) for Face-to-Face class
  • Scroll down to “Keyword Tags” to verify for PSEA eligibility. 
  • If there is “PSEA” under keyword tags, the course is eligible for PSEA.  
  • And if there is no “PSEA” under keyword tags, the course is ineligible for PSEA. 
  • Not all courses are eligible for PSEA funding.

Absentee Payroll (AP) Funding:

  • $4.50 per hour, capped at $100,000 per enterprise per calendar year.
  • AP funding will be computed based on the actual number of training hours attended by the trainee.
  • Note: Courses / Modules under Professional Conversion Programme (PCP) will not be eligible for AP funding claim.


Terms & Conditions apply. NTUC LearningHub reserve the right to make changes or improvements to any of the products described in this document without prior notice.

Prices are subject to other LHUB miscellaneous fees.

What Others Also Enrolled In