Skip to main content

Front-End Web Development with Angular and Vue.js COMP 2909

Computer Systems Course

International Fees

International fees are typically three times the amount of domestic fees. Exact cost will be calculated upon completion of registration.

Course details

​This hands-on web development course follows on from COMP 2132. It was designed for students with prior experience developing web pages using HTML5, CSS3 and JavaScript. Angular and Vue are popular JavaScript open-source front-end application frameworks for developing modularized single-page applications and building user interfaces. Angular is a standalone front-end JavaScript framework with in-built tools and libraries to build scalable web apps. Vue provides the ability to extend web application functionality with customized modules and visual components. COMP 2909 starts with installing the latest version of Angular. Labs and exercises reinforce Angular development fundamentals to build components, modules, and services for data-driven, client-side web applications. Vue.js is then used for rapid modular web application development. Exercises also include: routing, asynchronous JSON transfer, and validation. These features are then implemented using Vue.js 3. Automated testing and redux architecture are also introduced using Angular. There is a brief introduction to using Angular with the Apache Cordova framework for platform independent mobile development for Android and iOS. Participants may also want to complete COMP 3012 -Back-End Web Development with Node.js, COMP 3013 -Front-End Web Development with React.js, and COMP 3015 -Web Application Development with PHP. COMP 2909 is an elective in several BCIT Computing applied associate certificate as well as the CST FLEX Diploma. Upon completion, successful students will be able to use Angular and Vue frameworks to develop data-driven and interactive single-page web applications for all mainstream browsers. This course is offered in the fall (October) and winter (February).

Prerequisite(s)

Credits

1.5

Not offered this term
This course is not offered this term. Please check back next term or subscribe to receive notifications of future course offerings and other opportunities to learn more about this course and related programs.

Learning Outcomes

Upon successful completion of this course, the student will be able to:

  • Develop one-page data-driven applications with current versions of Angular and Vue.js using the component-based architecture.
  • Build custom components and services using Angular and Vue.js.
  • Obtain and use suitable tools for developing and debugging applications.
  • Select and apply common directives for two-way data binding, formatting, filtering, validation, and DOM manipulation.
  • Use Angular and Vue.js to interact with REST Services to send and receive data in JSON format.
  • Explain basic redux architecture with Angular.
  • Automate unit-testing and end-to-end testing with Angular. ​

Effective as of Winter 2024

Related Programs

Front-End Web Development with Angular and Vue.js (COMP 2909) is offered as a part of the following programs:

  • Indicates programs accepting international students.
  • Indicates programs with a co-op option.

School of Computing and Academic Studies

  1. Advanced .NET Development
    Associate Certificate Part-time
  2. Advanced Java Development
    Associate Certificate Part-time
  3. Applied Web Development
    Associate Certificate Part-time
  4. Computer Systems
    Diploma Part-time
  5. Web and Mobile Application Development
    Associate Certificate Part-time

Contact Us

If you have a question or comment about this course, please complete and submit the form below.

  • Privacy Notice: The information you provide will be used to respond to your request for BCIT program information and is collected under Section 26(c) of the Freedom of Information and Protection of Privacy Act (FIPPA). For more information about BCIT’s privacy practices contact: Associate Director, Privacy, Information Access & Policy Management, British Columbia Institute of Technology, 3700 Willingdon Ave. Burnaby, BC V5G 3H2, email: privacy@bcit.ca.
  • This field is for validation purposes and should be left unchanged.

Subscribe

Interested in being notified about future offerings of Front-End Web Development with Angular and Vue.js (COMP 2909)? If so, fill out the information below and we'll notify you by email when courses for each new term are displayed here.

  • Privacy Notice: The information you provide will be used to respond your request for BCIT course information and is collected under Section 26(c) of the Freedom of Information and Protection of Privacy Act (FIPPA). For more information about BCIT’s privacy practices contact: Associate Director, Privacy, Information Access & Policy Management, British Columbia Institute of Technology, 3700 Willingdon Ave. Burnaby, BC V5A 3H2, email: privacy@bcit.ca.