vcc.ca
CSTP 2107: Advanced Internet Programming & Web Applications
Effective date
September 2022
Department
Computer Systems Tech Diploma
School
Trades, Technology and Design
Description
In this course students learn about advanced web technologies which provide the possibility of building fully dynamic web-centric applications. This is an intensive, hands-on, project-based, team-oriented course in which students in a team of 2-4 become familiar with "full stack" web development. This course introduces new database models such as NoSQL or MongoDB in the context of developing an end-to-end web application development using MVC architecture.
The technologies used focus on a current modern stack, such as MEAN (MongoDB, Express.js, AngularJS), LAMP (Linux, Apache, MySQL, Python), and others. This course requires students to be capable programming in Javascript in various environments. Other topics to be reviewed are: NextJS, Server-side scripting, Typescript, SASS, NPM package manager, RESTful API, OAuth, and PHP for some server side queries.
By the end of this course, students will be able to participate in the development of secure data-driven business web applications in various domains. The instructor will also introduce the new and latest technologies in web development, such as Web Assembly or Web workers based on time availability at the last few weeks of the course.
Credits
4.0
Year of study
2nd Year Post-secondary
Prerequisites
CSTP 1206, CSTP 1304.
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 a technology like Angular, React, or Ember
- Deploy web applications to the cloud (e.g. AWS, Azure)
- Expose data through Web API so that it can be consumed from Single Page Applications
- Implement token and/or session based authentication
- Configure and manage a web server (such as Apache) that are compatible with the stack being used in the course
- Manage the code base / distribution using modern version control systems
Prior Learning Assessment & Recognition (PLAR)
None
Hours
Lecture, Online, Seminar, Tutorial: 30
Clinical, Lab, Rehearsal, Shop, Kitchen, Simulation, Studio: 50
Total Hours: 80
Clinical, Lab, Rehearsal, Shop, Kitchen, Simulation, Studio: 50
Total Hours: 80
Instructional Strategies
Instructional strategies include classroom lectures, demonstrations, group discussions, computer lab and hands-on practical work.
Grading System
Letter Grade (A-F)
Passing grade
C
Evaluation Plan
|
Type |
Percentage |
Assessment activity |
|
Project |
60 |
Preference is for large full stack team projects rather than many small projects. |
|
Quizzes/Tests |
10 |
n-class quick tests and quizzes |
|
Participation |
10 |
Represent active participation of student in team project |
|
Final Exam |
20 |
Format of Exam is decided by Instructor. It may comprise of Final project presentation, documentation, deployment, and testing. |
Course topics
- Full stack development
- NextJS
- Typescript
- OAuth
- Session-based authentication
- Web server management
- Data-driven web applications
- Secure data communication with server
- Popular Web development stacks: MEAN, LAMP, 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.