 Your new post is loading...
Your new post is loading...
Scoop.it!
My team and I compared competing JavaScript frameworks (such as Angular, Knockout, Ember, etc). Then, we selected Knockout for several reasons. It uses clean data-binding syntax, has plenty of online resources, and even has support from Microsoft. Its creatorSteve Sanderson is now a Microsoft employee, and Knockout is included in a new web project created within Visual Studio 2012. 
No comment yet.
Sign up to comment
Scoop.it!
In this blog post, i would like to cover two things: 1) How I've extended AngularJS in order to support transaction logs (detailed diffs) for arrays. 2) How I've created a custom Angular directive for the Ignite UI grid As a result, you will see how the IgniteUI Grid integrates very nicely with Angular, and also supports full two-way databinding. The attached project contains everything you need to see it in action for yourself, just unzip and run angular.html.
Scoop.it!
In terms of programming, “information hiding” refers to the practice of concealing implementation details that are unfit for the consumers of the code. Whatever your particular perspective, I hope you can see how information hiding can be a useful practice when it comes to structuring code. Just like smoking, dancing, and attending the prom, it isn’t scary and it doesn’t have to end with you sobbing in your mother’s arms. If you’re with me on that, it’s time to take a look at how we might accomplish this in JavaScript.
Scoop.it!
In this article, we will look at AngularJS in a plain vanilla ASP.NET MVC app.Getting Started with ASP.NET MVC & AngularJS Plumbing Well today we’ll take a small step towards learning AngularJS by learning how to do basic data binding and retrieving data via AJAX. We’ll do it the way we have done it around here – Using a code walkthrough.
Scoop.it!
The goal is to create a fully working and somewhat useful mobile application from the ground up. To make things more interesting and useful for our readers I’m planning to implement (and go into technical specs) today’s most used mobile application functions. Web services (the way for client devices to communicate with servers and each other over the World Wide Web network),Authentication (after which mobile applications can consume online resources on behalf of third parties), Geolocation, Maps and on device Storage.
Jan Hesse's insight:
series of dev overviews
Scoop.it!
The first post in this series, Ember.js Hello World, shows Ember working without a persistence backend. This post covers setting up Rails4 as the persistence engine behind that example, plus adding and deleting records. The amount of Ember and Rails code to make this example is almost completely included in this article. It’s that tiny! I put many more details in this comprehensive screencast of how to go from a brand new Rails 4 app to an Ember.js app deployed on Heroku.
Scoop.it!
In modern applications the end users want to get their data. They want it now, they want it up-to date. In fact it does not matter whether these are pure web application, native desktop installations or mobile apps: everybody wants his data now! For .NET-minded developers there are a numbers of options to implement near-real-time push style communication from the server/the services to the clients/consumers. You can choose plain HTTP or the super-new WebSockets features available in .NET 4.5 together with Windows 8 and Windows Server 2012. But the coolest and increasingly popular approach is to use a new framework: ASP.NET SignalR.
Via William delmas
Scoop.it!
Recently here at Remarkable Labs, we began working on a web application which required a more desktop look and feel. After evaluating several frameworks, we decided on using Ember.js. Here is a list of resources we used to get started.
Scoop.it!
While JavaScript employs garbage collection for automatic memory management, it is not a substitute for effective memory management in applications. JavaScript applications suffer from the same memory related problems that native applications do, such as memory leaks and bloat, yet they must also deal with garbage collection pauses. Large-scale applications like Gmail encounter the same problems facing your smaller applications. Read on to learn how the Gmail team used Chrome DevTools to identify, isolate, and fix their memory problems.
Scoop.it!
This talk covers both Git and GitHub: different tricks I've picked up after two years at GitHub, helpful advice on common gripes I've seen in support tickets and tweets, and just general nifty things that make you a faster, more capable technologist.
Scoop.it!
When I started learning Backbone.js, I hadn't done advanced JavaScript programming before. I took this opportunity to explore advanced JavaScript concepts in the context of the Backbone.js source code. In this post, I will share some of these concepts which helped me understand both Backbone.js and JavaScript on a deeper level.
Scoop.it!
JavaScript Tips: Here are some 21 hand picked JavaScript snippets that will help you ease some of the tasks in your project.. Javascript random number, arrays, string functions. Via Jason Tintelnot
Jason Tintelnot's curator insight,
May 23, 2013 11:03 AM
Great review of useful JavaScript functions and techniques whether you are using HTML5 or plain HTML.
Scoop.it!
From
devgirl
I’ve created a sample mobile application to help developers get started building mobile applications with PhoneGap and AngularJS quickly. The sample application includes view navigation, some standard user interface components and code to help avoid common pitfalls in mobile application development (click delays etc).
|
Scoop.it!
Microsoft updates its superset of JavaScript, known as TypeScript, with a slew of new features, including the addition of generics.
Scoop.it!
During the HTML5 Track at QCon New York 2013 Matt DeBergalis gave a talk on Meteor, the open-source real-time web application framework that Debergalis co-founded. According to DeBergalis, the client versus server-side pendulum has swung many times: from the mainframe (server-side) to the desktop (client-side) to the web (server-side) and now to the modern web where clients get increasingly capable and more and more work happens in the client again. However, the tools to build these modern web applications, DeBergalis argues, have not caught up. The goal of Meteor is to provide the developer with the tools to build these types of real-time web applications more easily and consistently.
Scoop.it!
When we started our first project with ember.js at Scoreloop, the first thing we came across was how to implement authentication. While all of us had implemented authentication in “normal” Rails apps several times we initially weren’t sure how to do it in ember.js. Also information on the internet was scarce and hard to find. The only more elaborate sample project I found was the ember-authplugin. While that seemed to be very complete and high quality it is also very heavy weight and I didn’t want to add such a big thing to our codebase only to implement simple authentication into our app. So I rolled my own implementation.
Scoop.it!
As you read this, you can already write your code using the to-be-finalized ES6 standard and still have your code run on all major browsers. How? Transpiling. Transpiling is the process of compiling code from one language into the code of another language, which in this instance means from ES6 to ES5. This isn’t the only option, though. I will be discussing two other languages that transpile into JavaScript that you can start using today: CoffeeScript and TypeScript. There are numerous other languages that you can use, including C++ in some scenarios, but I won’t be discussing them here.
Scoop.it!
Recently I got together with some local developers to discuss client side MVC frameworks. We ended up discussing many of the differences between AngularJS and Ember. There is evidence that AngularJS is beating out Ember in terms of developer mind share: there are more Stack Overflow questions dedicated to AngularJS. AngularJS has more stars and forks on Github. I have a good idea now why AngularJS is gaining momentum: it is simpler. There is a lot less to the framework and as a consequence it’s easier to learn. If I were to rank the amount of tools various client side MVC frameworks give you, Angular seems to exist somewhere near the half way point between Backbone and Ember.
Jan Hesse's insight:
really long detailed insight FollowUp answer from AngularJS side: http://hueypetersen.com/posts/2013/06/17/angular_is_slow/ from the viewpoint of WebComponents:
Mike Ball's curator insight,
June 17, 2013 10:53 AM
This review seems focused more on how the developer feels rather than real facts 
Jan Hesse's comment,
June 26, 2013 7:59 AM
here is the answer by an AngularJS Dev: http://hueypetersen.com/posts/2013/06/17/angular_is_slow/
Jan Hesse's comment,
June 27, 2013 4:55 AM
another reaction taking into concern WebComponents was made here: http://blog.testdouble.com/posts/2013-06-26-what-polymer-and-angular-tell-us-about-the-future-success-of-the-web-platform-and-javascript-frameworks.html
Scoop.it!
A friend recently asked about the best approach for implementing a particular feature in Ember. They wanted to use moment.js to show createdAt times in ‘time ago’ format -- and wanted them to update each minute. This is a common feature, but it’s not covered in Ember’s guides and appears to fall slightly outside of the golden path. So let’s try implementing it, and hopefully we’ll get a chance to use some of the lesser-known tools in Ember’s API. First up, let’s figure out how we want to use this in our templates... Via Saleh Souzanchi
Scoop.it!
We wanted to build our dashboard in JavaScript to separate the both front-end and back-end development as well as leverage the power of Balanced’s RESTful API. We chose Ember.js as our framework. It’s an exciting technology and we’ve had fun picking it up. There are a few rough edges, so our first article is about some few things which we’ve learned along the way. Since Ember is structured differently than many web-based MVC frameworks, one of the most important things to learn is how to structure your applications.
Scoop.it!
AngularJS lets you define your own HTML dialect by adding elements, attributes or behavioural classes. The big win for web developers is the ability to move view logic back into the page and use custom UI elements as they would an <input> or an <ol>. These new elements are called directives, but AngularJS also includes interpolation and filters for templating. One of the more interesting directives is the ng-repeat. It’s really the only directive you need to introduce collections (or looping if you think procedurally). But as is usually the case in web development, presenting a lot of data can result in a high overhead.
Jan Hesse's insight:
Want snappy UI when binding to large data set in AngularJS? Bind the subset of data that's actually visible.
's comment July 1, 2013 5:29 PM
@Jan Hesse, how does one bind to a subset of the data? I'm seeking to tackle this performance issue now and not having much luck :(
Scoop.it!
When writing Windows Store apps in JavaScript, you encounter these constructs called promises as soon as you do anything that involves an asynchronous API. It also doesn’t take very long before writing promise chains for sequential asynchronous operations becomes second nature. In the course of your development work, however, you’ll probably encounter other uses of promises where it’s not entirely clear to see what’s going on. A good example of this is optimizing item rendering functions for a ListView control.
Scoop.it!
In this post I will show you how you can use an amazing set of tools and libraries to help speed up development of AngularJS applications. We will use Yeoman to generate the project/files for us andGrunt to automate tasks such as running the server/tests. Bower is a package manager for the web and please be aware I don’t go so much into Bower as the other tools take up a lot of the post already, just know what it does and that it’s pretty cool. Please keep in mind that all these tools do so much more so read their documentation and get a full grasp of their capabilities.
Scoop.it!
From
dvcs
The component model for the Web ("Web Components") consists of five pieces: 1. Templates, which define chunks of markup that are inert but can be activated for use later. 2. Decorators, which apply templates based on CSS selectors to affect rich visual and behavioral changes to documents. 3. Custom Elements, which let authors define their own elements, with new tag names and new script interfaces. 4. Shadow DOM, which encapsulates a DOM subtree for more reliable composition of user interface elements. 5. Imports, which defines how templates, decorators and custom elements are packaged and loaded as a resource. Each of these pieces is useful individually. When used in combination, Web Components enable Web application authors to define widgets with a level of visual richness and interactivity not possible with CSS alone, and ease of composition and reuse not possible with script libraries today.
Scoop.it!
From
domenic
Today we revealed The Extensible Web Manifesto, calling for a new approach to web standards that prioritizes new local-level capabilities in order to explain and extend higher-end platform features. I want to take a minute to talk about what this means in practice, and why it's different from how we operate today.
Jan Hesse's insight:
Is the Web becoming democratic?
|
