Book Image

Learning JavaScriptMVC

By : Wojciech Bednarski
Book Image

Learning JavaScriptMVC

By: Wojciech Bednarski

Overview of this book

<p>JavaScriptMVC is a client-side, JavaScript framework that builds maintainable, error-free, lightweight applications as quickly as possible. As it does not depend on server components, it can be combined with any web service interface and server-side language.<br /><br />"Learning JavaScriptMVC" will guide you through all the framework aspects and show you how to build small- to mid-size well-structured and documented client-side applications you will love to work on.<br /><br />This book starts from JavaScriptMVC installation and all its components are explained with practical examples. It finishes with an example of building a web application. You will learn what the JavaScriptMVC framework is, how to install it, and how to use it efficiently.<br /><br />This book will guide you on how to build a sample application from scratch, test its codebase using unit testing, as well as test the whole application using functional testing, document it, and deploy the same. After reading Learning JavaScriptMVC you will learn how to install the framework and create a well-structured, documented and maintainable client-side application.</p>
Table of Contents (13 chapters)

$.View


$.View is a client-side template solution. It populates HTML templates with data.

It comes with four pre-packaged template engines, which can be downloaded from the following websites:

It's easy to extend it by using $.View.register.

Templates can be embedded in the HTML documents or loaded synchronously or asynchronously from external files. $.View supports template caching and bundling in the production builds.

Embedded

Templates are embedded in the HTML documents as follows:

Let's copy the following code into index.html file:

<script type='text/ejs' id="accounts">
    <p>JavaScriptMVC is <%= message %></p>
</script>

Also, copy the following code into file jquerymx_playground_2.js:

steal(
    'jquery/view',
    'jquery/view/ejs',
    function...