Angular.js and Go...
Follow
8.6K views | +2 today
 
Rescooped by Piyas De from JavaScript for Line of Business Applications
onto Angular.js and Google Dart
Scoop.it!

AngularJS Highlights: Best of 2013

With 2014 set to be the year of AngularJS, now is the time to get up to speed with all the great AngularJS resources from 2013. Only the best have made it onto this list. Here are the top picks for 2013:

* Learning AngularJS
* Applications with AngularJS
* Directives
* AngularJS Games
* AngularJS Workflow and Testing
* AngularJS Books


Via Jan Hesse
more...
No comment yet.

From around the web

Angular.js and Google Dart
Here we will have latest updates and learning materials on Angular.js and Google Dart
Curated by Piyas De
Your new post is loading...
Your new post is loading...
Rescooped by Piyas De from JavaScript for Line of Business Applications
Scoop.it!

Web Components the Right Way

Web Components the Right Way | Angular.js and Google Dart | Scoop.it

This is a guide intended to introduce to Web Components. Everyone can contribute here!

 

Contents:

* Specifications
* Blogs
* Reading
* Getting Started
* Interoperability
* Generators
* Tests
* Discover
* Best Practices
* Style Guides
* Performance
* Libraries
* Screencasts
* Support
* Concatenate
* Boilerplates
* Who To Follow


Via Jan Hesse
more...
No comment yet.
Rescooped by Piyas De from Javascript
Scoop.it!

Native JavaScript Data-Binding

Two-way data-binding is such an important feature - align your JS models with your HTML view at all times, to reduce boilerplate coding and enhance UX. We will observe two ways of doing this using native JavaScript, with no frameworks - one with revolutionary technology (Object.observe), and one with an original concept (overriding get/set). Spoiler alert - the second one is better. 


Via Jan Hesse, Darlene Tate
more...
No comment yet.
Rescooped by Piyas De from Angular.js by Google
Scoop.it!

DailyJS: AngularJS and SVG

DailyJS: AngularJS and SVG | Angular.js and Google Dart | Scoop.it

John Munsch is a professional software developer with over 26 years of experience. These days he's building modern web app front ends with AngularJS after a couple of years spent doing the same kind of work with ...


Via Kevin Granger
more...
No comment yet.
Rescooped by Piyas De from JavaScript for Line of Business Applications
Scoop.it!

Paperclip.js - fast, reactive template engine for the DOM

Paperclip.js - fast, reactive template engine for the DOM | Angular.js and Google Dart | Scoop.it

Compiled templates for the Browser, and NodeJS

Paperclip is a reactive template engine designed for the DOM. It works by compiling templates to document fragments, then clones them whenever they're needed.

Paperclip doesn't make any assumptions about your codebase. Easily use paperclip in Backbone, Angular, or Ember-based applications.


Via Jan Hesse
more...
No comment yet.
Rescooped by Piyas De from Javascript
Scoop.it!

Javascript Engineering Best Practices

Javascript Engineering Best Practices | Angular.js and Google Dart | Scoop.it

Writing performant code is absolutely critical. Poorly written JavaScript can significantly slow down and even crash the browser. On mobile devices, it can prematurely drain batteries and contribute to data overages. Performance at the browser level is a major part of user experience which is part of the 10up mission statement.

 

Contents:

* Performance
* Design Patterns
* Code Style & Documentation
* Unit and Integration Testing
* Libraries

 


Via Jan Hesse, Darlene Tate
more...
No comment yet.
Rescooped by Piyas De from JavaScript for Line of Business Applications
Scoop.it!

AngularJS, the Digest Loop, Directives and jQuery

AngularJS, the Digest Loop, Directives and jQuery | Angular.js and Google Dart | Scoop.it

I’ve been struggling with understanding when and how to use jQuery inside an AngularJS directive and have the data binding work as expected.  I’ve got a good example I put together that shows how to do this as well as shows when you need to use the scope.$apply(). 

You can see from the below example that in the directive, I am using AngularJS.  Because our DOM is being modified outside of what AngularJS can see, it does not have a watch assigned to it and therefore in the AngularJS digest loop, the scope.cntjQuery does not get updated.  As we know, the $scope contains the “truth” of this application but if the digest loop is not run then the truth never makes it to the browser.  Calling scope.$apply() causes the digest loop to be run.


Via Jan Hesse
more...
No comment yet.
Rescooped by Piyas De from Javascript
Scoop.it!

Beautiful jQuery Charts | CanvasJS

Beautiful jQuery Charts | CanvasJS | Angular.js and Google Dart | Scoop.it
jQuery Charting Plugin that lets you add beautiful html5 charts that run across devices and browsers.

Via Darlene Tate
more...
No comment yet.
Rescooped by Piyas De from JavaScript for Line of Business Applications
Scoop.it!

AngularJS and ES6

AngularJS and ES6 | Angular.js and Google Dart | Scoop.it

I was working on refactoring some of my Javascript code for an Angular app when I decided that I would convert most of my client side code to ES6 so that I am ahead of the curve come AngularJS 2.0. I have begun taking baby steps in this direction but information is hard to come by at the moment on using ES6 with AngularJS. I ran into a major hurdle before I could get my rudimentary HelloWorld app running and that is what instigated me to write this post (finally a post after 3 years). Hopefully it will help someone out.


Via Jan Hesse
more...
No comment yet.
Rescooped by Piyas De from Javascript
Scoop.it!

Visualizing a modern web development stack with a diagram - { 100PercentJS }

Visualizing a modern web development stack with a diagram - { 100PercentJS } | Angular.js and Google Dart | Scoop.it
A big thing happened in web development in the last 2 years – the advent of full featured client-side MVC frameworks. Together with Node.js this gave birth to what we now call Full Stack Javascript development which is what this blog is devoted it to. I’ve spoken to a number of people about the advantages …

Via Ex FromTheLeft, Darlene Tate
more...
No comment yet.
Rescooped by Piyas De from Javascript
Scoop.it!

Anatomy of a JavaScript MV* Framework

Anatomy of a JavaScript MV* Framework | Angular.js and Google Dart | Scoop.it
This article looks at some common features of JavaScript MV* frameworks. Various frameworks are compared and contrasted with respect to these features.

 

Contents:

* Routing
* Data Binding
* Templates/Views
* Models
* Data Access
* Conclusion


Via Jan Hesse, Darlene Tate
more...
No comment yet.
Rescooped by Piyas De from JavaScript for Line of Business Applications
Scoop.it!

Data Visualization with JavaScript

Data Visualization with JavaScript | Angular.js and Google Dart | Scoop.it

If you’re developing web sites or web applications today, there’s a good chance you have data to communicate, and that data may be begging for a good visualization. But how do you know what kind of visualization is appropriate? And, even more importantly, how do you actually create one? Answers to those very questions are the core of this book. In the chapters that follow, we explore dozens of different visualizations and visualization techniques and tool kits. Each example discusses the appropriateness of the visualization (and suggests possible alternatives) and provides step-by-step instructions for including the visualization in your own web pages.


Contents:

IntroductionImplementation vs DesignCode vs. StylingSimple vs. ComplexReality vs. an Ideal WorldSource Code for ExamplesAcknowledgementsGraphing DataMaking Charts InteractiveIntegrating Charts in a PageCreating Specialized GraphsShowing TimelinesVisualizing Geographic DataCustom Visualizations with D3.jsBuilding Data-Driven Web ApplicationsManaging Data in the Browser



Via Jan Hesse
more...
No comment yet.
Rescooped by Piyas De from #CodeReview
Scoop.it!

AngularJS - Why & How to Create Custom Module

AngularJS - Why & How to Create Custom Module | Angular.js and Google Dart | Scoop.it
This article represents key concepts and code samples on why and how to create a custom module with AngularJS.

Via Ex FromTheLeft
more...
No comment yet.
Rescooped by Piyas De from Javascript
Scoop.it!

Building a Data-Driven App with AngularJS

Building a Data-Driven App with AngularJS | Angular.js and Google Dart | Scoop.it
Build web apps that can handle multiple users, registration, and real-time data, with AngularJS.

Via Darlene Tate
more...
No comment yet.
Rescooped by Piyas De from Angular.js by Google
Scoop.it!

AngularJs - Where To Start? - ... on scriptogr.am

AngularJs - Where To Start? - ... on scriptogr.am | Angular.js and Google Dart | Scoop.it
... | I love development & the goal is to (Angular.js ... http://t.co/Ve1mSJPbsa via @zite)

Via Kevin Granger
more...
No comment yet.
Rescooped by Piyas De from JavaScript for Line of Business Applications
Scoop.it!

Material UI: Google's material design UI components built with React.

Material UI: Google's material design UI components built with React. | Angular.js and Google Dart | Scoop.it

A CSS Framework and a Set of React Components that Implement Google's Material Design

* Buttons

* Dialog
* Dropdown Menu
* Icons
* Inputs
* Menus
* Left Nav
* Paper
* Switches
* Toolbars


Via Jan Hesse
more...
No comment yet.
Rescooped by Piyas De from JavaScript for Line of Business Applications
Scoop.it!

The State of Flux

The State of Flux | Angular.js and Google Dart | Scoop.it

There is still a ton of boilerplate involved to adhere the Flux architecture, and that’s usually where a library comes along to bring some level of abstraction and convenience.

Assuming a prior knowledge of Flux’s inner workings, here’s a comparison of the following Flux libraries that have been developed by the community:

Reflux https://github.com/spoike/refluxjsBarracks https://github.com/yoshuawuyts/barracksDelorean http://deloreanjs.com/Fluxy https://github.com/jmreidy/fluxyFluxxor http://fluxxor.com/McFly http://kenwheeler.github.io/mcfly/
Via Jan Hesse
more...
No comment yet.
Rescooped by Piyas De from JavaScript for Line of Business Applications
Scoop.it!

Single Page Application with Durandal - Configuration and Setup

Single Page Application with Durandal - Configuration and Setup | Angular.js and Google Dart | Scoop.it

In this post we will have a look at what's included with the starter kit and changing some setup and configuration stuff.


Via Jan Hesse
more...
No comment yet.
Rescooped by Piyas De from Javascript
Scoop.it!

A Different Angle: What is AngularJS?

A Different Angle: What is AngularJS? | Angular.js and Google Dart | Scoop.it

Via Jan Hesse, Darlene Tate
more...
Rescooped by Piyas De from JavaScript for Line of Business Applications
Scoop.it!

AngularJs and Promises with the $http Service

AngularJs and Promises with the $http Service | Angular.js and Google Dart | Scoop.it
The AngularJs $http object returns custom promises which can be surprising when you try to work with them. You can use either .then() or the easier .success() and .error() methods - at the cost of some inconsistency in Promise usage as these extension are specific to the $http functions. In this post I review a few different ways you can use promises and more importantly what the various $http methods return.

Via Jan Hesse
more...
No comment yet.
Rescooped by Piyas De from JavaScript for Line of Business Applications
Scoop.it!

4 Questions to Ask Before Choosing a JavaScript Framework

4 Questions to Ask Before Choosing a JavaScript Framework | Angular.js and Google Dart | Scoop.it

While these individual libraries and the resulting custom stack have the potential to do some things very well, the unfortunate reality is that a great deal of the functionality must be gathered together from disparate sources, written in-house and require a dedicated team of maintainers in order to meet the demands of enterprise software development.


Via Jan Hesse
more...
Delchina Angelova's curator insight, October 27, 11:01 AM

Not sure the compare is fair but questions are good.

Rescooped by Piyas De from JavaScript for Line of Business Applications
Scoop.it!

Asynchronously Bootstrapping AngularJS Applications with Server-Side Data

Asynchronously Bootstrapping AngularJS Applications with Server-Side Data | Angular.js and Google Dart | Scoop.it

Learn how you can manually bootstrap AngularJS applications and initialize them with asynchronously loaded JSON data.


Via Jan Hesse
more...
No comment yet.
Rescooped by Piyas De from JavaScript for Line of Business Applications
Scoop.it!

Building Angular Apps Using Flux Architecture

Building Angular Apps Using Flux Architecture | Angular.js and Google Dart | Scoop.it

Flux is an architectural pattern based on unidirectional data flow. Although it is originated in the React community, it is general and can be used with any non-opinionated framework. In this article I will show how to use it with Angular.


Via Jan Hesse
more...
No comment yet.
Scooped by Piyas De
Scoop.it!

WinkFAME

WinkFAME | Angular.js and Google Dart | Scoop.it
Piyas De's insight:

Many good use of jquery and ajax techniques are here....currently in beta...

A social networking site to connect unknown people together...developing by us...u may try it.... 

more...
No comment yet.
Rescooped by Piyas De from #CodeReview
Scoop.it!

An Overview of JavaScript Promises - SitePoint

This article explores JavaScript's new Promises API.

Via Ex FromTheLeft
more...
No comment yet.