Cross platform Mobile Web App

Best framework to developing Web application

ionic-samplesIonic framework is the youngest in our top 5 stack, as the alpha was released in late November 2013. Built on top of the popular AngularJS framework from Google, Ionic utilizes AngularJS to provide the application structure, while Ionic itself focuses on the user interface. In other words, we see a match between the power of Angular and the beauty of Ionic UI.

Ionic provides a set of Angular directives (custom HTML elements) for it’s own components, making it as easy to use the widgets as writing a line of HTML code. In addition to directives, Ionic uses Angular’s touch recognizers, view animation logic, HTML sanitation, and asynchronous communication.

While you can use Ionic straight after cloning or unpacking the library zip, you can also install their Node.js-based CLI through NPM and start quickly with their seed project.

Even though Angular is currently the Ionic’s workhorse, the developers are keeping their (and ours) options open with plans to support other frameworks such as Knockout or EmberJS. This particular review is strongly influenced by AngularJS and it doesn’t vouch for the accuracy with other frameworks when Ionic support emerges.

MV* Pattern

Angular JS used to be an MVC framework, but over time it became closer to MVVM where the $scope object acts as a ViewModel, manipulated through a Controller function. With such a flexible approach developers can use MVC or MVVM per their liking, as long as the goal is achieved: separating presentation from business logic while boosting maintainability and productivity.

Class System

Neither Angular JS or Ionic are object oriented JavaScript frameworks so they don’t make use of a class system. This can (but shouldn’t) be observed as a weakness or a strength, depending on the level of simplicity requested on the JavaScript front end.

DOM control

Grisogono_Grgur squareAngular embeds jqLite, a fraction of jQuery that allows DOM manipulation in a cross-browser compatible manner, leaving a very small footprint. For extended functionality, jQuery can be loaded with the document.

UI and Theming

When it comes to UI, Ionic shows its potential. Ionic’s true beauty is its simplicity. In almost Google-like (but not Android-like) style it uses the existing HTML5 and CSS3 capabilities to deliver fast experiences. The speed is exactly in its simplicity – no unnecessary shadows, rounded corners, gradients but just flat, clean simple, powerful, unadulterated HTML5. Ionic doesn’t promise you native-looking UI, but it does deliver very fast and consistent interface, even on the devices you considered to be slow with rendering HTML5 apps.

Customizable through SASS, Ionic comes with handy variables and mixins to extend for customized appearance. Additionally, it’s packaged with its own open sourced icon library featuring over 440 icons to chose from.

Widgets

Ionic’s components are powerfully simple. They are custom HTML elements, as per Angular directive principles, but Ionic also provides Controllers to complement configuration and interaction. While some frameworks may provide more complex widgets, Ionic offers somewhat simpler building blocks that can be combined to deliver rich user interfaces. As of alpha version, the framework provides with a plethora of form elements, header and footer bars, buttons, a simple list with customizable items, grid elements, and more.

Responsive Design (RWD)

Internally, Ionic leverages Responsive Web Design principles to yield optimized experience such as based on screen size or pixel density. Any app-specific RWD scenarios are welcome and will play very nicely with Ionic.

Source: moduscreate.com
RELATED VIDEO
Developing ASP.NET MVC 4.5 Web Applications Jump Start 01
Developing ASP.NET MVC 4.5 Web Applications Jump Start 01
Introduction to web application frameworks
Introduction to web application frameworks
Flask Python Web application framework tutorial (1 of 3)
Flask Python Web application framework tutorial (1 of 3)
RELATED FACTS
Share this Post

Related posts

Choosing BI Solution: Tibco Spotfire or Tableau?

Choosing BI Solution: Tibco Spotfire or Tableau?

JUNE 25, 2017

Recently Business Intelligence (BI) is gaining increasing importance among successful companies. Business Intelligence allows…

Read More
Best technology to develop Web Applications

Best technology to develop Web Applications

JUNE 25, 2017

What Is the Best Technology to Write a Web App With Today? Web technology, of all programming areas, has always been the…

Read More