vcc.ca
CSTP 2230: Advanced Web Application Development
Effective date
September 2026
Department
Computer Systems Tech Diploma
School
Trades, Technology and Design
Description
Students learn advanced web technologies through building fully dynamic web applications. This course is intensive, hands-on, project-based, and team-oriented. Students engage in full stack web development. Students use a NoSQL or MongoDB database to develop an end-to-end web application based on the Model-View-Controller (MVC) architecture.
The course focuses on modern web development stacks such as MEAN (MongoDB, Express.js, AngularJS), LAMP (Linux, Apache, MySQL, Python), MERN (MongoDB, Express, React, and NodeJS), as well as Ember.js, NextJS, server-side scripting, Typescript, SASS, NPM package manager, RESTful API, OAuth, and PHP for some server side queries.
Credits
3.0
Year of study
2nd Year Post-secondary
Prerequisites
CSTP 1206 or equivalent, taken prior to or concurrently; CSTP 1210 or equivalent, taken prior to or concurrently.
Corequisites
None
Course Learning Outcomes
Upon successful completion of this course, students will be able to:
- Setup a development environment and tool-chain as required by the chosen development stack
- Develop secure data-driven business web applications
- Develop completely dynamic web applications
- Use advanced HTML, CSS, and JavaScript techniques to develop client-side web software
- Develop client-side Single Page Applications using technologies such as Angular, React, or Ember
- Deploy web applications to the Cloud such as AWS and Azure
- Expose data consumed by Single Page Applications through web API
- Implement token and session based authentication
- Configure and manage web servers compatible with selected stacks
- Manage and distribute code base using version control systems
Prior Learning Assessment & Recognition (PLAR)
None
Hours
Lecture, Online, Seminar, Tutorial: 25
Clinical, Lab, Rehearsal, Shop, Kitchen, Simulation, Studio: 35
Total Hours: 60
Clinical, Lab, Rehearsal, Shop, Kitchen, Simulation, Studio: 35
Total Hours: 60
Instructional Strategies
Instructional strategies include classroom lectures, demonstrations, group discussions, computer labs and hands-on practical work.
Grading System
Letter Grade (A-F)
Passing grade
C
Evaluation Plan
|
Type |
Percentage |
Assessment activity |
|
Project |
60 |
Multi-stage full stack team project |
|
Quizzes/Tests |
10 |
In-class quick tests and quizzes |
|
Participation |
10 |
For active participation of student in team project |
|
Final Exam |
20 |
In-class exam |
Course topics
- Full stack web development
- Anular, React, Ember, NextJS
- Typescript
- OAuth
- Session-based authentication
- Web server management
- Data-driven web applications
- Secure data communication with server
- Web development stacks MEAN, LAMP, and MERN
- Web Assembly and Web Workers
Notes:
- Course contents and descriptions, offerings and schedules are subject to change without notice.
- Students are required to follow all College policies including ones that govern their educational experience at VCC. Policies are available on the VCC website at:
https://www.vcc.ca/about/governance--policies/policies/. - To find out if there are existing transfer agreements for this course, visit the BC Transfer Guide at https://www.bctransferguide.ca.