
MAD9014
Cross-Platform App Development
Course Outline
2021-2022
- Pre-requisite(s)
- N/A
- Co-requisite(s)
- MAD9013
- Prepared by
- Steve Griffith
- Approved by
- Dan Pihlainen, Chair, Media Studies
- Approval date
- Thursday, July 22, 2021
- Normative hours
- 70.00
- Grading system
- A+ Through F
Applicable Program | Level | Core/Elective |
---|---|---|
1515X01FWO - Mobile App. Des. & Dev | 1 | Core |
Course Description
While developing native applications for mobile devices holds many advantages, not every application requires direct access to native capabilities and there are many ways web developers can build applications using the programming skills they already possess. Students use HTML, CSS and Javascript to build applications which can quickly be deployed to multiple mobile platforms, such as iPhone and Android. Designing to conserve battery life is introduced as a concept in this course. Using mobile marketplaces to publish and market applications is introduced.
Vocational Learning Outcomes
This course provides the opportunity for you to achieve the following outcomes:
1515X01FWO - Mobile App. Des. & Dev
VLO 3 | Create effective user interfaces that leverage evolving mobile device capabilities. (T, A) |
---|---|
VLO 5 | Design and develop cross-platform applications built with rich-media and HTML-based technologies. (T, A) |
VLO 7 | Research and apply various software development kits (SDKs), frameworks and toolkits. (T) |
VLO 9 | Build, test, and deploy secure mobile solutions using appropriate network technologies. (T, A) |
Essential Employability Skills
This course contributes to your program by helping you achieve the following Essential Employability Skills:
EES 5 | Use a variety of thinking skills to anticipate and solve problems. (T, A) |
---|---|
EES 10 | Manage the use of time and other resources to complete projects. (T, A) |
Course Learning Outcomes / Elements of Performance
When you have earned credit for this course, you will have demonstrated the ability to:
1. Use JavaScript to create basic programs that can run on the command line as well as in the browser.
- Identify Javascript functions, properties, methods, and events.
- Explain fundamental JavaScript concepts such as hoisting, variable scope, loops, events, functions, Arrays and Objects.
- Execute JavaScript functions with a variety of common design patterns, such as IIFEs, function expressions, function declarations, namespaces, revealing module patterns, and more.
- Use Git and GitHub to host and manage JavaScript projects.
2. Use JavaScript to develop websites and web apps, which run in any browser, and are capable of dynamically updating user content.
- Connect external script files to multiple HTML pages
- Demonstrate functions that can interact with and manipulate DOM elements.
- Use JavaScript to add event listeners to DOM components which can make use of user interactions to trigger functionality.
- Enhance web page functionality with a variety of HTML5 APIs and external APIs.
- Select and employ appropriate JavaScript data structures for information related to a webpage or web app.
3. Create JavaScript programs which can make network calls using HTTP and HTTPS to public or private APIs.
- Explain the differences between the older XMLHttpRequest API and the new fetch API.
- Use the HTML5 Fetch API to retrieve JSON data from an external API.
- Use Content-Security-Policies to protect web pages when fetching new data.
- Convert XML data to JSON data.
- Implement Cross-Origin Resource Sharing best practices when using the Fetch API.
4. Employ modern HTML5 APIs and latest version JavaScript capabilities to demonstrate Single Page Apps (SPA).
- Build Single Page Applications that can simulate the appearance and navigation of multi-page websites.
- Explain the differences between SPAs, PWAs, and JAMStack Apps.
- Use the HTML5 History API to enhance and control user navigation.
- Use data retrieved from an external API to build webpage content.
- Use dataset properties to create a relationship between downloaded data, JavaScript data structures, and DOM elements.
5. Use professional Integrated Development Environments (IDE), such as Visual Studio Code, in combination with other SDKs, Toolkits, and Frameworks to create web pages, hybrid apps, and web apps.
- Use Git from the Command Line Interface to create and manage projects.
- Use Github to host websites and web app projects.
- Create projects and scripts that run on Node and enhance the projects with NPM-based modules which get managed on the command line with Git.
- Use VS Code extensions and features such as linting, code completion, built-in terminal access, and live server previews.
Learning Resources
- Online video tutorials
- Magazine articles
- Online wikis and articles
- Tutorials
- Classroom lectures
- BS LMS
- Online course material hosted through GitHub.
- YouTube video tutorials
- Remote lectures from the course instructor
- Help sessions with the Program Assistants
Learning Activities
- Hands-on exercises, assignments and projects
- Self-directed exercises
- In-class discussions
- Online tutorials
- Remote lectures from Professor
- Video tutorials
- Assistance from Faculty and Program Assistants
Pre-defined Evaluation / Earning Credit
The following list provides evidence of this course's learning achievements and the outcomes they validate:
Quiz(zes)/Test(s) (20%)
Validates Outcomes: CLO 1, CLO 2, EES 5, EES 10
In-class Work (30%)
Validates Outcomes: CLO 1, CLO 2, CLO 3, CLO 5, EES 5
Hybrid Assignment(s) (20%)
Validates Outcomes: CLO 1, CLO 5, EES 5, EES 10
Assignment(s) (30%)
Validates Outcomes: CLO 2, CLO 3, CLO 4, EES 5, 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 outcomes. 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
Program Information
1515X01FWO - Mobile App. Des. & Dev
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
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.