Skip to main content

Front-End Web Development with React.js COMP 3013

Computer Systems Course

Course details

React.js is an open source JavaScript library widely used to create fast, modular web and mobile applications. This hands-on course follows on from COMP 2132 and was designed for students with prior experience developing web pages using HTML5, CSS3 and JavaScript. 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. Starting with an introduction to React.js concepts, participants concentrate on how React works with browsers and the Document Object Model (DOM). Then students use the modern Hooks API to built clean and testable components. Instructor led labs and exercises focus on how to structure and develop single-page applications using NPM, Webpack and Babel, following current industry standards. Topics include: Routing, Server-Side Rendering, Styling, State Management, and deployment. Please Note: Attendance, participation in class and the BCIT Learning Hub are required. Students may have an average total time commitment of 11 hours each week; with 3 hours of class time, and 8 hours of homework. ​Web developers should also consider learning multiple advanced JavaScript tools including: COMP 2909 -Angular and Vue.js Fundamentals and COMP 3012 Back-End Web Development with Node.js. COMP 3013 is an elective in several BCIT Computing applied associate certificates; Web Development (AWD), Web and Mobile Application Development (WMA), Advanced Java Development (AJD) and Advanced .NET Development; as well as the CST/PTS Diploma. Upon completion successful participants will be able to use React to create and deploy dynamic web applications quickly, with more functionality and less code. This course replaces COMP 2913 as of January 2023.

Prerequisite(s)

Credits

3.0

Cost

$559.00

Course offerings

Winter 2023

Below is one offering of COMP 3013 for the Winter 2023 term.

CRN 90719

Duration

Mon Jan 09 - Mon Apr 03 (12 weeks)

  • 12 weeks
  • CRN 90719
  • $559.00
Class meeting times
Dates Days Times Locations
Jan 09 - Apr 03 Mon 18:00 - 21:00 Downtown DTC Rm. 371
Instructor

Armaan Dhanji

Course outline

View

Cost

$559.00

Important information
  1. Departmental approval needed
  2. Please email cstpts@bcit.ca for Departmental approval. Include your Student number (A0#) and COMP__ and preferred CRN __ and Program Declaration____. Course is 36 hours on campus. Late registration is not permitted. No class on February 20 (Family Day).
Status

In Progress

This course offering is in progress. Please check back next term, subscribe to receive email updates or contact us with your comments or questions.

Learning Outcomes

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

  • Explain the basic concepts of the React Library, and how it interacts with the browser.
  • Construct single-page applications using React.js and it's supporting toolchain, including NPM, Webpack and Babel.
  • Use features introduced with ECMAScript 6.
  • Describe how React.js can be used to build both server-side rendered and client-side rendered pages through meta-frameworks like Next.js.
  • Leverage the Hooks API to build lean React components that are easy to read and reason about.
  • Explore the different ways to style your React components, including CSS-In-JS, CSS and Modules.
  • Use global state management libraries to help share common application state across several components.
  • Explore different ways to deploy your React.js applications to production, including using CDN's to cache and serve application content to users as quickly as possible.
  • Build fast, feature-rich, dynamic user interfaces with React.js modular components.​

Effective as of Fall 2022

Related Programs

Front-End Web Development with React.js (COMP 3013) 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 React.js (COMP 3013)? 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.