Angular.js and Go...
Follow
13.6K views | +2 today
 
Scooped by Piyas De
onto Angular.js and Google Dart
Scoop.it!

Required JavaScript Reading | Nettuts+

Required JavaScript Reading | Nettuts+ | Angular.js and Google Dart | Scoop.it
I'm asked regularly about books and online resources to get up to speed on JavaScript. Seems like everyone wants to get in on the JS action and with good.
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 Inspired By Design
Scoop.it!

Understanding the Basics of SVG Transformations

Understanding the Basics of SVG Transformations | Angular.js and Google Dart | Scoop.it
Playing around SVG (scalar vector graphics) always fascinates me. To me, providing a usable website shows the designer cares about its users and product, and SVG provides us power to do so. SVG has already taken the web by storm, and its robust feature “SVG transformations” takes its abilities to a whole new level. SVG images can be transformed easily by moving, scaling, skewing, and rotating. The process is quite useful when it comes to performing animations where scaling and rotating are deemed necessary. This is also helpful presenting vertical and diagonal text.

The transform attribute defines a series of elements that need to be transformed. All the items within the transform list can be split with the help of whitespace or commas, and applied from right to left.

Via Brian Yanish - MarketingHits.com
more...
No comment yet.
Rescooped by Piyas De from AngularJS charting
Scoop.it!

Combining D3 with Angular.js

“Combining D3 with Angular.js presented by Jon DeJong at Midwest JS 2014.”


Via Jason McClean
more...
No comment yet.
Rescooped by Piyas De from AngularJS charting
Scoop.it!

Create Interactive Charts in AngularJS Using FusionCharts

Create Interactive Charts in AngularJS Using FusionCharts | Angular.js and Google Dart | Scoop.it

“Angular-FusionCharts directive: You can make use of all the stunning charts that we offer without dealing with core JavaScript.”


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

Google API OAuth with PhoneGap's InAppBrowser

Google API OAuth with PhoneGap's InAppBrowser | Angular.js and Google Dart | Scoop.it

Google’s OAuth documentation seems to indicate OAuth 2.0 for installed applications fits the bill for a mobile application.

The idea is to use an embedded web browser to show the OAuth consent page. If the user grants access, we can get the authorization code out of the embedded browser’s title property. We PhoneGap developers have InAppBrowser for embedded browsing, so this should be a piece of cake!


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

core-js - ES6 polyfill library

core-js - ES6 polyfill library | Angular.js and Google Dart | Scoop.it

Modular compact standard library for JavaScript. Includes polyfills for ECMAScript 5, ECMAScript 6: symbols, collections, iterators, promises, ECMAScript 7 proposals; setImmediate, array generics. Some additional features such as dictionaries, extended partial application, console cap, date formatting. You can require only standardized features polyfills, use features without global namespace pollution or create a custom build.


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

React.js Tutorial Part 3

React.js Tutorial Part 3 | Angular.js and Google Dart | Scoop.it

Josh Finnie's blog about programming and stuff


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

AngularJS: Upload Images & Live Demos

AngularJS: Upload Images & Live Demos | Angular.js and Google Dart | Scoop.it

Often developers will publish source code to a custom application or library on GitHub. Experienced developers will also document their code/solution with a detailed README, and perhaps Wiki pages. But those same developers often do not have convenient answers to the following issues:

How do you upload images that you want to be shown in the README file(s)?How do you deploy a live demo of your application or library?

The following two sections will show you how to accomplish these easily!


Via William delmas
more...
No comment yet.
Scooped by Piyas De
Scoop.it!

A curated list of angular-js directives. -

A curated list of angular-js directives. - | Angular.js and Google Dart | Scoop.it
Angular-js.in is a curated repository of the best angular-js directives, modules, services, bootstrap, ui, etc
more...
No comment yet.
Rescooped by Piyas De from JavaScript for Line of Business Applications
Scoop.it!

Rendering Performance explained by Google

Rendering Performance explained by Google | Angular.js and Google Dart | Scoop.it
Users notice if sites and apps don't run well, so optimizing rendering performance is crucia!

To write performant sites and apps you need to understand how HTML, JavaScript and CSS is handled by the browser, and ensure that the code you write (and the other 3rd party code you include) runs as efficiently as possible.


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

Improving AngularJS long list rendering performance using ReactJS

Improving AngularJS long list rendering performance using ReactJS | Angular.js and Google Dart | Scoop.it

In some cases you might be able to avoid this problem by using paging or infinite scrolling, but sometimes that's just not good enough. For example, lists that are displaying only a few items at a time (like any kind of a log) would simply be very impractical from the users point of view. Another reason - you might be using libraries like SlyJS that load a whole list at once to calculate the size of the embedded scrollbar and to make list swiping and elastic bounds work properly. Ooooor - your client simply demands it. :)


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

A Baseline for Front-End [JS] Developers: 2015

A Baseline for Front-End [JS] Developers: 2015 | Angular.js and Google Dart | Scoop.it

It’s been almost three years since I wrote A Baseline for Front-End Developers, probably my most popular post ever.

It’s 2015. I want to write an update, but as I sit down to do just that, I realize a couple of things. One, it’s arguably not fair to call this stuff a “baseline” – if you thought that about the original post, you’ll find it doubly true for this one. One could argue we should consider the good-enough-to-get-a-job skills to be the “baseline.” But there are a whole lot of front-end jobs to choose from, and getting one doesn’t establish much of a baseline. 


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

AngularJS for ASP.NET MVC Developers

Web Development: AngularJS for ASP.NET MVC Developers by Miguel A Castro

When using ASP.NET MVC, you need to to know how to set Angular up with regards to modules, controllers, and services. And the truth is that not the entire site needs to be one giant Single-Page-Application. I’ll show how to design an ASP.NET MVC site so that it includes pockets of SPA that use Angular, taking advantage of binding, routing, and even back-button support - all while remaining on the client.


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

Asynchronous Processing with TypeScript and Generic Promises

Asynchronous Processing with TypeScript and Generic Promises | Angular.js and Google Dart | Scoop.it
Promises make asynchronous processing simple, consistent and easy to use. And, with TypeScript and Promises.TypeScript providing support for generic Promises, you get both type safety and IntelliSense support.

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

AngularJS: A Detailed Guide for Beginners - Designmodo

AngularJS: A Detailed Guide for Beginners - Designmodo | Angular.js and Google Dart | Scoop.it
AngularJS is an open-source web application framework designed with the aim of making both development and testing tasks easier for web developers. It is a fully extensible client-side MVC/MVVM framework.

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

Data Visualization at Scale in Angular.js - Matt Frisbie

“Matt Frisbie discusses angular.js + d3.js to create performant data visualizations.”


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

Single page applications, Angular.js and accessibility

Single page applications, Angular.js and accessibility | Angular.js and Google Dart | Scoop.it
This in-depth tutorial outlines some best practices and accessibility challenges common to SPAs (and specifically Angular apps).

 

Before we get started, you need to know… this tutorial isn’t designed to be “everything you’ll ever need to know about making Angular.js apps accessible.” This is a walk-through of some fairly common accessibility challenges to watch out for when building SPAs, and how you can address them when using Angular.js.

Here’s what we’re looking at:

Document structure, navigation and keyboard accessibilityFocus managementVisually hidden textARIA liveAngular’s ngAria and ARIA in general
Via Jan Hesse
more...
No comment yet.
Rescooped by Piyas De from JavaScript for Line of Business Applications
Scoop.it!

React Examples: Mailbox

React Examples: Mailbox | Angular.js and Google Dart | Scoop.it

This post explains the construction of a simple React web application. The app we want to design is basically a React clone of the email client in Ember‘s home page. It won’t send email, or communicate with a backend to pull a list of emails, it’s just a bit of static data with some Bootstrap styling.

 

Each component is, as always, a visible, semantic element on the screen. We have components to represent an email, a list of emails, the list of mailboxes, and a general component for when no email or mailbox has been selected.


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

flux-comparison - Practical comparison of different Flux solutions

flux-comparison - Practical comparison of different Flux solutions | Angular.js and Google Dart | Scoop.it

Flux Comparison by Example
Similar app implemented with different Flux solutions including Facebook's, Yahoo's and others.


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

Dennis Nerush's Blog: Improving Angular.js performance using One Time Binding

Dennis Nerush's Blog: Improving Angular.js performance using One Time Binding | Angular.js and Google Dart | Scoop.it

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

Dart Smart - Android Apps on Google Play

Dart Smart - Android Apps on Google Play | Angular.js and Google Dart | Scoop.it
Want to improve your game? Now you can, easily, with Dart Smart! Multiple game selection to cover all areas of practice routines for darts players. 1 & 2 player...
more...
No comment yet.
Rescooped by Piyas De from Web Increase
Scoop.it!

Venn.js : JavaScript Proportional venn and Euler diagrams Library

Venn.js : JavaScript Proportional venn and Euler diagrams Library | Angular.js and Google Dart | Scoop.it
A javascript library for laying out area proportional venn and euler diagrams.
The post Venn.js : JavaScript Proportional venn and Euler diagrams Library appeared first on jQuery Rain.

Via Jean-Jacques Roland
more...
No comment yet.
Rescooped by Piyas De from JavaScript for Line of Business Applications
Scoop.it!

Thinking in Components: Building Powerful UIs in React.js

Join us as we take an in-depth look at Facebook's React and how its core principles of components and one-way data binding can greatly simplify your client-side apps. We'll explore some example apps built in Salesforce and even look at how LevelEleven uses React to power some incredibly complex interfaces in its own products.


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

AngularJS 2.0 Features and Beyond

Have burning questions about AngularJS 2.0? Want to know what we're up to, what's planned or get a status update? This is the place. In this talk we'll start by looking at the fundamental motivators and design goals of AngularJS 2.0. Next, we'll talk about specific features such as Dependency Injection, Templating, Binding and Routing. You'll gain a solid understanding of what AngularJS 2.0 comprises and have a feel for what the next generation of JS client development will be like.


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

Protractor: Tips & Tricks

The tips and tricks of using protractor for writing e2e tests with AngularJS

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

AngularJS Tutorial: Learn to Build a Real-Time Reddit Clone

AngularJS Tutorial: Learn to Build a Real-Time Reddit Clone | Angular.js and Google Dart | Scoop.it

By building ang-news, you will learn how to develop CRUD (create, read, update, delete) services, securely authenticate users, access servers with $http, communicate with REST APIs using $resource, enable three-way data binding with your server, create directives for your user interface and more.

Once you have finished building the ang-news application, your users will be able to:

Sign up for an account on your sitePost links to the site, as well as delete their own linksComment on linksHave a user profile with a picture and a list of user's posts


Via Jan Hesse
more...
No comment yet.