AngularJS
Follow
Find
34.8K views | +23 today
 
Scooped by William delmas
onto AngularJS
Scoop.it!

Remote Desktop Client with AngularJS and Yeoman

Remote Desktop Client with AngularJS and Yeoman | AngularJS | Scoop.it

We should have a VNC server on the machine we want to control. This machine provides interface accessible through the RFB protocol. The proxy in the middle has RFB client, which knows how to talk to the RFB server. The proxy also provides HTTP server, which is responsible for serving static files to the client and also allows communication through socket.io. The last component in our diagram is the “AngularJS VNC client”, which consists few HTML and JavaScript files provided to the browser by the proxy. This is what actually the user of our VNC client sees. He or she use the form provided in the “AngularJS VNC client” in order to enter connection details and connect to the machine he or she wants to control

more...
No comment yet.
AngularJS
Ressources about AngularJS, single page application.
Curated by William delmas
Your new post is loading...
Your new post is loading...
Scooped by William delmas
Scoop.it!

Learning AngularJS

Learning AngularJS | AngularJS | Scoop.it

A bunch of links to blog posts, articles, videos, etc for learning AngularJS. This list is in its early stages. Feel free to submit a pull request if you have some links/resources to add. Also, I try to verify that the articles below have some real content (i.e. aren't 2 paragraph blog posts with little information) to ensure I'm not listing "fluff" pieces. If you have an idea for a better way to organize these links, please let me know. As I find similar posts in the "General Topics" section, I will break them out into their own categories.

more...
No comment yet.
Rescooped by William delmas from Angular.js and Google Dart
Scoop.it!

A curated list of angular-js directives.

A curated list of angular-js directives. | AngularJS | Scoop.it

Angular-js.in is a curated repository of the best angular-js directives, modules, services, bootstrap, ui, etc


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

Comparing Angular 1.x & 2.0

Comparing Angular 1.x & 2.0 | AngularJS | Scoop.it

The Angular team faces a problem. How do you talk the great new features of Angular 2.0 under development without damaging use of the current 1.x? This effect is often called the Obsborne effect, named after a 1980s computer company whose marketing contributed to putting the company out of business. In short, the better 2.0 sounds, the less people will want to start or continue projects built with 1.x.

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

A balanced approach between React and AngularJS

A balanced approach between React and AngularJS | AngularJS | Scoop.it

We mostly use AngularJS as our JS framework of choice. We don’t want to enter the current flame war; we simply think it is great. We don’t buy the “it’s too complex” argument - we do software development so we have to understand the tools we use. The AngularJS abstraction and terminology are what they are, but once you wrap your head around that, they make a lot of sense. The depth of the framework is why it is called a framework, it solves a lot of common pain points in an elegant and efficient way. Mostly…

The only argument that we do agree with is that it can be fairly common to get UI performance issues in AngularJS. DOM manipulation is far from being optimal, and watchers trigger DOM rebuilds fairly often. To be fair we have upgraded from Angular 1.2 to 1.3 and it is getting better, but not good enough to get the native touch we are looking for on the most complex pieces.

more...
No comment yet.
Rescooped by William delmas from JavaScript for Line of Business Applications
Scoop.it!

Testing AngularJS Page with Protractor

Testing AngularJS Page with Protractor | AngularJS | Scoop.it

In this tip, I would like to describe how to perform E2E (End to End) Test using Protractor for an Angular JS page/site.


Via Jan Hesse
more...
No comment yet.
Scooped by William delmas
Scoop.it!

Flattening Promise Chains

Flattening Promise Chains | AngularJS | Scoop.it

Promises are a great solution to address complexities of asynchronous requests and responses. AngularJS provides Promises using services such as $q and $http; other services also use promises, but I will not discuss those here.

Promises allow developers to easily attach 1x-only notifications of response to any asynchronous request/action. Promises also enable two (2) other very important things. We can:

  • Transform the responses before subsequent handlers (in the chain) are notified of the response.
  • Use the response to invoke more async requests (which could generate more promises).

But even more important than the features above, Promises support easy chaining of custom activity or computations. Managing sequences or chains of asynchronous activity can be a very difficult and complex effort. Promise chains are amazing and provide means to easily build sequences of asynchronous requests or asynchronous activity.

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

Improving AngularJS long list rendering performance using ReactJS

Improving AngularJS long list rendering performance using ReactJS | AngularJS | Scoop.it

If you're reading this, you most probably tried to make a long and/or complex list of items using a ng-repeat directive, and after seeing how it performs in terms of speed, felt like AngularJS failed you.

more...
No comment yet.
Rescooped by William delmas from JavaScript for Line of Business Applications
Scoop.it!

Let’s Write Fast JavaScript

Let's Write Fast JavaScript - The JavaScript Collection - Medium
A few interesting JavaScript benchmarks and tips

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

Spring and Angular JS: A Secure Single Page Application

Spring and Angular JS: A Secure Single Page Application | AngularJS | Scoop.it
In this article we show some nice features of Spring Security, Spring Boot and Angular JS working together to provide a pleasant and secure user experience. It should be accessible to beginners with Spring and Angular JS, but there also is plenty of detail that will be of use to experts in either. This is actually the first in a series of articles on Spring Security and Angular JS, with new features exposed in each one successively. We’ll improve on the application in the second and subsequent installments, but the main changes after this are architectural rather than functional.

Via Jan Hesse
more...
Rescooped by William delmas from JavaScript for Line of Business Applications
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
more...
No comment yet.
Scooped by William delmas
Scoop.it!

AngularJS in Patterns

AngularJS in Patterns | AngularJS | Scoop.it

This example defines a simple directive, which is a UI component. The defined component (called “zippy”) has header and content. Click on its header toggles the visibility of the content.

From the first example we can note that the whole DOM tree is a composition of elements. The root component is the html element, directly followed by the nested elements head and bodyand so on…

In the second, JavaScript, example we see that the template property of the directive, contains markup with ng-transclude directive inside it. So this means that inside the directive zippy we have another directive called ng-transclude, i.e. composition of directives. Theoretically we can nest the components infinitely until we reach a leaf node.

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

Speeding up AngularJS apps with simple optimizations

Speeding up AngularJS apps with simple optimizations | AngularJS | Scoop.it
AngularJS is a huge framework with that already has many performance enhancements built in, but they can’t solve all our problems. No matter how fast the framework, we can all create sluggish code through bad practices and not understanding key concepts that help it perform well. The following performance pointers are some of the things I’ve learned from developing Angular applications that will hopefully enable you to keep building fast applications.
more...
No comment yet.
Rescooped by William delmas from JavaScript for Line of Business Applications
Scoop.it!

Google's AngularJS Style Guide

Google's AngularJS Style Guide | AngularJS | Scoop.it

This is the external version of a document that was primarily written for Google engineers. It describes a recommended style for AngularJS apps that use Closure, as used internally at Google. Members of the broader AngularJS community should feel free to apply (or not apply) these recommendations, as relevant to their own use cases.

This document describes style for AngularJS apps in google3. This guide supplements and extends the Google JavaScript Style Guide.

Style Note: Examples on the AngularJS external webpage, and many external apps, are written in a style that freely uses closures, favors functional inheritance, and does not often use JavaScript types. Google follows a more rigorous Javascript style to support JSCompiler optimizations and large code bases - see the javascript-style mailing list. This is not an Angular-specific issue, and is not discussed further in this style guide. (But if you want further reading: Martin Fowler on closuresmuch longer description, appendix A of the closure book has a good description of inheritance patterns and why it prefers pseudoclassical, Javascript, the Good Parts as a counter.)


Via Jan Hesse
more...
No comment yet.
Scooped by William delmas
Scoop.it!

AngularJS: Upload Images & Live Demos

AngularJS: Upload Images & Live Demos | AngularJS | 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!

more...
No comment yet.
Rescooped by William delmas from JavaScript for Line of Business Applications
Scoop.it!

Improving AngularJS long list rendering performance using ReactJS

Improving AngularJS long list rendering performance using ReactJS | AngularJS | 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
more...
No comment yet.
Scooped by William delmas
Scoop.it!

Token Based Authentication for Single Page Apps

Token Based Authentication for Single Page Apps | AngularJS | Scoop.it

Single page apps make a lot of sense for customer-centric applications that handle a lot of user data. SPAs are often tied to a RESTful API for a good reason: when your data makes sense, your experience makes sense. We just rebuilt our console – an Angularjs-based Single Page App – and spent a lot of time modeling out the REST API (the actual data model/structures).

With the user model mapped out, it’s much easier to build a UI for your API because the common things like list views, search boxes, sorting, etc – they just fall in place alongside your data model. Fronting a REST API with a single page app gives the assurance of sane data and the freedom to make your UI look and feel sexy. #winning

more...
No comment yet.
Rescooped by William delmas from Angular.js and Google Dart
Scoop.it!

Coming to React from AngularJs

Coming to React from AngularJs | AngularJS | Scoop.it

I've been an Angular guy for the past couple years, and I've gotten pretty good at it. I've seen its nooks and crannies, and I've grown fond of it.

But, like I said, it was hard to ignore React.

It's fast, it's light, it's new and shiny. So I dug in. I recently released an app, Farely, which I'd written in Angular. (Note: I didn't use directives like I should have.) I thought it'd be the perfect opportunity to try out React, since the app could be composed of components. It also wouldn't need anything React doesn't offer, like routing or complex data modeling.

And so I began the project. Below are my thoughts and observations, should they help inform your library choices. I'll assume you've been introduced to React and Angular, since there are great articles written about them elsewhere.


Via Jan Hesse, Piyas De
more...
No comment yet.
Rescooped by William delmas from Angular.js and Google Dart
Scoop.it!

Fixing Memory Leaks in AngularJS and other JavaScript Applications

Fixing Memory Leaks in AngularJS and other JavaScript Applications | AngularJS | Scoop.it

Dealing with memory leaks in JavaScript applications can be a complex process. In this article I'm going to show you how to identify whether you have memory leaks, analyse them and ultimately resolve them.

I'm using an AngularJS application to demonstrate the concepts and approaches, but much of this material applies to any JavaScript application.

 

Contents:

Understanding Memory Leaks What is a Memory Leak? Why is a Memory Leak Bad?Identifying Memory Leaks Method 1: The Wrong Way Method 2: The Timeline Method 3: Recording Heap Allocations Method 4: Heap SnapshotsAnalysing Memory Leaks Analysing the leak in Scenario 2 More on GraphsFixing Memory Leaks Three golden rules Anti-patterns to avoidThe Future Weak Maps AngularJS 2 Even Better BrowsersAppendices Thanks Mysteries Futher Reading


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

Creating a Web App From Scratch Using AngularJS and Firebase

Creating a Web App From Scratch Using AngularJS and Firebase | AngularJS | Scoop.it

In this series, we'll be using AngularJS and Firebase to create a simple web application from scratch. It will be a simple blogging application where the user can sign in or sign up and publish a blog post.

This tutorial assumes you have basic knowledge of AngularJS, but it shouldn't be tough to pick up the topics along the way.


Via Jan Hesse
more...
No comment yet.
Scooped by William delmas
Scoop.it!

React JS Injection into Angular JS Application or Fighting for Performance Increase

React JS Injection into Angular JS Application or Fighting for Performance Increase | AngularJS | Scoop.it
React JS Injection into Angular JS Application or Fighting for Performance Increase; Author: EastBancTech; Updated: 15 Aug 2014; Section: Client side scripting; Chapter: Web Development; Updated: 15 Aug 2014
more...
No comment yet.
Scooped by William delmas
Scoop.it!

[Github Repo] - You-Dont-Know-JS -A JavaScript book series.

[Github Repo] - You-Dont-Know-JS -A JavaScript book series. | AngularJS | Scoop.it

The content for these books derives heavily from a series of training materials I teach professionally (in both public and private-corporate workshop format), called "Advanced JS: The 'What You Need To Know' Parts".

If you like this content and would like to contact me regarding conducting training on these, or other various JS/HTML5/node.js topics, please reach out to me through any of these channels listed here:

William delmas's insight:

https://www.kickstarter.com/projects/getify/you-dont-know-js-book-series

more...
No comment yet.
Rescooped by William delmas from JavaScript for Line of Business Applications
Scoop.it!

Is AngularJS Fast Enough?

Is AngularJS Fast Enough? | AngularJS | Scoop.it

“Angular is slow. And with dirty checking and HTML parsing always will be. You can’t fix broken design. Do I have to tel…


Via Jan Hesse
more...
No comment yet.
Scooped by William delmas
Scoop.it!

Mob Programming AngularJs Dojo

The achieved goal :

  • angular js in a mvc .net project
  • 2 routes : home and event (ui-router)
  • An event page with headers, market type category selector, selection display
  • 100% code coverage but unit test written in Jasmin and run by Chutzpah
  • Web api consummation with Restangular
  • Web api 2.0 with an events route which return a mocked even
  • Create a “Angular Js best pratices” ppt : explain all the tricky point of angular (minify, module, scope, service, directive, promise, $ressource, Fouc,etc … + our conventions)
more...
No comment yet.
Scooped by William delmas
Scoop.it!

Time Saving AngularJS Tips

Time Saving AngularJS Tips | AngularJS | Scoop.it


AngularJS is a powerful tool for creating dynamic web pages, but as with any tool it can make things more complicated and unwieldy when used incorrectly. Below are some tips for those looking to improve the performance or the stability of their AngularJS website. Some of these tips will save memory for your application, resulting in a smaller footprint, while others will focus on the development process – allowing for quicker identification of errors that would otherwise emerge at the most inopportune time.

more...
Rescooped by William delmas from Node.js
Scoop.it!

Create a TV Show Tracker using AngularJS, Node.js and MongoDB

Create a TV Show Tracker using AngularJS, Node.js and MongoDB | AngularJS | Scoop.it

This tutorial will show you how to build a REST API with Express, authentication and signup process with Passport, create and retrieve data from MongoDB using Mongoose. The front-end will be built using AngularJS and Bootstrap Sass. The last step involves using gulp.js to optimize your static assets.


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

Faster AngularJS Rendering (AngularJS and ReactJS)

Faster AngularJS Rendering (AngularJS and ReactJS) | AngularJS | Scoop.it

Have you used AngularJs and ran into some performance problems? Using ReactJs rendering becomes much faster. A small examples explains how to use ReactJs for rendering in AngularJs and a comparison is made between native rendering and rendering using ReactJs.

I like AngularJS. I use it when I do some little fun projects and I use it professionally in large Web apps. I tried other frameworks as well, likeBackboneJS and EmberJS, which both are great tools as well. All three of them belong to the class of MVC frameworks (or MVVC whatever you want o call them). But whenever I used any of such a tool I always ran and still run into the same problem: Rendering performance of lists of items. Two way binding or one-way binding makes no real difference. For me BackboneJS had better performance for rendering than AngularJS. Lets put that on the back of two-way binding.

more...
No comment yet.