Angular.js and Google Dart
32.6K views | +2 today
Follow
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!

Unit testing React components without a DOM

Unit testing React components without a DOM | Angular.js and Google Dart | Scoop.it

When unit testing React components the common approach has been to render them into a DOM (with something like jsdom) and run some assertions against them with the help of the React TestUtils.

This has changed in 0.13 where an early implementation of shallow rendering is now ready to use.


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

TypeScript with Ionic and Yeoman

I wanted to get TypeScript working on an Ionic project that I am starting, but couldn’t find a decent resource that helps you get TypeScript working with Yeoman generated Ionic project. So I thought i’d put down a few steps that will be useful for anyone who might need it.


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

Typescript and JSX

Typescript and JSX | Angular.js and Google Dart | Scoop.it

JSX support has officially landed in TypeScript! A big thanks to Ryan Cavanaugh and François de Campredon for making this happen. In this post I want to explore how to use JSX and how to make use of TypeScript's #1 feature: static type checking.


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

WebRx - The Browser-based MVVM-Framework for ReactiveX-powered Single Page Applications

WebRx - The Browser-based MVVM-Framework for ReactiveX-powered Single Page Applications | Angular.js and Google Dart | Scoop.it

WebRx is a browser-based MVVM-Framework that combines functional-reactive programming with declarative Data-Binding, Templating and Client-Side Routing.

The framework is written in Typescript and built on top of ReactiveX for Javascript (RxJs) which is a powerful set of libraries for processing and querying asynchronous data-streams that can originate from diverse sources such as Http-Requests, Input-Events, Timers and much more.


Via Jan Hesse
more...
Dan Mendes's curator insight, September 1, 2015 4:03 AM

The reactive model continues to gain traction

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

Including Front-End Web Components Into Microservices

Including Front-End Web Components Into Microservices | Angular.js and Google Dart | Scoop.it

Microservices are becoming more and more popular and many are choosing to transition away from monolithic architecture. However, this approach was mostly limited to back-end services. While it made a lot of sense to split them into smaller independent pieces that can be accessed only through their APIs, same did not apply to front-end. Why is that? I think that the answer lies in technologies we’re using. The way we are developing front-end is not designed to be split into smaller pieces.

Server-side rendering is becoming history. While enterprise might not agree with that statement and continues pushing for server-side frameworks that “magically” transform, for example, Java objects to HTML and JavaScript, client frameworks will continue to increase in popularity slowly sending server-side page rendering into oblivion. That leaves us with client-side frameworks. Single-Page Applications are what we tend to use today. AngularJS, React, ExtJS, ember.js and others proved to be a next step in evolution of front-end development. However, Single-Page Applications or not, most of them are promoting monolithic approach to front-end architecture.


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

Build a High-Performance Mobile App With Famo.us and Manifold.js

Build a High-Performance Mobile App With Famo.us and Manifold.js | Angular.js and Google Dart | Scoop.it

In this tutorial, I'll look at the new JavaScript framework Famo.us, launched in October 2014. Famo.us includes an open-source 3D layout engine fully integrated with a 3D physics animation engine that can render to DOM, Canvas, or WebGL.


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

Deep-Path Data Bindings in React (like Angular)

Deep-Path Data Bindings in React (like Angular) | Angular.js and Google Dart | Scoop.it

Data bindings in ReactJS required much more code than in AngularJS, so we build a component to help. This post explains how to create deep-path data bindings quickly in ReactJS.

The move to React was great—we’ve enjoyed working with it and it has helped us accomplish our goals quickly. However, since our tech team comes from a background in AngularJS, we found React’s data bindings to be much less convenient.

Data bindings in React required us to code separate ‘binding’ methods, which we weren’t used to with its counterpart, Angular. In Angular, we would simply add a model attribute to our components and the job was done. 


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

Functional Programming in JavaScript

In this video series, I will teach you how to do functional programming in JavaScript. In this first one, I will tell you about one of the most important concepts in functional programming: Higher-order functions. I will talk about what higher order-functions are, and then move on to code, and show you how to use them. I will also tell you why you should learn functional programming in the first place.


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

Creating an Isomorphic Blogging app Using React and Flux

Creating an Isomorphic Blogging app Using React and Flux | Angular.js and Google Dart | Scoop.it

One of the many benefits of React is its ability to render components on both client and server. This tutorial aims to teach you how to create isomorphic apps using React and Flux architecture. We will also create a simple blogging app to understand how exactly Flux and React fit together.


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

Getting started with ECMAScript 6

Getting started with ECMAScript 6 | Angular.js and Google Dart | Scoop.it

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

Video: AngularJS and KendoUI

Video: AngularJS and KendoUI | Angular.js and Google Dart | Scoop.it

The presentation is designed for developers with all levels of experience, from those who had never heard of Angular before to those who are advanced Angular developers and want to learn how to integrate KendoUI.

I also posted the full slide deck and source code that I used in the presentation to GitHub.


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

Transitioning to Flux Architecture

Transitioning to Flux Architecture | Angular.js and Google Dart | Scoop.it

I’m going to share how we transitioned to Flux and give some insight into why each part of the architecture is valuable. I’ll also show a couple examples similar to real problems we faced here at Kapost. I do assume the reader has some knowledge of React, a rough idea of what Flux is, and doesn’t mind reading a lot of code. If you are unfamiliar with React and Flux, check out the React documentation and the basic introduction to Flux. (Unfortunately the Flux docs are like a shoddy professor—giving a vague lecture and basic example, then running off and expecting you to solve the hard problems with no office hours.) I’ll try to explain the parts in more detail below.


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

AngularJS For Everyone - YouTube Playlist

AngularJS For Everyone - YouTube Playlist | Angular.js and Google Dart | Scoop.it

#0 Series Introduction - AngularJS For Everyone
#1 Two-way Data Binding - AngularJS For Everyone
#2 Repeating Over Data With ng-repeat - AngularJS For Everyone
#3 Basic Filtering In Angular - AngularJS For Everyone
#4 Our First Controller - Angular For Everyone
#5 Adding A Form Event - Angular For Everyone
#6 Controller As Syntax - AngularJS For Everyone
#7 Using Filters In Angular Templates - AngularJS For Everyone
#8 Conditional Classes With ngClass - AngularJS For Everyone
#9 ngIf vs ngShow & ngHide - AngularJS For Everyone
#10 Properly Including Images With ngSrc - AngularJS For Everyone
#11 Including Templates and Inline SVG with ngInclude - AngularJS For Everyone
#12 Adding External Modules - AngularJS For Everyone
#13 Animating With Angular Part 1 - AngularJS For Everyone


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

Build an Etsy Clone with Angular and Stamplay

Build an Etsy Clone with Angular and Stamplay | Angular.js and Google Dart | Scoop.it
In this three-part tutorial series we’ll be building an Etsy clone with Angular and Stamplay. Stamplay is a great development service that handles much of the server and API based stuff for developers. This means you as a developer can focus on the things that matter most to your users; things like user interface, interactions, […]

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

Zero-Downtime JavaScript App Deployment

Deploying your Ember application can be tricky, and slow if it is tied into your backend, Feifan Wang talks tools and strategies for lean JavaScript app deployment in the context of Rails and Ember.


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

Falcor 1 - Introduction to the Model - YouTube

In this video will learn how to work with JSON data indirectly through a Falcor Model. The Falcor Model allows you to work with data using the same familiar ...


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

How to make an idiomatic Javascript library with Scala.js

How to make an idiomatic Javascript library with Scala.js | Angular.js and Google Dart | Scoop.it

Scala.js opens a big world of frontend development to Scala fans. Most of the time Scala.js project ends up being an independent browser or Node.js application. But there are cases, where you would want to make a library for general frontend developers.

There’re some interesting gotchas in writing Scala.js library such way, that it will be natural to use for an average JS developer. In this article we will develop a simple Scala.js library (code) to work with Github API and will focus on the idiomaticity of it’s JS API.


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

What the Flux? (On Flux, DDD, and CQRS)

What the Flux? (On Flux, DDD, and CQRS) | Angular.js and Google Dart | Scoop.it

While the Flux pattern may have found a new home in JavaScript applications, they have been explored before in Domain-Driven Design (DDD) and Command-Query Responsibility Segregation(CQRS). I think it is useful to learn from these older concepts, and see what they may tell us about the present.

In this post I will:

Give an overview of the Flux architecture.Present the CQRS pattern.Look at how Flux applies the concepts from CQRS.Discuss when Flux is useful for a JavaScript application.
Via Jan Hesse
more...
No comment yet.
Rescooped by Piyas De from AngularJS charting
Scoop.it!

Integrate Charts in your AngularJS Hybrid Apps with NVD3

Integrate Charts in your AngularJS Hybrid Apps with NVD3 | Angular.js and Google Dart | Scoop.it

“There are many options out there if you want to display charts in hybrid apps. Since a hybrid app is basically a web application running HTML, JavaScript and CSS, you can use any JavaScript charting ...”


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

Exploring ES6: Upgrade to the next version of JavaScript

Exploring ES6: Upgrade to the next version of JavaScript | Angular.js and Google Dart | Scoop.it

Exploring ES6 …
Contains reliable and in-depth information on ECMAScript 6, the next version of JavaScript.
Is a book for people who already know JavaScript.
If you are a programmer and want to learn JavaScript (up to and including ECMAScript 5), check out Axel’s book “Speaking JavaScript” (free online).


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

Build a Real-Time Polymer To-Do App

Build a Real-Time Polymer To-Do App | Angular.js and Google Dart | Scoop.it

Today, we’ll be building a realtime collaborative to-do application, where task status is synced in realtime across all connected devices as their state is changed. We’ll use Polymer to build our application, and PubNub to send and receive updates between connected devices, and to sync state.


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

Writing AngularJS 1.x with TypeScript

Writing AngularJS 1.x with TypeScript | Angular.js and Google Dart | Scoop.it
AngularJS is a front end JavaScript framework that has gained huge traction and popularity in the development community. TypeScript and AngularJS tutorial.

Note: This tutorial tries to stay editor independent, meaning the concepts apply to TypeScript specifically and not to an editor. When necessary, screenshots showing relevant information will be of VS Code. VS Code is a free, cross platform editor hat has excellent built in TypeScript support.


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

The Essential Debugging JavaScript Cheat Sheet

The Essential Debugging JavaScript Cheat Sheet | Angular.js and Google Dart | Scoop.it
Learn common problems, debugging JQuery, mobile app debugging, useful tools, and more.

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

InversifyJS - A lightweight IoC container written in TypeScript

InversifyJS - A lightweight IoC container written in TypeScript | Angular.js and Google Dart | Scoop.it

InversifyJS is a lightweight (4KB) pico inversion of control (IoC) container for TypeScript and JavaScript apps. A pico IoC container uses a class constructor to identify and inject its dependencies.

 

InversifyJS is easy to integrate with the majority of existing JavaScript frameworks and encourage the usage of the best OOP and IoC practices.


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

React Native: Building Fluid User Experiences

React Native's architecture has opened up many possibilities for re-inventing the clunkier aspects of UX construction on traditional platforms, making it easier and faster to build world-class experiences. This talk will walk through building an advanced gestural UI leveraging the unique power of the React Native layout and animation systems to build a complex and fluid experience.


Via Jan Hesse
more...
No comment yet.