Angular.org.il
20.9K views | +0 today
Follow
Angular.org.il
Angular.org.il
Curated by Eyal Vardi
Your new post is loading...
Your new post is loading...
Scooped by Eyal Vardi
Scoop.it!

$scope.$evalAsync() vs. $timeout() In AngularJS

$scope.$evalAsync() vs. $timeout() In AngularJS | Angular.org.il | Scoop.it

Sometimes, in an AngularJS application, you have to explicitly tell AngularJS when to initiate it's $digest() lifecycle (for dirty-data checking). This requirement is typically contained within a Directive; but, it may also be in an asynchronous Service. Most of the time, this can be easily accomplished with the $scope.$apply() method. However, some of the time, you have to defer the $apply() invocation because it may or may not conflict with an already-running $digest phase. In those cases, you can use the $timeout() service; but, I'm starting to think that the $scope.$evalAsync() method is a better option.

No comment yet.
Scooped by Eyal Vardi
Scoop.it!

AngularJS Routing Using UI-Router

AngularJS Routing Using UI-Router | Angular.org.il | Scoop.it
AngularJS provides a great way to make single page applications. When creating single page applications, routing will be very important. We want our navigation to feel like a normal site and still not have our site refresh. We’ve already gone...
No comment yet.
Scooped by Eyal Vardi
Scoop.it!

Angular Part 2– Behavior Driven Development

Angular Part 2– Behavior Driven Development | Angular.org.il | Scoop.it
Eyal Vardis insight:

In an earlier posting I discussed, briefly, why Angular is suddenly so popular, and demonstrated how to get started with Angular without writing a line of JavaScript.  It’s time now to turn our attention to a slightly more realistic example.

Many lessons on Angular pay lip-service to the importance of unit-testing and test-driven development, but virtually none actually practice it.  This series will buck that trend and teach Angular and testing Angular at the same time.  In the long run, this will be faster and better than trying to tack testing on at the end.

No comment yet.
Scooped by Eyal Vardi
Scoop.it!

Adding Gantt Chart in an AngularJS App with dhtmlxGantt

Adding Gantt Chart in an AngularJS App with dhtmlxGantt | Angular.org.il | Scoop.it
This tutorial guides you through adding an interactive Gantt chart to an AngularJS app using dhtmlxGantt, an open source JavaScript library.
Scooped by Eyal Vardi
Scoop.it!

AngularJS Form Validation

AngularJS Form Validation | Angular.org.il | Scoop.it
Today we’ll be looking at at the ways that Angular helps us do form validations. We’ll be talking more on forms using Angular (just like our other article: Submitting AJAX Forms: The AngularJS Way). Don’t worry though, that article is...
No comment yet.
Scooped by Eyal Vardi
Scoop.it!

Legacy to the Edge: AngularDart: A sneak peek at the future of AngularJS

Legacy to the Edge: AngularDart: A sneak peek at the future of AngularJS | Angular.org.il | Scoop.it
Eyal Vardis insight:

The AngularJS team have been working on a port to Dart called, naturally, AngularDart.
They've taken the opportunity to completely rewrite Angular, adding features and patterns which feel quite natural when written in Dart.
At ng-conf 2014, they talked about their intention to port these new features back into AngularJS as part of version 2.0.  So I've been curious to take a look at AngularDart as a sneak peek into the future of AngularJS.

No comment yet.
Scooped by Eyal Vardi
Scoop.it!

What's New In Google Developers World

What's New In Google Developers World | Angular.org.il | Scoop.it
Here are my slides from a talk I gave last week on what’s new and available for you as a developer in Google's world. This talk gives a high level overview on the main APIs. If you wish to dive dee...
No comment yet.
Scooped by Eyal Vardi
Scoop.it!

Controller As vs. $scope

Controller As vs. $scope | Angular.org.il | Scoop.it
  אחת השאלות הכי שכיחות היא: "למה לי להשתמש ב- Controller as  ולא ב-$scope?" יש לשאלה הזאת מספר תשובות: 1. מאמר של גון פאפא. 2. תשובתו של מארק, קצת יותר מעמיק.   אני רוצה בפוסט זה לה...
No comment yet.
Scooped by Eyal Vardi
Scoop.it!

Dynamic Routes with AngularJS

Dynamic Routes with AngularJS | Angular.org.il | Scoop.it

There is a simple rule in AngularJS that trips up many people because they simply aren’t aware of the rule. The rule is that every module has two phases, aconfiguration phase and a run phase. During the configuration phase you can only use service providers and constants, but during the run phase you only have access to services, and not the service providers.

No comment yet.
Scooped by Eyal Vardi
Scoop.it!

My AngularJS Views Are No Longer Based On Assumptions But On Fact | IFY I/O

My AngularJS Views Are No Longer Based On Assumptions But On Fact | IFY I/O | Angular.org.il | Scoop.it

It used to be that my natural inclination would be to wire my view templates in a manner that made assumptions about the users’ intentions and expectations, based on my understanding of the requirements. This could be seen not only in the way that I named the properties and methods that would be exposed by the controller / view model, but in the way that the view interacted with these properties and methods. Take the following AngularJS view template code as an example:


No comment yet.
Scooped by Eyal Vardi
Scoop.it!

AngularJS Modules

AngularJS Modules | Angular.org.il | Scoop.it
אחת השאלות הנפוצות על מודולים זה ע"פ מה מגדירים את התלויות של מודול? הטעות הנפוצה היא לחשוב שאם מודול משתמש במודול אחר אז יש תלות בניהם, זה לא מדויק. למשל בשפת דוט-נט או גאווה אם אתה מכיר את ה-type...
No comment yet.
Scooped by Eyal Vardi
Scoop.it!

Angular 2.0 | AngularJS

As we’re starting into the implementation of Angular 2.0, we thought we should put pen to paper and give you some insight into how we’re thinking about the design and why we’re making the changes we are.  We’re sharing it with you now so you can help make the right choices.


Angular 2 is a framework for mobile apps.  It is for desktop as well, but mobile is the hard bit that we will get right first.  The Angular you know and, hopefully, love will still be there with data-binding, extensible HTML, and a focus on testability.  


All the design docs for Angular 2 are publicly available on Google Drive.  This document contains a summary of our approach and design principles with links to specific designs in context.


CAVEAT: We’re still in design and prototyping stage for Angular 2.  Some of this will happen differently or not at all in the final product.  ...
No comment yet.
Scooped by Eyal Vardi
Scoop.it!

Gulp and Grunt at AngleBrackets

Gulp and Grunt at AngleBrackets | Angular.org.il | Scoop.it
I love JavaScript and task automation is a key ingredient to building awesome browser based apps. Today I presented how I prefer to do task automation using gulp.js and contrasted it to grunt.js at...
No comment yet.
Scooped by Eyal Vardi
Scoop.it!

Angulartics | Web analytics for AngularJS applications

Angulartics | Web analytics for AngularJS applications | Angular.org.il | Scoop.it
Angulartics is an AngularJS module that enables web analytics for your application using the vendor of your choice.
No comment yet.
Scooped by Eyal Vardi
Scoop.it!

ng-newsletter

ng-newsletter | Angular.org.il | Scoop.it
In today's article, we're debunking the myth that AngularJS can't be used to build browser-based games and building a clone of the very popular 2048 game.
No comment yet.
Scooped by Eyal Vardi
Scoop.it!

BirdWatch: AngularJS vs. ReactJS - Matthias Nehlsen

BirdWatch: AngularJS vs. ReactJS - Matthias Nehlsen | Angular.org.il | Scoop.it
Summary: In this article I will present a new version of the BirdWatch application that uses ReactJS on the client side instead of AngularJS. Don&# …
No comment yet.
Scooped by Eyal Vardi
Scoop.it!

n3-charts

n3-charts | Angular.org.il | Scoop.it

What's that ?

Built on top of D3.js and AngularJS, n3-charts.line-chart directive creates beautiful charts in AngularJS applications. It is simple and interactive.

How to use ?

The GitHub page  contains an exhaustive, comprehensive guide to use the line-chart directive. For several use cases, please check the examples section.

No comment yet.
Scooped by Eyal Vardi
Scoop.it!

C#er : IMage: Angular: The Modern HTML5 Answer to Silverlight’s MVVM

C#er : IMage: Angular: The Modern HTML5 Answer to Silverlight’s MVVM | Angular.org.il | Scoop.it

First, let me say that I realize Silverlight in no way “owns” the Model-View-View Model pattern. I’ve written on this extensively in my article “MVVM Explained.” However, I believe it gained the most public exposure through various implementations on that platform and this is what led to its adoption on the web. In fact, you might think its strange to think that Microsoft could have possibly influenced the sacred land of open source JavaScript, but if you trace the history of view models you’ll find not only did they segue from WinForms to XAML technologies, but they initially made their way to the web via early data-binding implementations like KnockoutJS.

No comment yet.
Scooped by Eyal Vardi
Scoop.it!

AngularJS Bootstrap

AngularJS Bootstrap | Angular.org.il | Scoop.it
  השלב שבין הקלדת URL של אפליקציה ועד שהיא רצה הוא קריטי להרבה חברות.בפוסט זה אני רוצה לתאר את כל הדרכים להריץ את Angular, ולהסביר יתרונות וחסרונות של כל שיטה. 1. ng-app הדרך הפשוטה ביותר להתחיל את...
No comment yet.
Scooped by Eyal Vardi
Scoop.it!

AngularJS Internals

AngularJS Internals | Angular.org.il | Scoop.it
כבר כמה זמן רץ לי בראש רעיון לכתוב ספר על AngularJS Internals. מטרת הספר להתמקד באיך עובד אנגולר ואיך אפשר לקחת את הידע הזה ולשפר את הקוד שאנחנו כותבים באנגולר, ואפילו קצת את אנגולר עצמו. מסיבה זו ...
No comment yet.
Scooped by Eyal Vardi
Scoop.it!

Angular model objects with JavaScript classes — Opinionated AngularJS — Medium

Angular model objects with JavaScript classes — Opinionated AngularJS — Medium | Angular.org.il | Scoop.it
Unlike Backbone and Ember, AngularJS does not provide a standardized way to define model objects.
No comment yet.
Scooped by Eyal Vardi
Scoop.it!

Scaffold with Angular, Knockout, Backbone JavaScript

Scaffold JSON data or RESTful API returns to HTML and JavaScript using Angularjs, Knockoutjs and Backbonejs
Eyal Vardis insight:

Very Nice :-)

No comment yet.
Scooped by Eyal Vardi
Scoop.it!

AngularJS 2.0 Status and Preview

AngularJS 2.0 Status and Preview | Angular.org.il | Scoop.it
Table of Contents
Eyal Vardis insight:

AngularJS team has been busy working on AngularJS 2.0. As we mentioned before, this is not a complex major update; this is a whole rewrite! Having learnt many lessons from AngularJS and AngularDart a lot of thinking is being done to produce the future core and its ecosystem. We will walk you through what you need to know to stay up to date.

No comment yet.
Scooped by Eyal Vardi
Scoop.it!

Angular 2.0 Dependency Injection - Applied To Backbone TodoMVC

Tero Parviainen, Independent Software Maker
Eyal Vardis insight:

Bits and pieces of AngularJS 2.0 are starting to surface: The design docs are out there for everyone to read, and there are initial implementations available for change detection,logging and profilingtemplatingzonestype assertions, and the HTTP client. These are exciting times for an Angular developer!

No comment yet.