Course Description

Students leverage their full-stack JavaScript skills acquired in previous client-side and server-side development to build dynamic JavaScript Applications for both web and native (iOS and Android) platforms. They learn how to use frameworks, such as React and React Native, along with numerous task automation and productivity tools, while completing hands-on projects. Students also explore best practices for integrating automated testing tools into their development workflow.

Vocational Learning Outcomes

This course provides the opportunity for you to achieve the following outcomes:

1515X01FWO - Mobile App. Des. & Dev

VLO 1 Identify requirements and implement mobile solutions. (T, A)
VLO 4 Design and develop websites that deploy to different devices and platforms. (CP)
VLO 5 Design and develop cross-platform applications built with rich-media and HTML-based technologies. (T, A, CP)
VLO 9 Build, test, and deploy secure mobile solutions using appropriate network technologies. (T, A)
Assessment Levels —T: Taught A: Assessed CP: Culminating Performance 

Essential Employability Skills

This course contributes to your program by helping you achieve the following Essential Employability Skills:

EES 4 Apply a systematic approach to solve problems. (T, A)
EES 5 Use a variety of thinking skills to anticipate and solve problems. (CP)
EES 7 Analyze, evaluate and apply relevant information from a variety of sources. (CP)
EES 10 Manage the use of time and other resources to complete projects. (T, A)
Assessment Levels —T: Taught A: Assessed CP: Culminating Performance 

Course Learning Requirements / Embedded Knowledge and Skills

When you have earned credit for this course, you will have demonstrated the ability to:

1. Create a browser-based application using a JavaScript-based framework such as React JS.

  • Construct web apps using the ReactJS framework and JSX.
  • Build nested components with ReactJS that leverage the React state and props objects to manage data.
  • Construct web apps with ReactJS that include imported Routing modules to manage navigation.
  • Evaluate which React features best suit the development of a web app by using the official React documentation.
  • Research and incorporate external libraries in React-based solutions for web apps.
  • Integrate an external data source into a React-based web app.
  • Explain the difference between class-based and function-based components in a React Application
  • Demonstrate the use of React Hooks with Function-based Components in a React application.

2. Build a mobile application using a JavaScript-based framework solutions such as React with React Native.

  • Use the React framework with React Native to construct a mobile application.
  • Incorporate an external data source into a React Native application.
  • Incorporate external libraries into a React Native application to access native device capabilities.
  • Style mobile applications using the built-in React Native CSS equivalent in a manner that is appropriate for a specific native platform - iOS or Android.
  • Integrate an external set of styled components in a React Native application.
  • Use Expo to test and deploy a React Native application.
  • Produce a production ready version of a React Native application.
  • Install and run a React Native application on a physical device.

3. Explain the differences between a mobile web app, a Progressive Web App, a hybrid app and a native app.

  • Create a mobile web page that is optimized to load and run on a mobile browser.
  • Explain the differences between a Progressive Web App and a Single Page Application.
  • Explain the differences between a PWA, a website, a hybrid application, a React Native application, and a native mobile application.

4. Plan the working environment for the development and testing of web and mobile applications using JavaScript-based tools, libraries, and frameworks.

  • Outline how to connect an API, created with any language, to your React or React Native Application.
  • Demonstrate how to use a JavaScript Testing framework to do unit testing on a JavaScript based application.
  • Demonstrate how to customize a JavaScript tool for compressing, concatenating, and transpiling applications.

5. Identify native moblie device capabilities that can and cannot be accessed with HTML5/JavaScript based technologies.

  • Outline the mobile device capabilities which can be accessed through React Native plugins.
  • Explain what native plugins for cross platform solutions are.
  • Explain how to add native device capabilities to a web technology based mobile app with React Native.

Learning Resources

  • Online written and video tutorials
  • Safari Books online
  • PluralSight.com
  • YouTube video tutorials
  • Course VuePress website
  • Remote lectures by course instructor

Learning Activities

  • In class assignments;
  • Homework assignments;
  • Videos;
  • Following tutorials;
  • Collaboration, group projects;
  • Reviews, research;
  • Working with the instructor / professor.

Pre-defined Evaluation / Earning Credit

The following list provides evidence of this course's learning achievements and the outcomes they validate:

Assignment(s) (30%)

Validates Outcomes:  CLR 1, CLR 2, CLR 3, EES 4, EES 10

Hybrid Assignment(s) (30%)

Validates Outcomes:  CLR 3, CLR 4, CLR 5, EES 10

Project(s) (40%)

Validates Outcomes:  CLR 1, CLR 2, CLR 4, EES 4, EES 10

Prior Learning Assessment and Recognition

Students who wish to apply for Prior Learning Assessment and Recognition (PLAR) need to demonstrate competency at a post-secondary level in all outlined course learning requirements. Evidence of learning achievement for PLAR candidates includes:

  • Portfolio
  • Performance Test
  • Project/Assignment

Other Information

Grade Scheme

Final Grade Mark Equivalent Numeric Value Final Grade Mark Equivalent Numeric Value
A+ 90% - 100% 4.0 A 85% - 89% 3.8
A- 80% - 84% 3.6 B+ 77% - 79% 3.3
B 73% - 76% 3.0 B- 70% - 72% 2.7
C+ 67% - 69% 2.3 C 63% - 66% 2.0
C- 60% - 62% 1.7 D+ 57% - 59% 1.4
D 53% - 56% 1.2 D- 50% - 52% 1.0
F 0% - 49% 0 FSP 0 0

Course Related Information

Please refer to the Course website for specific course-related information as provided by your professor.

Program Information

1515X01FWO - Mobile App. Des. & Dev

The late policy for assignments is a 10% per day deduction to a maximum of 30%.

If an assignment is still not submitted 10 days after the due date then a grade of zero will be given for the assignment. Students can still submit work for review and feedback after the 10 days but no grade will be given.

Any extensions to due dates must be arranged with the course instructor BEFORE the due date.
 

Department Information

 

College Related Information

Algonquin College’s policies have been developed to ensure the health, safety and security of all students, faculty and staff, and the proper and fair operation of the College as an academic institution and employer.  Please refer to the Algonquin College Policies website for the most current policy information available at http://www.algonquincollege.com/policies/.

Students are especially encouraged to be aware of the following College expectations

Academic Integrity 
Algonquin College is committed to the highest standards of academic integrity, and students are expected to uphold these standards as part of the learning process. Any academic work submitted by a student is expected to be their own work, unless designated otherwise and all sources must be attributed. All students should be familiar with the Algonquin College policy AA48: Academic Integrity .  In some courses, online proctoring may be used to discourage cheating. Additional information can be found at https://www.algonquincollege.com/studentsupportservices/student-learning-kit/preparing-to-learn-online/. Students with any questions about the course expectations for academic dishonesty and plagiarism are encouraged to speak to their professor.

Centre for Accessible Learning
Students with visible and/or non-visible disabilities are encouraged to register with the Centre for Accessible Learning (CAL) in order to be eligible for appropriate learning supports and/or accommodations.  Students are strongly encouraged to make an appointment at the Centre for Accessible Learning as early as possible when starting a program. Once your needs are identified, a Letter of Accommodation (LOA) will be issued which you can share with your professors. If you are a returning student, please ensure that professors are given a copy of your LOA each semester.

College Email
Students at Algonquin College are provided with a college email account. This is the address that will be used when the College, your professors, or your fellow students communicate important information about your program or course activities.  Your network credentials can be found in the ACSIS portal and you are expected to check your Algonquin email regularly and to use it to send and receive college-related email. Support is available through the college Information Technology Service (ITS) at: https://www.algonquincollege.com/its/

Retroactive Accommodations
Students are expected to meet evaluation and completion deadlines as stated in course outline and course section information documents. In circumstances where evaluation and/or completion deadlines are missed or student performance has been affected by a temporary or permanent disability (including mental health), interim or retroactive accommodations may be considered. In such instances, please consult your course faculty member. For other situations where deferral of evaluations may be warranted, please consult Algonquin College Policy AA21: Deferred Evaluation.

Student Course Feedback
Algonquin College’s invites students to share their course experience by completing a student course feedback survey for each course they take. For further details consult Algonquin College Policy AA25: Student Course Feedback.

Use of Mobile Devices in Class
With the proliferation of small, personal mobile devices used for communications and data storage, Algonquin College believes there is a need to address their use during classes and examinations. During classes, the use of such devices can be  disruptive and disrespectful to others. During examinations, the use of such devices may facilitate cheating. For further details consult Algonquin College Policy AA32: Use of Mobile Devices in Class

Technology Requirements
As Algonquin College continues to respond to public health guidelines, many courses will be offered through remote delivery. As such, students will be required to have access to a computer and to the internet. There may also be additional technology-related resources required to participate in a course that are not included in the course materials fee, such as headphones, webcams, specialized software, etc. Details on these requirements can be found in the Course Section Information of the course outline for each course available on Brightspace.

Transfer of Credit
It is the student’s responsibility to retain course outlines for possible future use to support applications for transfer of credit to other educational institutions.