IS216

Download as PDF

Web Application Development II

Course (UG/PG)

Undergraduate

Offering Unit/Department

Course Description

This course is designed to equip students with knowledge and skills to develop well-styled and responsive web applications that provide rich user experiences. Combining with the skills learnt in IS113 course, which focuses on developing database-driven web applications with basic web designs, after this course, the students will be equipped with full stack web development skills, who can build both front-end and back-end software.

In the introductory weeks of the course, the students will revisit HTML and server-side programming (PHP) concepts learnt in IS113. Then, the students will learn the concept of “Styling” the web pages. The students will learn a style sheet language called cascading style sheets (CSS) and learn how to separate the content and presentation of web pages, how to control web page layout, colors and fonts, how to bring multiple styles into a web page, how to control the layout of multiple web pages efficiently, etc. Next, the students will learn the concept of adding responsive behaviors to web pages to enhance the user experience. The students will learn a client-side programming language called JavaScript to make ordinary web elements like input boxes, buttons, forms, tables, menus interactive and animated. Furthermore, they will learn how to connect to API gateways and process data from external sources like RESTful web services so that they can build practical applications.

In the latter weeks of the course, the students will be introduced to programming with frameworks. The students will learn how to use frameworks to build complex web applications in an efficient, scalable manner. More specifically, the students will be introduced to Bootstrap, a popular CSS framework for developing responsive website and introduced to Vue, a progressive JavaScript framework for building rich user interfaces.

Course Learning Outcomes

1. Explain the concept of client-side and server-side programming

2. Understand CSS and be able to create and debug interactive, animated web pages using various styling properties

3. Able to control web page layout, colors and fonts and control the layout of multiple web pages efficiently

4. Understand JavaScript and able to make ordinary web elements like input boxes, buttons, forms, tables, menus interactive

5. Able to manipulate HTML document object model (DOM) and handle events like mouse hovering, mouse click, content changes, etc.

6. Able to connect to API gateways and process JSON data from external sources such as Google map and data.gov.sg

7. Able to use a CSS framework - BootStrap - to build complex web applications in an efficient, scalable manner.

8. Able to use a JavaScript framework - Vue - to build complex web applications in an efficient, scalable manner.

9. Able to solve logic problems that can be encountered while creating web applications, and create suitable solutions using JavaScript and Vue.

10. Able to use several pieces of supporting software together, e.g, WAMP server, Visual studio code, command line interface, Chrome DevTools, etc.

Discipline-Specific Competencies

Applications Development, Applications Integration, Problem-solving & analysis, Software development for web applications, Design algorithmic logic for web application interactions