July 28th Labs (JQuery & Ionic)
Git
Tasks:
-
Fork the project from Bitbucket.
-
Clone a local copy of this project.
-
Import the project into Intel XDK.
-
Finish the Ionic & jQuery labs, push back them to your repo.
Ionic
Tasks:
-
Build a basic structure of Wechat, which is consist of 3 parts: header, footer and content.
-
Header contains a title "Wechat".
-
Footer is a tab, which contains 4 icon buttons: "Wechat","Contacts", "Friends" and "Me".
-
Content contains 2 pages, "Wechat" and "Contats" pages. the "Wechat" page contains a favorite friend list, while the "Contacts" page contains a list view of all friends, sorted by first-letter of their names.
Task 1 has already been done in the initial project, so you only need to finish the task 2 ~ 4.
Samples


"微信" page
"通讯录" page
jQuery
Tasks:
Based on the prev Ionic lab, please bind events to the footer tabs, let users can switch contents by pressing the tab buttons.
Please put your code in the "js/app.js". There isn't any initial code there, so you have to complete them all by yourselves.
Please make full use of the XDK emulator. We will preview your app in the emulator.

July 28th Labs
By zhuwenxi
July 28th Labs
- 1,378