Skip to main content

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

Computer Systems Course

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. COMP 2909 starts with Angular development fundamentals, students are shown how 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. 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. Students must provide their own current model PC, i5 or higher equivalent processor, 8 GB of RAM minimum, and 256 GB minimum storage. Highspeed internet access is needed for online sections and for homework. 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

Cost

$406.63

Course offerings

Fall 2023

Below is one offering of COMP 2909 for the Fall 2023 term.

CRN 42148

Duration

Fri Oct 27 - Fri Dec 01 (6 weeks)

  • 6 weeks
  • CRN 42148
  • $406.63
Class meeting times
Dates Days Times Locations
Oct 27 - Dec 01 Fri 18:00 - 21:00 Downtown DTC Rm. 300
Instructor

Frederic Guo

Course outline

Course outline TBD — see Learning Outcomes in the interim.

Cost

$406.63

Important information
  1. Departmental approval needed
  2. Please email cstflex@bcit.ca for Departmental approval. Include your Student number (A0#) and COMP__ and preferred CRN __ and Program Declaration____. Course is 18 hours on campus. Late registration is not permitted.
Status

Learning Outcomes

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

  • Develop one-page data-driven applications with 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 data binding, 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 2023

Related Programs

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

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 Development Fundamentals
    Statement of Completion Part-time
  6. 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.