NTUC LearningHub

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 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)
Categories
More Information
  • NTUC LearningHub
  • No comments yet.
  • Add a review
    error: Content is protected !!