Angular Animate

So animation… It is built into angular, well angular animate that is. And it is pretty easy to use Why animate stuff in the first place? Well it looks nice and its more fun to develop. But remember, less is more.. Installation Fetch bower install angular bower install angular-animate Bootstrap index.html <html> <body ng-app=”app”> <a … More Angular Animate

Meteor – a first attempt

Meteor javascript on client and server automatic updating of pages eliminates need for REST apis latency handling self-contained application bundles Technologies Javascript Node.js MongoDb, replacable (eg mysql etc) Handlebars, replacable ( eg Jade etc ) Packaging own package system, not npm Storage layered mongo on client replicated to mongo on backend Support mac, officially linux, … More Meteor – a first attempt

Aurelia

Aurelia So you want to look at the next generation js mvc framework. What you need to know before starting is that next generation means using Ecmascript 6 or Ecmapscript 2015 as it is now called. Also some features from ES7 can be used. Aurelia was built by one Rob Eisenberg famous for creating the … More Aurelia

Browserify heart angular

Browserify heart angular The problem You probably have a project structure looking something like this. Project structure app.js /infrastructure /login /notification /interceptors /features /user /products /projects /… /vendor /resources And more importantly an index.html file looking like this <body> … <script src=”infrasctructure/login/login.js”></script> . . . <script src=”features/login/login.js”></script> . . . // vendor <script src=”bower_components/angular/angular.min.js”></script> . … More Browserify heart angular

Angular directives part II , decorating directives

Attribute Directives So far I have been talking about element directives and the three different modes through which you can pass data. Attribute directives is built on the same principles of course but their application is different. Attribute directives are decorator directives and therefore we will look at situations where ‘elements’ or even other ‘element … More Angular directives part II , decorating directives

Angular directives

Directives First directive Declaration angular.module(‘app’).directive(‘testDir’,function(){ return { restrict : ‘E’, replace : true, transclude : true, template : ‘<h1>test</h1>’ } }) Usage <test-dir></test-dir> Casing matters: testDir becomes test-dir in view Restrict What can it be applied to: Comments Elements, E Attributes, A CSS Replace Determines wether the custom element is being replaced with view content … More Angular directives

Unobtrusive validation in MVC – trigger it clientside

using the validation with data annotations Validating in MVC using data annotations is a wonderful thing, you get to use the same validation rules in both client side and serverside. How its done – Setting up validation In the entity file in codebehind class Model { [Required(ErrorText=”This cannot be left empty”)] public string Name{ get; … More Unobtrusive validation in MVC – trigger it clientside