AngularJS
Follow
Find
2.3K views | +0 today
Your new post is loading...
Your new post is loading...
Rescooped by Brian Tan from JavaScript for Line of Business Applications
Scoop.it!

Drag and Drop File Upload with AngularJS

Drag and Drop File Upload with AngularJS | AngularJS | Scoop.it

A reusable AngularJS directive leveraging HTML5 Drag and Drop and the FileReader API.

Directives allow you to create new HTML elements, attributes, classes, or comments that can transform the behavior of the DOM. A better way of thinking about directives is “a way to teach HTML new tricks.” In this example, you will see how to leverage directives to solve a common drag and drop problem that can be reused in the future.


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

AngularJS: Scroll Animations

AngularJS: Scroll Animations | AngularJS | Scoop.it

Everyone has seen scroll based animations right? You know, the ones where you start scrolling down the webpage and animations start triggering around depending on how much you have scrolled. One of my favorite examples is Let’s free Congress.

Now, sometimes we want to trigger an animation, but we don’t want to make theentire page to rely on the scroll… maybe, just a little part of it. However, we can’t trigger the animation until the user is viewing the part we want to animate, or else the animation will do all its magic without no audience. How do we do it?


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

Form Autocomplete and Remember Password with AngularJS

Form Autocomplete and Remember Password with AngularJS | AngularJS | Scoop.it

Recently a user complained about the log in form not saving the credentials. This is a common problem with AJAX and single-page applications. But I decided to get to the bottom with it.

The UserApp “dashboard” is built with the JavaScript framework AngularJS, and it doesn’t play along very well with the “save password” feature. These are the issues I addressed:

* The form cannot be dynamically inserted into the DOM.

* The form must perform an actual POST request.

* When the browser autofills the fields, the scope doesn’t get updated.

Firefox was easy, all it required was that the form had a name attribute.


Via Jan Hesse
more...
No comment yet.
Suggested by Brian Petro
Scoop.it!

AngularJobs - Opportunity Distribution

AngularJobs - Opportunity Distribution | AngularJS | Scoop.it
Distribute opportunities to work with AngularJS to the developers who are the most interested. @AngularJobs
more...
No comment yet.
Scooped by Brian Tan
Scoop.it!

Why I Chose AngularJS : javascript

reddit: the front page of the internet (RT @javascript_news: Why I Chose AngularJS http://t.co/hePqjX74LU)
more...
No comment yet.
Rescooped by Brian Tan from JavaScript for Line of Business Applications
Scoop.it!

Developing with AngularJS - Part III: Services

Developing with AngularJS - Part III: Services | AngularJS | Scoop.it

Angular offers several ways to interact with data from the server. The easiest way is to use the$resource factory, which lets you interact with RESTful server-side data sources. When we started the My Dashboard project, we were hoping to interact with a REST API, but soon found out that it didn't have all the data we needed. Rather than loading the page and then making another request to get its data, we decided to embed the JSON in the page. For communication back to the server, we used our tried-and-true Ajax solution:DWR.


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

Building Modular Web Applications with Backbone.js and RequireJS — Sample App

Building Modular Web Applications with Backbone.js and RequireJS — Sample App | AngularJS | Scoop.it

In recent months, I have been sharing different versions of the Employee Directory sample application built with different technology stacks, different frameworks, and different back-end (REST services) implementations.

A number of you have asked for a modular version of the application built using RequireJS. So here it is.


Via Jan Hesse
more...
No comment yet.
Scooped by Brian Tan
Scoop.it!

Leverage communities to accelerate your rate of learning - Washington Times

Leverage communities to accelerate your rate of learning - Washington Times | AngularJS | Scoop.it
Leverage communities to accelerate your rate of learning Washington Times With Code Academy, anyone can log on and begin advancing through live modules that teach them the basics of a number of the most popular programming languages including HTML,...
more...
No comment yet.
Scooped by Brian Tan
Scoop.it!

Building a Web App From Scratch in AngularJS | Nettuts+

Building a Web App From Scratch in AngularJS | Nettuts+ | AngularJS | Scoop.it
In a previous AngularJS tutorial I covered all the basics of how to get up and running with Angular in around 30 minutes.
more...
No comment yet.
Rescooped by Brian Tan from JavaScript for Line of Business Applications
Scoop.it!

Build Desktop Apps With HTML Using Brackets Shell

Build Desktop Apps With HTML Using Brackets Shell | AngularJS | Scoop.it

I want to go more in-depth into what brackets is and why we chose it as our solution. This will be the first of a series of posts dedicated to brackets-shell and customizing it for your native HTML desktop applications.

Brackets is an open-source code editor created by Adobe. What makes brackets so cool, though, is that the entire editor is written in HTML and JavaScript.


Via Jan Hesse
more...
No comment yet.
Scooped by Brian Tan
Scoop.it!

Building a Web App From Scratch in AngularJS - Workflow: WordPress

Building a Web App From Scratch in AngularJS http://t.co/AEnGSm0MBA #WPHack #WordPress
more...
No comment yet.
Rescooped by Brian Tan from JavaScript for Line of Business Applications
Scoop.it!

A Look Into How Parameters Are Passed In JavaScript

A Look Into How Parameters Are Passed In JavaScript | AngularJS | Scoop.it

I recently came across a question on StackOverflow about how JavaScript handles parameters, if they are passed by value or by reference. There seemed to be a lot of confusion and misinformation about what is actually happening behind the scenes.

TLDR; All arguments are passed by value in JavaScript, however, when dealing with non-primitive datatypes like objects and arrays a variable is created that points to the location of the object memory that is then is passed into the function. This means that changes to the variable inside the function will affect the original object's values. Once the argument is reassigned (e.g. arg = {} ) the variable now has the location of the new object in it so the original variable is no longer changed when the value changes.


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

AngularJs native tag editor

AngularJs native tag editor | AngularJS | Scoop.it

Continuing my series on directives that fill gaps in the angular framework, today I will discuss my implementation of a tag editor. In some ways this is simpler than my previous attempts, no new services needed to be created, however, there are a lot of styling concerns that need to be dealt with. I think I found a reasonable approach that provides adecent default look and feel and provides implementers the flexibility to provide their own styling.

Design Goals

* Native

* Control styling

* Enable tag interactivity

* Support edit & read-only modes


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

AngularJS: Scroll Animations

AngularJS: Scroll Animations | AngularJS | Scoop.it

Everyone has seen scroll based animations right? You know, the ones where you start scrolling down the webpage and animations start triggering around depending on how much you have scrolled. One of my favorite examples is Let’s free Congress.

Now, sometimes we want to trigger an animation, but we don’t want to make theentire page to rely on the scroll… maybe, just a little part of it. However, we can’t trigger the animation until the user is viewing the part we want to animate, or else the animation will do all its magic without no audience. How do we do it?


Via Jan Hesse
more...
No comment yet.
Scooped by Brian Tan
Scoop.it!

Animation in AngularJS -

Animation in AngularJS - | AngularJS | Scoop.it
AngularJS now provides full support for animations direct from it's core (Great coverage of new support for animation in AngularJS 1.1.5 with css transitions/animations OR js http://t.co/BvfE9fi078)...
more...
No comment yet.
Rescooped by Brian Tan from JavaScript for Line of Business Applications
Scoop.it!

Node.js and MongoDB Turn JavaScript into a Full-Stack Language

Node.js and MongoDB Turn JavaScript into a Full-Stack Language | AngularJS | Scoop.it

New software packages that apply JavaScript in unusual contexts are starting to allow the use of a single language at all project stages.

For all its warts and headaches, JavaScript has emerged as the lingua franca of the modern Web, arguably second in adoption only to HTML itself, which obviously is just a markup standard rather than a full-fledged programming language. It’s effectively impossible to launch a sophisticated Web project without making extensive use of JavaScript and AJAX dynamic loading.


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

Real-Time Web Communications In Action

Real-Time Web Communications In Action | AngularJS | Scoop.it

In this example, we look at how real-time Web communications can work well with a non-blocking JavaScript back-end server and a NoSQL database. Our demo is a simple drawing app.

If all you use is WebSocket with simple pub-sub messaging, you can already achieve pretty amazing things with drawing. For example, you can share a drawing board among multiple browser clients and while viewing each other’s drawings in real time.


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

Create your Own Single Page App from Scratch

In this video, I show how to take KnockoutJS, SammyJS, and RequireJS and put them together into a framework for single page applications. Note however, the purpose of this video is to show just how difficult and tedious this is, and why frameworks like DurandalJS and AngularJS should be used instead.


Via Jan Hesse
more...
No comment yet.
Scooped by Brian Tan
Scoop.it!

AngularJS MTV Meetup: Best Practices (2012/12/11)

http://www.meetup.com/AngularJS-MTV/events/93943412/ Presentation slides available at: http://goo.gl/CD0Is Live from the Mountain View, CA meetup, Miško Heve...
more...
No comment yet.
Scooped by Brian Tan
Scoop.it!

DailyJS: AngularJS: Iterators and Filters

DailyJS: AngularJS: Iterators and Filters | AngularJS | Scoop.it
AngularJS has a rich expression-based system for filtering and ordering data based on predicates. The orderBy filter can be used with the ng-repeat directive:
more...
No comment yet.
Scooped by Brian Tan
Scoop.it!

How to build a realtime jQuery plugin | Webdesigner Depot

How to build a realtime jQuery plugin | Webdesigner Depot | AngularJS | Scoop.it
Back in January this year jQuery announced a new plugins registry, so now seemed like a great time to write a tutorial combining building a jQuery plugin with.
more...
No comment yet.