 Your new post is loading...
Your new post is loading...
Scoop.it!
This is the second part of AngularJS Token Authentication using ASP.NET Web API 2 and Owin middleware. In this post we’ll build sample SPA using AngularJS, this application will allow the users to do the following:
No comment yet.
Sign up to comment
Scoop.it!
With the ever-increasing importance of mobile, performance on the web has never been more critical. Because of its popularity, jQuery is often targeted as too big because of its size. The good news is, as of jQuery 2.1, jQuery uses AMD to organize its dependencies internally. This means you can use AMD to load individual pieces of jQuery, and not the whole library. In this article you’ll see which jQuery modules are available, and how to use them in an AMD context. For each, I’ll show how many bytes you save by using an AMD approach. Finally, we’ll look at how to write jQuery plugins that leverage these new modules.
Scoop.it!
I’ve been wondering why DOM Mutation Observers, which can monitor changes to one or more DOM elements and return a report of what changed, aren’t used more often in the wild. DOM observers differ from the old Mutation Events in one special way: they’reasync and deliver mutations in batches asynchronously at the end of a micro-task rather than immediately after they occur. As Mutation Observers are async by design, they wait for the current stack to be empty before calling the callback we specify. This is useful because our callback isn’t called every single time a change is made to the DOM but only after all of the changes have been completed (or “soon”). This avoids the loss of synchrony as you don’t need to be concerned with FOUC before your observer has a chance to react.
Scoop.it!
For those of you who are already somewhat familiar with Protractor and Selenium and want to skip right to the end, you might take a look at my Vagrant VM for headless browser testing in Ubuntu, and Chef cookbook for the same. These set up a standalone server that can be used to run end to end tests of AngularJS sites in Chrome, Firefox, or PhantomJS, and address some of the issues that you will run into along the way.
Scoop.it!
From
medium
After two months of development, I can say that using Meteor and AngularJS has been a godsend, and I want to share some of the experience I gained from using them. Meteor, IMO, is currently one of the best tools that deal with client/server data synchronization. It makes CRUD operations trivial (one line of code to create a functional model), and more complex data logic easy. Among quite a few newer data access solutions I tried out there, I would say only Firebase rivals Meteor in usability and functions, and they are ahead of others by quite a large margin. Meteor is harder to use than Firebase, but offers much more control over data. AngularJS, on the other hand, is a more popular and well known library. It has arguably won the frontend library war against a bunch of other strong contenders such as Ember.js, Knockout.js, etc. Developing a non-trivial UI like Remonit dashboard designer is considerably easier and much more modular using AngularJS than other options.
Scoop.it!
From
teropa
As an Angular developer, I appreciate what the dependency injector does for me. It provides structure to my applications. It gives me the tools to organize my code into coherent components and then combine them in a loosely coupled way. Dependency injection is a boon to testing too; testability is indeed often given as the primary motivation for doing DI, though for me its more like a positive side effect of the primary benefit, which is the loosely coupled design you get. As much as I appreciate it, I also recognize that Angular's dependency injector is one of the most criticised parts of the framework. Some people don't like the idea of a JavaScript DI framework in general, while some people have more of an issue with Angular's implementation specifically. I think the critics do have a point - there are definitely some issues with the way DI is implemented in Angular - but it is not nearly as bad as it's sometimes made out to be. In this article we'll build up a simplified version of the Angular injector. It'll hopefully help you understand what exactly the injector does.
Scoop.it!
This tutorial will show you how to build a REST API with Express, authentication and signup process with Passport, create and retrieve data from MongoDB using Mongoose. The front-end will be built using AngularJS and Bootstrap Sass. The last step involves using gulp.js to optimize your static assets.
Scoop.it!
![[JSConf US 2012] - videos of talks | JavaScript for Line of Business Applications | Scoop.it](https://img.scoop.it/4J_1QoggYRJjexphs7DmWjl72eJkfbmt4t8yenImKBVvK0kTmF0xjctABnaLJIm9)
From
blip
JSConf focuses on two things, presenting mind-altering JavaScript technology during the daytime and providing exceptional "networking" parties during the evenings. JavaScript is exploding on the scene despite years of being behind the curtain as the workhorse of the web. JSConf is right there to expose and help push the state of the art with JavaScript in the browser, server, mobile, and desktop environments. One of the key differentiators about JSConf is that it is put on by a (crazy) group of JavaScript developers just like you, so we ensure that everything that matters is taken care.
Scoop.it!
We've talked a lot about big concepts such as the Virtual DOM, re-rendering the entire app on every update with a diff algorithm, server-side rendering ... But there's another side to it: all the design decisions that makes React work for large projects.
Scoop.it!
From
vegibit
JavaScript is the programming language of the web, designed for the web to add behavior and interactivity to web pages. In this episode we’ll take a look at the very basics of the language. We’ll look at the core syntax of the language, where to place your JavaScript, what you can do with JavaScript, and what tools you will want to make use of in your JavaScript learning and programming. JavaScript used to be the frowned upon toy language of the world, but things have changed! Today with modern JavaScript frameworks and best practices, JavaScript is a bona fide enterprise level tool being put to use by the very most humble websites on up to super complex applications from the likes of the Google and Yahoo engineering teams. Contents:
Scoop.it!
A common ember pattern is a form that edits properties of an object. In this post I will show how to use nested components and dynamic bindings to produce concise forms in your templates with automatic <label> tags, bootstrap compatibility, and a very clean api.
Scoop.it!
From
jsnice
Welcome to JSNice — we make even obfuscated JavaScript code readable.
Scoop.it!
With the release of our Shaping Up With Angular.js course, Code School has now produced a hat trick of courses focused on JavaScript frameworks. In order to choose which framework is right for your build, we’ve asked four important questions of each framework.
|
Scoop.it!
One of the most unique and exciting frameworks out there on the web right now, Meteor is built on top of Node.js. Everything, right from the templates to the database is reactive, so any change at the client-side, or in the database is synchronized instantaneously, requiring no other measures. Meteor has quickly amassed a strong and extremely helpful community, creating a platform that you would love to build on, and give back to. Unlike other frameworks, there are no concepts of MVC or middleware (although you can implement them if it suits you). Everything is based on seven principles that act as guiding principles for the core, and the apps built upon it.
Scoop.it!
This article shows how to build Single Page Applications (SPA) using AngularJS and TypeScript and aims at providing a good understanding on implementing Angular components using TypeScript. You will create a sample video based training application which consumes its data using ASP.NET Web API
Scoop.it!
This post will explain in a simple way how Javascript Closures work. We will go over these topics and frequently asked questions:
Scoop.it!
In this post, we will see how to setup protractor and run a few E2E tests. First, We are going to scaffold an Angular application using Yeoman and then add Protractor tests to them. Contents: * Understanding Testing & Testing Scope
Scoop.it!
From
github
angular-education - A collection of useful resources to learn and improve your AngularJS skills.
Scoop.it!
This article provides a quick overview of how to call a simple WCF service using jQuery Ajax Method in ASP. Net.
Scoop.it!
HTML5 Developer Conference - Recorded sessions for October 2013
Scoop.it!
ngReactGrid is an Angular directive that can be used to render an enhanced HTML table or grid of data very fast using React as the rendering engine. It is based on ng-grid and jQuery DataTables. It uses HTML tables and supports fixed column headers by default.
Scoop.it!
From
andycrum
Soon after you start creating an application in Ember.js, you’ll run into the need for data persistence. Most web applications accomplish data persistence by storing data on the server. Your application is probably no exception. That’s where Ember Data comes in. In a nutshell, Ember Data allows you to define models inside your application, define relationships between those models, and load records from the server that are instances of those models. It also saves your changes back to the server when the records are updated.
MARC BLUEMNER's curator insight,
June 5, 2014 5:26 AM
Everyone is talking about Ember...I might have to take a look, maybe codeschool will do the trick, any tipps?
Scoop.it!
I ran across a post on reddit the other day asking why Meteor.js wasn't everywhere, and the amount of FUD surrounding meteor.js made me a little sad. Let's dive into some of the reasons people cited: Meteor is too much magic
Scoop.it!
From
github
Jaadi is simple, easy to use, abstraction API over many storage techniques provided by DOM, W3C, Browser specific (Chrome) and user defined storages. Jaadi provides interface for basic CRUD operations.
|
