WebApp Development Video Tutorial

Product Distribution System mobile Phone WebApp Development (ASP. MVC5, HTML5, JQuery Mobile, Backbone)

Suitable for people: intermediate

Number of lessons: 18 hours

Using the technology: ASP. MVC5, HTML5, JQuery Mobile, Backbone

Related projects: Mobile phone webapp, message push, Rich text editing, background orders

Consulting qq:1840215592

1. Curriculum development Environment

Operating system: Windows Server R2 SP1

Development tools: Visual Studio 2013, Webstorm 9.0

Database: Microsoft SQL Server R2

2. Introduction to the Content

This course has the following features: concise and easy to understand, broad technology, key guidance and so on, so that the WebApp development can be applied to the reality quickly.

WebApp to a large extent through the AJAX technology to enhance the user experience, JQuery Mobile is designed to use AJAX technology for rich client applications, this course will delve into how to apply and extend the JQuery Mobile Ajax technology to fit our actual requirements structure.

MVC is almost standard for the current program structure, making it easier to organize and manage program architectures, both back-end and front-end, with proven solutions. Backbone is a more flexible MVC front-end structure. This course example combines backend ASP, front-end backbone MVC, and converged jquery Mobile Ajax technology to create a rich client webapp that is more scalable and manageable.

Message push and receive is almost inseparable from the current rich client program, but the implementation on the WebApp is still a little stretched, this course will be the key issues in-depth research and implementation can be run in the background and receive messages in real-time technology solutions.

I. Technical structure and framework

1. Technical structure

2. Feature Preview

3. Development environment and framework

Ii. Commodity selection and construction

1. Initial data

2. Implement Get product list data Webapi

3. The realization of product selection JS Model

4. Managing JS code with namespaces

5. Realization of Shopping JS View

6. Implement the Commodity classification bar

7. Implement the sliding of commodity classification bar

8. Ajax Packaging

9. Adaptive screen width processing

10. Implement Shopping Cart Webapi

11. Realize the shopping cart JS Model

12. JS Product Purchase list model loading and synchronizing shopping cart data

13. Implement commodity point selection

14. Add Items to buy statistics

15. Implement the Product Details page

16. Implement the Product Details page to purchase the operation

17. Add User Menu

Three, Shopping cart

1. Implement Shopping Cart Page

2. Linkage between product ordering data pages

3. JQuery Mobile Page Management

4. JQuery Mobile Ajax mode loads the handling of rights-controlled pages

5. Associate an option with a user

6. Realize empty shopping cart product function

Iv. Submission of orders

1. Implement New Order Webapi

2. Implementing the Submit Order page

3. Error and data validation processing

4. Implement my order Webapi

5. Implement my order Page

6. Implement my order page scrolling load data

7. About the refresh of the ListView

8. Implement order Viewing page

V. Real-time receipt of orders

1. Implementing the Active Orders list page

2. Message push and Receive-server

3. Message push and receive-client

4. Background Run issues

5. settimeout Re-construction

6. Order Business Processing

7. Business status synchronization in the Order checking page

8. Checked business processing of orders

Vi. Data Maintenance

1. Implement the Product Management page

2. Implement Add Product Features

3. Implement Delete product function

4. About the re-loading of jquery mobile pages

5. Picture Selection-webapi

6. Picture selection-Define Picture selection view

7. Image selection-Define picture List JS Model

8. Image selection-Define image selection JS View

9. Picture selection a problem with-jquery Mobile tabs

10. Image selection-selection and confirmation of images

11. Image selection-compression processing before uploading images

12. Image selection-Define image upload JS Model

13. Image selection-Implement image upload page

14. Rich Text Editor-implementation of basic functions

15. Rich Text Editor-feature extensions

16. Rich Text Editor-issue supplement

17. Implement Modify Product function

18. The status of JQuery Mobile NavBar remains

19. Implement commodity classification management

Vii. Accounts and authorizations

1. User Login

2. User Registration

3. Modify User Profile

4. Reset Password

5. Change Password

6. Authorized

Viii. concluding remarks

WebApp Development Video Tutorial