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

Promises – an alternative way to approach asynchronous JavaScript

Promises – an alternative way to approach asynchronous JavaScript | Angular.js and Google Dart | Scoop.it

Even if you’ve done very little JavaScript, you should be familiar with callbacks, which are used heavily for managing asynchronous operations in JavaScript. We’re going to look at an alternative way to handle such asychronous code by using Promises. The examples I’m going to cover are going to use Node.js, but the techniques and libraries involved work equally well for client side JavaScript too. And, you definitely don’t need be an expert on Node.js to follow this article.


Via Jan Hesse
more...
No comment yet.
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 - Getting started

Web Components - Getting started | Angular.js and Google Dart | Scoop.it
In this post we will show you how you can start writing your own custom elements and your Web Components-based applications right away. We will introduce some of the existing polyfills and two of the major libraries available.

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

Start using closures with your AngularJS, EmberJS code, and other JavaScript.

Start using closures with your AngularJS, EmberJS code, and other JavaScript. | Angular.js and Google Dart | Scoop.it

Closures are one of the most powerful tools in JavaScript; they can help you write faster, cleaner, and safer code.


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

C3.js | D3-based reusable chart library

C3.js | D3-based reusable chart library | Angular.js and Google Dart | Scoop.it

C3 makes it easy to generate D3-based charts by wrapping the code required to construct the entire chart. We don't need to write D3 code any more.


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

13 Static Site Generators to Help You Build Your Ultimate Website - Mashable

13 Static Site Generators to Help You Build Your Ultimate Website - Mashable | Angular.js and Google Dart | Scoop.it
13 Static Site Generators to Help You Build Your Ultimate Website
Mashable
DocPad is a static website generator built on Node.js and Express.js, that empowers your website with layouts, pre-processors, querying and a robust plugin system.
more...
No comment yet.
Rescooped by Piyas De from JavaScript for Line of Business Applications
Scoop.it!

3 Simple Tips for Using UI-Router

3 Simple Tips for Using UI-Router | Angular.js and Google Dart | Scoop.it

In the past we’ve gone over how to use the great UI-Router for creating AngularJS applications. It provides great flexibility and power when defining states and nested states in your application. Today we’ll be going over three features that UI-Router provides that you might find useful when building your own applications.

Before we take dive in, if you need a quick overview of UI-Router, take a look at our starter guide and an example of UI-Router in action in a multi-step form.


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

AngularJS - Overcoming performance issues. Limits.

We will discuss about...

1. View watches / data bindings

2. What you see is what you show

3. The risk of polluting scopes

4. Core directives to avoid

5. Splitting the page

6. Miscellaneous

7. Limits


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

Single Page Apps with AngularJS Routing and Templating

Single Page Apps with AngularJS Routing and Templating | Angular.js and Google Dart | Scoop.it
Overview Single page apps are becoming increasingly popular. Sites that mimic the single page app behavior are able to provide the feel of a phone/tablet application. Angular helps to create applications like this easily.

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

Authentication to a RESTful web service in an AngularJS web app

Authentication to a RESTful web service in an AngularJS web app | Angular.js and Google Dart | Scoop.it
Last week I wrote about how to contact a RESTful web service in an AngularJS web application using the $resource service. This post is meant to go deeper to an aspect that in that post I just forge...

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

JSDB.io - A website to find all JavaScript libraries, plugins and frameworks

Nice catalogue of (clienside) JavaScript libraries available on GitHub showing some nice stats (e.g. average time between commits) and basic information for each library

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

Acceptance testing of Meteor Application using Selenium-Nightwatch and Velocity

Acceptance testing of Meteor Application using Selenium-Nightwatch and Velocity | Angular.js and Google Dart | Scoop.it

I started by reading the documentation at the Github page of the Selenium-Nightwatch project and tried to install the package according to following instructions from the author. This is where my problems begun, since author stressed that it is required to run meteor with administrator privileges, what completely messed up build of all my packages and from this moment on I had to run all my meteor projects with administrator privileges. I shrieked in horror. 


Via Jan Hesse
more...
Dukas Ferkas's comment, August 17, 11:07 AM
I love to use this and to get the Dragon City hack from here http://juicyhacks.com/dragon-city-hack-dragon-city/ it is very simple and easy
Rescooped by Piyas De from JavaScript for Line of Business Applications
Scoop.it!

Extending AngularJS services with the Decorate method

Extending AngularJS services with the Decorate method | Angular.js and Google Dart | Scoop.it

Many large Angular applications tend to see a lot of repetition - same API endpoint, same method of dealing with and transforming data, etcetera. One technique you can use to at least alleviate that is using AngularJS's decorate method, which allows you to extend, adjust or even fully replace any existing service.

As you'll see in this post, using this allows you to modify and extend the framework you build your app in, which will lead to a cleaner, more legible codebase, written in a more functional style (the what, not the how).


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

AngularJS Test Frameworks and Tools | SPEC INDIA

AngularJS Test Frameworks and Tools | SPEC INDIA | Angular.js and Google Dart | Scoop.it
o True to the claims of being simple, flexible and fun, Mocha is a feature-rich JavaScript test framework running on node.js and the browser for asynchronous testing. Mocha tests run serially, allowing for flexible and accurate ...
more...
No comment yet.
Rescooped by Piyas De from angularjs
Scoop.it!

Lazy loading images using AngularJS · Let's develop by Michal Kvasničák

RT @michalkvasnicak: Simple lazy loading images using AngularJS http://t.co/H9oyGfVF10

Via Maxence Warzecha
more...
No comment yet.
Rescooped by Piyas De from Javascript
Scoop.it!

angular-data: Data store and caching for Angular.js

angular-data: Data store and caching for Angular.js | Angular.js and Google Dart | Scoop.it

angular-data.js is the full data store that supports collections and communicating with persistence layers. angular-cache.js is a simple key-value store and an api-compatible replacement for $cacheFactory with advanced caching capabilities. Use one, or the other, or use both and angular-data will be able to take advantage of some of the features of angular-cache.


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

Get Started Building Your Blog with Parse.js

Get Started Building Your Blog with Parse.js | Angular.js and Google Dart | Scoop.it
What You'll Be CreatingHave you ever gotten excited by the idea of a web project, but found it miserable to make it run and work on a server?

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

Why We May Ditch AngularJS For React

Why We May Ditch AngularJS For React | Angular.js and Google Dart | Scoop.it

AngularJS two way data-binding is at the same time a great strength and its Achilles heel. Dealing with complex and/or large collections of items can significantly slow down rendering. We started looking for a solution to this problem and stumbled upon things like Thierry Nicola's post about his use of React to improve AngularJS rendering time.


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

Senna - A blazing-fast Single Page Application engine

Senna - A blazing-fast Single Page Application engine | Angular.js and Google Dart | Scoop.it

In order to create a single page application with good perceived latency and good user experience, the SPA engine must handle the browser native behavior in many aspects, for instance:

SEO & Bookmarkability: Sharing or bookmarking a link should always display the same content. Sending a link to a friend should get them where we were. More than that, search engines are able to index that same content.

Hybrid rendering: Ajax + server-side rendering allows disable pushState at any time, allowing progressive enhancement. The way you render the server side doesn't matter, it can be simple HTML fragments or even template views.

State retention: Scrolling, reloading or navigating through the history of the page should get back to where it was.

UI feedback: When some content is requested, it indicates to the user that something is happening.

Pending navigations: Block UI rendering until data is loaded, then displays the content at once. It's important to give some UX feedback during loading.

Timeout detection: Timeout if the request takes too long to load or when navigate to a different link while another request is pending.

History navigation: By using History API you can manipulate the browser history, so you can use browser's back & forward buttons.

Cacheable screens: Once you load a certain surface this content is cached in memory and is retrieved later on without any additional request. This can speed up a lot your application.

Page resources management: Evaluate scripts and stylesheets from dynamic loaded resources. 


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

Uploading To S3 With AngularJS

Uploading To S3 With AngularJS | Angular.js and Google Dart | Scoop.it
How to upload files directly to AWS using AngularJS and the AWS JS SDK

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

Debugging AngularJS Apps from the Console

Debugging AngularJS Apps from the Console | Angular.js and Google Dart | Scoop.it

When building AngularJS apps, it can be challenging to access data and services hidden deep in our application through the Javascript console in Chrome, Firefox, and IE. Here are some simple tricks we can use to inspect and control a running Angular app through the browser Javascript console, making it easy to test, modify, and even program our Angular app in real-time:

1: Access Scopes
2: Inspect the Scope Tree
3: Grab any Services
4: Access controller for directive
5: Chrome Console Features
6: Conclusion


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

Creating An Application With Sails, Angular and Require.js

Creating An Application With Sails, Angular and Require.js | Angular.js and Google Dart | Scoop.it

There are a lot of really good client-side and server-side JavaScript frameworks popping up, but there are not many in-depth articles on how they fit together. This series will look at a very specific stack and how it can be used to create an application.

 

Here is what we will cover:

* Starting The Sails Project
* Sails Server-Side Views
* Adding dependencies
* Angular Controllers
* Sails Models
* Syncing With The Server


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

Trianglify - Javascript Library for Generating Colorful Triangle Meshes

Trianglify - Javascript Library for Generating Colorful Triangle Meshes | Angular.js and Google Dart | Scoop.it

Trianglify is a javascript library for generating colorful triangle meshes that can be used as SVG images and CSS backgrounds.

Trianglify is open source software. Check it out on Github!

Made by Quinn Rohlf


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

Creating and testing Meteor applications with BDD using Velocity and Jasmine

Creating and testing Meteor applications with BDD using Velocity and Jasmine | Angular.js and Google Dart | Scoop.it
In this tutorial, I would like to present how to safely develop Meteor application using Behaviour Driven Development (BDD), using the new Velocity framework and Jasmine test suite. This tutorial a...

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

Building Node.js Applications in Visual Studio

Building Node.js Applications in Visual Studio | Angular.js and Google Dart | Scoop.it
NTVS is an open source plugin that turns Visual Studio into a Node.js IDE. In this article, we will build a Movie list application using Node.js, Express.js, Mongo DB and Angular JS in Visual Studio

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

Single Page Application from scratch. Part 2: View Layer

Single Page Application from scratch. Part 2: View Layer | Angular.js and Google Dart | Scoop.it

In the previous post we wrote simple event emitter that allows us to do simple subscribe/publish events logic. Also I did some overview of inheritance in JavaScript, and today by combining all this stuff together we will build UI that might be changed according to the user interaction.


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

Accessing External APIs Using AngularJS's Services

Accessing External APIs Using AngularJS's Services | Angular.js and Google Dart | Scoop.it
Aside from ability to extend HTML easily AngularJS also offers a simple way to interact with external APIs. In this tutorial I will show you how to use Services to access GitHub's API and create a simple repository browser.

Via Ex FromTheLeft
more...
No comment yet.