JavaScript Frameworks
2.9K views | +0 today
Follow
Your new post is loading...
Your new post is loading...
Rescooped by Jean-Luc Agathos from Angular.org.il
Scoop.it!

Building AngularJS based native mobile application. Part 2

Building AngularJS based native mobile application. Part 2 | JavaScript Frameworks | Scoop.it
In the second part of building mobile application with AngularJS tutorial we are adding animated transitions, http communication and wrapping everything to PhoneGap framework

Via Eyal Vardi
more...
Entropic-Synergies's curator insight, October 16, 2013 10:50 PM

Great all-in-one article web/angularjs/animate/HTML5/CSS3/phoneGap app

Rescooped by Jean-Luc Agathos from JavaScript
Scoop.it!

ECMAScript 6 and Proxy

Being able to intercept a certain operation to an object can be really useful, in particular during a troubleshooting session. With ECMAScript 6, this is possible via its new feature, proxy. Creati...

Via Eyal Vardi
more...
No comment yet.
Rescooped by Jean-Luc Agathos from JavaScript
Scoop.it!

Learn AngularJS With These 5 Practical Examples | Tutorialzine

Learn AngularJS With These 5 Practical Examples | Tutorialzine | JavaScript Frameworks | Scoop.it
By now you've probably heard of AngularJS - the exciting open source framework, developed by Google. Learn the basic building blocks and how to build apps with these 5 practical examples.

Via Eyal Vardi
more...
No comment yet.
Rescooped by Jean-Luc Agathos from Computerlove
Scoop.it!

The MEAN Stack: MongoDB, ExpressJS, AngularJS and Node.js

Tips and tricks for using MongoDB and Node.js


Via Andreas Ek
more...
No comment yet.
Rescooped by Jean-Luc Agathos from JavaScript for Line of Business Applications
Scoop.it!

Services (Part 6 of AngularJS from beginner to expert in 7 steps series)

Services (Part 6 of AngularJS from beginner to expert in 7 steps series) | JavaScript Frameworks | Scoop.it

We started our demonstrating the core components of the application and how to set up an AngularJS app. In the previous post, we covered the internals of directives in AngularJS.

In this section, we’ll tackle services, clean up our code, and finalize our audio player.

Throughout this tutorial series, we are building an NPR audio player that will show us the current stories on the showMorning Edition and play them in our browser. To see the fully finished demo, head over here.

Up until now, we’ve only concerned ourselves with how the view is tied to $scope and how the controller manages the data. For memory and performance purposes, controllers are instantiated only when they are needed and discarded when they are not. That means that every time we switch a route or reload a view (we’ll cover routing in the next post), the current controller gets tossed out.

Services provide a method for us to keep data around for the lifetime of the app and communicate across controllers in a consistent manner.


Via Jan Hesse
more...
No comment yet.
Rescooped by Jean-Luc Agathos from JavaScript for Line of Business Applications
Scoop.it!

Kickstart Your AngularJS Development with Yeoman, Grunt and Bower

Kickstart Your AngularJS Development with Yeoman, Grunt and Bower | JavaScript Frameworks | Scoop.it

Whether you love or hate it, there’s no denying that AngularJS is the framework on every developer’s lips. It may not be for everybody, but AngularJS has a quirky, efficient and powerful feature set. Couple that with a few useful development tools like Yeoman, Grunt and Bower and you’ve got yourself an incredibly fast rapid prototyping process.

 

This AngularJS tutorial will cover:

* Generating a bare bones AngularJS app with Yeoman

* Using Grunt to speed up development and help perform repetitive tasks

* Using Bower to add third party plugins/frameworks

* Making minor changes to your AngularJS app


Via Jan Hesse
more...
No comment yet.
Rescooped by Jean-Luc Agathos from JavaScript for Line of Business Applications
Scoop.it!

Bootstrap’s Tabs and Lazy Data Loading in AngularJS

Bootstrap’s Tabs and Lazy Data Loading in AngularJS | JavaScript Frameworks | Scoop.it

There are a lot of great sets of directives available that are based onTwitter Bootstrap’s markup and CSS and AngularJS. Some examples are AngularStrap and AngularUI, but neither of them has a directive that supports the Bootstrap’s tabs and lazy data loading. So when the page with the tab directive is initially loaded, all the data, even of the not-active tabs, are loaded.

Here is how I solved the lazy data loading with Twitter Bootstrap’s markup and AngularJS.


Via Jan Hesse
more...
jharaphula's comment, January 20, 12:20 PM
There are several controls to create a web page. Tab is one among them. In many cases we required a tab view. Lets talk about an example where I have 3 sessions to display parallel in my page. Here I can choose a tab view. If you are working with the latest technology AngularJS then look at this demo where I created a dynamic tab view http://jharaphula.com/example-to-create-dynamic-tab-using-angularjs-bootstrap
Rescooped by Jean-Luc Agathos from Node.js
Scoop.it!

Edge.js - connects Node.js V8 and .NET CLR - in process

Edge.js - connects Node.js V8 and .NET CLR - in process | JavaScript Frameworks | Scoop.it

Edge.js allows you to run .NET and Node.js code in one process. You can call .NET functions from Node.js and Node.js functions from .NET. Edge.js takes care of marshaling data between CLR and V8. Edge.js also reconciles threading models of single threaded V8 and multi-threaded CLR. Edge.js ensures correct lifetime of objects on V8 and CLR heaps. The CLR code can be pre-compiled or specified as C#, F#, Python, or PowerShell source: edge.js can run CLR scripts at runtime. Edge can be extended to support other CLR languages.


Via Jan Hesse, Eyal Vardi
more...
No comment yet.
Rescooped by Jean-Luc Agathos from JavaScript
Scoop.it!

Developing with AngularJS - Making it Pop

Developing with AngularJS - Making it Pop | JavaScript Frameworks | Scoop.it

Welcome to the final article in a series on my experience developing with AngularJS. I learned its concepts, beat my head against-the-wall with and finally tamed it enough to create a "My Dashboard" feature for a client. For previous articles, please see the following:

Part I: The BasicsPart II: Dialogs and DataPart III: Services

The last mile of development for the My Dashboard feature was to spice things up a bit and make it look better. We hired a design company to come up a new look and feel and they went to work. Within a week, we had a meeting with them and they presented a few different options. We picked the one we liked the best and went to work. Below are screenshots that I used to implement the new design.


Via William delmas, Eyal Vardi
more...
No comment yet.
Rescooped by Jean-Luc Agathos from Node.js
Scoop.it!

Creating Extensible Widgets Part 1: jQuery to AngularJS in 30 seconds - ThousandEyes Blog

Creating Extensible Widgets Part 1: jQuery to AngularJS in 30 seconds - ThousandEyes Blog | JavaScript Frameworks | Scoop.it
One of the most common ways of creating extensible widgets is through jQuery plugins. AngularJS introduces new concepts to rethink the creation of widgets.

Via Eyal Vardi
more...
No comment yet.
Rescooped by Jean-Luc Agathos from JavaScript for Line of Business Applications
Scoop.it!

Developing a mobile app with Phonegap, AngularJS and ExpressJS Part I

Developing a mobile app with Phonegap, AngularJS and ExpressJS Part I | JavaScript Frameworks | Scoop.it

The gist of the application is to allow users to sign up and be able to share financial tips. I will document my journey along for others who are thinking of travelling down the same road, starting with my choice of technologies, this being my first attempt at building up the whole architecture from the ground up and since I am a front end developer and I wanted to leverage that experience to build a mobile app instead of going native.

When deciding on the initial approach to building the app, I initially thought about using Sencha Touch. I had tried Titanium before but had found it unwieldy although I like the whole integrated IDE to production setup. I work with ExtJS on a daily basis so I figured Sencha Touch would be a natural complement but after working with AngularJS, I really did want to keep getting better at it and not have to duplicate my learning by both doing Angular and Sencha Touch at the same time so i settled on PhoneGap.


Via Jan Hesse
more...
No comment yet.
Rescooped by Jean-Luc Agathos from JavaScript for Line of Business Applications
Scoop.it!

Modular AngularJS App Design

Modular AngularJS App Design | JavaScript Frameworks | Scoop.it
Organize your Angular app into modules for code reusability

I am a sucker for modules. Something about bundling a set of functionality and display logic into a module that can be easily redistributed for many apps makes my skin tingle. So when I saw that “modules” were a big part of the AngularJS methodology, I was super excited to try it out. I quickly realized however, that most of the examples online used one module for the entire application, which didn’t seem all that modular to me.


Via Jan Hesse
more...
Rescooped by Jean-Luc Agathos from JavaScript for Line of Business Applications
Scoop.it!

AngularJS + Cloud Endpoints: A Recipe for Building Modern Web Applications

AngularJS + Cloud Endpoints: A Recipe for Building Modern Web Applications | JavaScript Frameworks | Scoop.it

This paper provides best practices and guidance to web developers who are interested in AngularJS or other client-side MVC technologies and want to optimize their server backend for these technologies. You will learn how to leverage AngularJS with Google Cloud Platform and, in particular, Google Cloud Endpoints, a technology that let developers expose their backend APIs of Google App Engine applications through service-based API, instantly with simple annotations.

Google Cloud Endpoints makes it easy to build a server-side API and encapsulate the backend boilerplate logic. Incorporating the Google Cloud Endpoints JavaScript client library into AngularJS is so straightforward that you can write a single line of code to call server logic and a callback function to update model properties with the result.

The intended audience for this paper is Java developers with some experience with App Engine and a basic knowledge of JavaScript. Links to the AngularJS and Cloud Endpoint web sites with reference guides are provided in another section and troubleshooting tips are provided in the Appendix. If this is your first time writing Java applications for App Engine,the Getting Started pages on the App Engine site provides a good introduction.


Via Jan Hesse
more...
No comment yet.
Rescooped by Jean-Luc Agathos from JavaScript for Line of Business Applications
Scoop.it!

AngularJS vs. DurandalJS

AngularJS vs. DurandalJS | JavaScript Frameworks | Scoop.it

Here’s the deal, I like DurandalJS. Though, I’m not going to lie, I really like AngularJS as well. These two technologies compete in many respects as they both seem to tackle the same problem. What problems are these frameworks trying to tackle? I have made a diagram of what I see to be the core developments in client side technologies, and after you view this, I will talk about where I see Angular and Durandal fitting in (note that there are a myriad of other useful frameworks that do storage, pub/sub eventing, animation, data-binding, AMD pattern ala requireJS, and a slew of other things, but this represents what I believe is the focus on today’s client-side development).


Via Jan Hesse
more...