Description

This course is designed for students aren’t content with knowing how to design webpages, and want to find out how the interactive web works. We’ll explore how “Web 2.0” came about and became part of our everyday lives, and see how everything on the web is now inter-connected via APIs. Students will get to apply what they learn on their own final project based on a data set they care about, e.g. local information released on data.gov.sg.

This course fulfils the requirements of Web App Developer Jr (Intermediate) on IDA’s ICT Learning Roadmap. No programming experience is required, nor is Web Developer Jr (Beginner) a pre-requisite to take this course.

Objectives

By the end of the course, students should be able to:

  • Understand how websites and the Internet work
  • Write structured webpages with HTML, style them with CSS, and add interactivity with Javascript
  • Build an interactive web application that pulls information from an online source

Requirements

Course length

36 hours (12 × 3 hour sessions)

Pre-requisites

None. Suitable for upper secondary and above.

Cost

  • For Infocomm Clubs in MOE schools, please visit IDA's ICT Learning Roadmap page to find out more about potential funding for this course, or email ida_infocommclub@ida.gov.sg for more information.
  • For other schools, please enquire for rates.
  • No paid software required, but the school should provide desktops/laptops for student use.

Infocomm Club Course Code

WD-TT-INT

Course outline

  • Introduction: How websites work; the web inspector
  • HTML and CSS: HTML tags, CSS selectors, classes & IDs, and how they work together
  • Mini-project: Create a personal profile page
  • Javascript and jQuery: Selectors, dot notation, events; using jQuery to manipulate webpages
  • Mini-project: Create an interactive colouring page
  • Real-world webpages: Technologies behind the web, e.g. servers, DNS, SFTP; mobile and responsive design; how HTML, CSS, and Javascript work on real sites like WordPress and Tumblr
  • Build a weather app with jQuery & JSON, working with a public API
  • Final project: Create an information presentation site from a publicly-available data source
View full course outline on Google Docs