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.
Good-to-have:
Not recommended: |
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
Add a review