JSView
Home
What?
Example
The team
Contact
Git

JSView

The most simple library to create views in your App.

Hi! Give us your email to get your feedback and download the library.
JavaScript View early beta is now open!
What?
JavasScriptView is a small library that wants to make life easier for the mobile application developer.
This library is focused on the development of JavaScript applications using the framework Cordova / Phonegap.
JavaScriptView lets you manage different views of your mobile application. Through a simple MVC structure, you can create dynamic views in your application and manage elements in the DOM asynchronously.
Actual Features

  • Multiple Views
  • Dom Manipulation
  • Pages Animation
  • Tabs
  • Native Scrolling
  • Scroll and Modal Loading
  • Svg Spinners
  • Touch Carousel
  • Touch Advertising
  • Native Notification
  • Native Inappbrower
  • Load More
Next Features

  • Pull to Refresh
  • External dynamic queries
  • Scroll To
  • Image Zoom
  • Family Icons
An Example: View
1.- Reference the required files to your index.html
            	
                
            
            	
                
                
                
            
2.- Add this code in your app.js
                window.addEventListener('load', function() {
                
                    /*Declare views*/
                    $JSView.declareView({ 
                        viewA: {
                            url: '/viewA',
                            template: 'views/viewA.html',
                            controller: 'viewA'
                        },
                        viewB: {
                            url: '/viewB',
                            template: 'views/viewB.html',
                            controller: 'viewB'
                        },
                        viewC: {
                            url: '/viewC',
                            template: 'views/viewC.html',
                            controller: 'viewC'
                        },
                    });
                    
                    /*Declare modal*/
                    $JSView.declareModal({
                        modalA: {
                            url: '/modalA',
                            template: 'views/modalA.html',
                            controller: 'modalA'
                        }
                    });
                    
                    /*Asign view start*/
                    $JSView
                        .initView('viewA');

                }, false);
            
2.- Add this code in your controllers.js
                $JSView.controller = {
                    viewA: function(e){
                        $JSView.dataView({},e)
                    },
                    viewB: function(e){
                        $JSView.dataView({},e)	
                    },
                    viewC: function(e){
                        $JSView.dataView({},e)
                    },
                    modalA: function(e){
                        $JSView.dataView({},e)	
                    }
                }
            
3.- Add all this files and create "view" directory into "www" directory of your Cordova proyect and add your htmls templates here.
YouTube
More documentation and examples coming soon.
The Team
Jose
Founder / JS Developer
@JoseJ_PR
Javi
JS Developer
@Neojv
Emilio
JS Developer
@emiliodemanuel
Twitter
RT @phonegapspain: Foro: Personalizacion del Mapa de Google Maps 💯👉🏼 https://t.co/6LnS6XrHWa @GoogleMapsAPI #mapas #JavaScript08:42 AM Aug 15th
RT @JavaScriptDaily: How to Create a Bot with the Bot Builder SDK for Node: https://t.co/W61ypNKI4s08:41 AM Aug 15th
RT @JavaScriptDaily: Your Node Authentication Tutorial Is (Probably) Wrong: https://t.co/7A7d4VB4Ot (Some common authentication pitfalls, a…08:41 AM Aug 15th
RT @JavaScriptDaily: Britecharts 2.0 Released: https://t.co/Yr7X9H7rA9 (Britecharts is Eventbrite’s D3.js component-based charting library.)06:09 PM Aug 12th
RT @rachelnabors: Web Animation Weekly just hit 5000 subscribers! Thank you for reading!! Archives available at https://t.co/GZIrKB4rIg06:06 PM Aug 12th
Contact
JavascriptView arises of a need for our team, the main idea is to create mobile applications quickly and effectively.

Whether you are a company and want personalized support, or if you're a developer and want to join the project. You can contact us using the form below, or send an email to: contact@javascriptview.com
The JavaScriptView Project is Sponsored by
Production Javascript +
High Performance Infrastructure
Copyright 2015 Cero y Uno, jsview.js is a trademark of Cero y Uno. View license.