1. Written report as an HTML file.
This report (maximum 5 pages, may be shorter) should explain your implementation, design
and reasoning behind your code and system, include the following information:
• Overall description of design challenges and system.
• Explanation of how each of the below listed coding concept requirements have been
fulfilled in a creative manner (screenshots of blueprints, diagrams may also be useful
2. Project in a .zip archive. Make sure to zip the entire project directory (the folder containing
the project file and all other relevant folders such as images, fonts, js etc.).
3. PowerPoint presentation of your oral presentation visual aid.
In addition, you will present your power point slides in week 12 during class time. This oral
presentation should include the following information:
• Short summary of the project goals including target audience.
• Discussion of the process you took to implementing the features (e.g., how did you
translate your ideas into the functional result? Did you use user stories, UI/UX, create
asset lists, etc).
• Highlights of key features and how the coding concepts you have learned were
applied to these.
• Demonstration of the functional project.
• Discussion of the major obstacles and challenges encountered during the course of
this project and how you solved them or made changes. Be honest – coding is
challenging and your approach to problem solving and demonstration of how you
have learned from this are very important!
You are welcome to take suggestions on your project 2 design and implementation from your
classmates and/or lecturer. However, you must develop your web application based on your Project
1 Proposal. You are free to improve or modify MINOR changes from your project 1 proposal during
the development stage, however it is subject to approval from your lecturer. Using your Project
Proposal (Project 1) as a guide, you should apply coding using Vue framework to your designed
components in order to demonstrate a range of coding concepts in a creative manner.
During the implementation stage, the following effective coding practices (available in the table on
the NEXT PAGE) should be demonstrated by your implementation:
Coding Practices Requirement
Documentation and Basics Effective commenting inside codes to allow easy understanding of the purpose of different
aspects of your code. Efficient use of some of the following basic ideas.
• Computed Properties and Watchers
• Class and Style Bindings
• Conditional Rendering
• List Rendering
• Event Handling
• Form Input Bindings
• Components Basics
Components in depth • Component Registration
• Custom Events
• Dynamic & Async Components
• Handling Edge Cases
Transitions and Animations
Reusability & Composition
Tooling and Scaling Up
• Enter/Leave & List Transitions
• State Transitions
• Custom Directives
• Render Functions & JSX
• Single File Components
• Unit Testing
• TypeScript Support
• Production Deployment
本网站支持淘宝 支付宝 微信支付 paypal等等交易。如果不放心可以用淘宝交易！
E-mail: firstname.lastname@example.org 微信:itcsdx