5 Days Web Development Specialization

Day 1
Topic 1 - Basic Web Design with HTML and CSS

Topic 1.1: Create Web Content with HTML5

• HTML5 Web Page Structure
• Basic Tags
• Meta Tags
• Image Tags
• Table Tags
• List Tags
• HTML Attributes

Topic 1.2: Manage Web Navigation and Form

• HTML Blocks
• HTML Layout
• Manage Web Links
• Manage HTML Forms

Topic 3: Manage Multimedia Content

• Embed Image and Video
• Media Tags
• Semantics Tags

Topic 4. Website Styling with CSS3

• CSS3 Syntax
• CSS3 Selectors
• CSS3 Properties
• CSS3 Pseudo Class
• Web Fonts
• CSS Layout
• Media Queries and Responsive Websites

Day 2
Topic 2 - Interactive Web Design with Javascript

Topic 2.1 Basic Javascript Programming

• Overview of Javascript Programming and Syntax
• Data Types & Variables
• Control Structures
• Loop

Topic 2.2 Javascript Functions

• Function Syntax
• Javascript Built In Functions
• Potential Javascript Security Issues

Topic 2.3: DOM

• DOM Elements and Nodes
• Access and Modify DOM Elements
• DOM Events

Topic 2.4. Error Handling and Debugging

• Error Handling
• Debugging

Topic 2.5. Object Oriented Programming

• Javascript Classes and Objects
• Function Calls and Apply

Topic 2.6. Javascript API

• REST API
• HTTP Request and Response
• Forms APIs

Day 3
Topic 3 Responsive Web Desgin with Bootstrap

Topic 3.1. Overview of Responsive Web Interface Design and Bootstrap

• What is Responsive Web Design?
• Introduction to Bootstrap Framework
• Create Responsive Web Layout using Bootstrap

Topic 3.2. Components and Graphics Content

• Create Basic Bootstrap Components
• Design GUI with Style and Content Elements

Topic 3.3. Interactivity and Responsiveness

• Create Interactive Components
• Apply Bootstrap Utilities
• Evaluate Web Interface Interactivity and Responsiveness
• Passing Data via Props

Topic 3.4 Single Page Design

• Web Design Requirement for Single Page
• Implement Single Page Design

Day 4
Topic 4 UI Development with React for Beginners

Topic 4.1 Get Started on React JS

• Introduction to React JS
• Adding React to a Website
• Create a New React App

Topic 4.2 Introducing JSX and Rendering Elements

• Introduction to JSX
• Rendering an Element into the DOM
• Updating the Rendered Element
• Securities Concerns

Topic 4.3 Components and Props

• Introduction to React Components?
• Function and Class Components
• Rendering a Component
• Composing Components
• Import/Export Components
• Passing Data via Props

Day 5
Topic 5 React for Single Page Application

Topic 5.1 State and Lifecycle

• Adding Local State to a Component
• Component Lifecycle

Topic 5.2 Handling Events

• Event Binding
• Passing Arguments to Event Handlers

Topic 5.3 Single Page Application Using React Router

• Single Page Application
• Installing React Router
• Set up React Router

Prerequisite

The learner must meet the minimum requirement below :

• Read, write, speak and understand English

Target Audience

• NSF
• Full Time Students
• Data Analysts

Software Requirement

This course will use Google Colab for training. Please ensure you have a Google account.

• Web Developers
• Web Designers
• UI Designers
• Mobile Apps Developers
• Software Project Managers

Fritz Lim: Fritz is ACTA-certified, as well as a registered MOE instructor, and a graduate of the 2018 ConsenSys Blockchain Developer Program, with a Bachelor in Electrical and Electronic Engineering (Computer Specialisation) from Nanyang Technological University.

With more than 10 years of experience teaching at a local polytechnic, Fritz is passionate about imparting knowledge to teens, adults, and children. He believes that an education in technology and in how things work is essential for everyone, so that they can harness and invent the technologies of the future. He is excited about exploring anything related to computers and IT, with a keen interest in electronics and native cross-platform mobile app development so that our ubiquitous mobile phones can be conveniently used to control and interact with devices wirelessly and over the Internet. 

Dr. Alfred Ang : Dr. Alfred Ang is the founder of Tertiary Courses. He is a serial entrepreneur. He founded OSWeb2Design Singapore Pte Ltd in 2007 offering web development, e-commerce store development, graphics design, ebook publishing, mobile apps development, and digital marketing services. He established the first online gardening store in Singapore, Eco City Hydroponics Pte Ltd in 2000, offering a wide range of gardening products such as seeds, plant nutrients, hydroponics kits etc. Eco City Hydroponics has become the most popular and successful gardening store in Singapore. He founded Tertiary Infotech Pte Ltd in 2012 and transformed the business to a training platform, Tertiary Courses in 2014. Tertiary Courses offers a wide range of SkillsFuture courses for PMETs to upgrade their skills and knowledge. He also established Tertiary Courses Malaysia in 2016. He also founded Tertiary Robotics in 2015 offering Arduino, Raspberry Pi, Microbit and Robotics products

Dr. Alfred Ang earned his Ph.D. from National University of Singapore in 2000, majoring in Electrical and Electronics Engineering. He also completed an online MBA course with U21 Global based in Australia. He obtained his B.Sc (Hons) from National University of Singapore in 1992, majoring in Physics. He topped his Physics cohort for 3 consecutive years and funded his degree study with Book price, awards and tuition. He has worked in Defence, Electronics and Semiconductor Industries. His current interests include Machine Learning, Deep Learning, Artificial Intelligence, Internet of Things, Robotics and Programming.

Dr. Alfred Ang is IBM certified instructor for AI Practitioners course. He is a ACTA certified trainer and DACE certified curriculum developer. He was Distinguished Toastmasters (DTM) and Senior Member of IEEE. He has published more than 20 peer reviewed papers and co-inventors for more than 20 inventions.