Getting started with building a JavaScript-based mobile Web CMS-Introduction

See the mobile Framework on the project, search the Internet for a moment, and found that the original has been in the beginning. So, find an example to start building a mobile platform of the cms--Qi CMS, easy to understand the project at the same time, you can also maintain a CMS system.

Building a framework

Trying to use Angularjs and Emberjs, the main problem with using ANGLUARJS and Emberjs is that it's not easy to introduce what you're familiar with. And given that Google has always been very supportive of its projects, it has given up the idea of Angluarjs.

So I started looking for some solutions, but in the end we chose a more general scheme.

1. requirejs
2. jquery
3. underscore
4. backbone

Compared to ANGULARJS, backbone is a lightweight scheme, in terms of size. For themselves, flexibility is a good thing, that is, you can freely add a lot of things.

About backbone

Backbone.js is a set of JavaScript frameworks and application interfaces for restful JSON. It is also a set of programming paradigms that are broadly in line with the MVC architecture. The Backbone.js features a lightweight feature that can be run with a single JavaScript function library.

The specific function should be

2. Backbone is lightweight, supports jquery, comes with routing, an object view, and a powerful sync mechanism reduces page size and thus accelerates page display.
4. jquery jquery makes it easier for users to work with HTML (an application under the standard Universal Markup Language), events, animate, and easily provide Ajax interactivity to the site. However, it is primarily jquery that allows the user's HTML page to keep the code and HTML content separate, simply by defining the ID.
6. Underscore is backbone's dependent library underscore is a JavaScript utility library that provides some features like prototype.js, but does not inherit any JavaScript built-in objects.
8. Requirejs you can sequentially read only the dependent modules required.

Front UI, using pure CSS, a lightweight CSS framework, but the final feeling, the overall use, the size is quite. Just can have a better mobile experience.

Other replaceable frames

1. AngularJS, considering some factors, may replace the backbone, but it is not the current feasible solution. In order to learn is a program, but also in order to better popularize certain things.
2. Handlebars Handlebars is an improvement of mustache, display and logic separation, syntax-compatible mustache, can be compiled into code, improve mustache support for paths, but need to run on the server side JavaScript engine such as node. js.

Project

The front and back end of the design, the background to the foreground only provide JSON data, so in a sense may be only suitable for browsing, and this to match the background of the framework. On the whole, the website is suitable for reading classes.

Source

The code is still on GitHub, and the basic functionality is already available for works.

Https://github.com/gmszone/moqi.mobi

Progress and purpose

Final goal: Build a CMS system for mobile platforms.

Current: For such a project, the following two frameworks are currently considered for priority support,

1. Django+tastypie API
2. Wordpress

Now: You can read from the background to the data.

Other

Some of the better data are

• Organizing your application using Modules
• Converting an existing Backbone.js project to Require.js

Related Resources

QQ Discussion Group: 344271543

SOURCE Github:https://github.com/gmszone/moqi.mobi

Getting started with building a JavaScript-based mobile Web CMS-Introduction