Frontend Programm...
Follow
Find
2.0K views | +3 today
Rescooped by Entropic-Synergies from JavaScript for Line of Business Applications
onto Frontend Programming & Design
Scoop.it!

AngularJs native multi-file upload with progress

If you are reading this post you probably agree with me that AngularJs is pretty awesome. Because it’s so new, there are a number of gaps in the framework. My last post was inspired by filling a gap, and now again, I will present a directive and service I wrote because it doesn’t exist within the framework.

I am working on an application that requires users to upload files. As it’s 2013 and we are living in an asynchronous world, I wanted an intuitive UI where my users can upload files, along with some data and view upload progress. I’ve found a bunch of stuff that wraps jquery implementations, but nothing native, so, I guess I’ll build one.

Design Goals
* Native – no dependency on external frameworks
* Give the parent scope a reasonable API for managing file uploads
* Testable

As usual, I started “outside-in”, that is, I had an idea of the API I wanted to work with from the parent scope (i.e. the angular module that houses the directive) and then figured out how to build it. The directive is an element that is replaced in the DOM with the appropriate html elements.


Via Jan Hesse
more...
No comment yet.
Frontend Programming & Design
modern frontend programming with angularjs, HTML5, CSS3 and design topics like trends, tools and more
Your new post is loading...
Scooped by Entropic-Synergies
Scoop.it!

Faire une présentation avec HTML5 et CSS3: Framework: Impress.js - YouTube

Partagez vos vidéos avec vos amis, vos proches et le monde entier
Entropic-Synergies's insight:

Tutorial de impressJS, l'alternative à Prezi, en français !

more...
No comment yet.
Scooped by Entropic-Synergies
Scoop.it!

Scotch Web Development (AngularJS)

All Scotch Web Development posts tagged with "angularJS "
more...
No comment yet.
Scooped by Entropic-Synergies
Scoop.it!

Dribbble - Popular

Dribbble - Popular | Frontend Programming & Design | Scoop.it
more...
No comment yet.
Scooped by Entropic-Synergies
Scoop.it!

How to Create User Stories, Scenarios, and Cases

How to Create User Stories, Scenarios, and Cases | Frontend Programming & Design | Scoop.it
Do you know how to tell your users’ story? How do you know? Are you sure you’re not just making it up as you go along? This month, I want to share a method for folding user knowledge back into the design process so that we properly understand user needs, create the best experiences for them, and reliably facilitate the right outcomes...
more...
No comment yet.
Scooped by Entropic-Synergies
Scoop.it!

▶ Web Design Video Course - 6-part Tutorial FREE [Part 1] - YouTube

View the working demo here: http://www.1stwebdesigner.com/tutorials/build-a-website-web-design-video-course/ 1stwebdesigner is a design blog dedicated to blo...
more...
No comment yet.
Scooped by Entropic-Synergies
Scoop.it!

▶ Building Apps with Appery.io and Mashery-Managed APIs - YouTube

Neil Mansilla (Mashery) and Max Katz (Exadel/Appery.io) will describe the Mashery API management platform and the Appery.io (old name: Tiggzi) mobile app dev...
Entropic-Synergies's insight:

Mobile UX once, build everywhere

more...
No comment yet.
Scooped by Entropic-Synergies
Scoop.it!

How To Create Awesome Line Art In Adobe Illustrator - Vectology.com

How To Create Awesome Line Art In Adobe Illustrator - Vectology.com | Frontend Programming & Design | Scoop.it
This video tutorial focuses on alternative line art and colorization methods in Adobe Illustrator.
Entropic-Synergies's insight:

Must see this vodeo if you use vectorial inking

more...
No comment yet.
Scooped by Entropic-Synergies
Scoop.it!

Front End Web Development Quiz By David Shariff

Front End Web Development Quiz By David Shariff | Frontend Programming & Design | Scoop.it
Are you a front end web developer? Quiz to test how much you know but be careful, it may hurt your feelings!
more...
No comment yet.
Scooped by Entropic-Synergies
Scoop.it!

An Introduction to AngularJS End to End Testing with Protractor

This video is the recording of the August 2013 DFW Area AngularJS Meetup where Jim Lavin presented an overview of how to use the Protractor Testing Framework...
Entropic-Synergies's insight:

Must know!

more...
No comment yet.
Scooped by Entropic-Synergies
Scoop.it!

Building a Google Calendar Booking App with MongoDB, ExpressJS, AngularJS, and Node.js - Part 2

Building a Google Calendar Booking App with MongoDB, ExpressJS, AngularJS, and Node.js - Part 2 | Frontend Programming & Design | Scoop.it
more...
No comment yet.
Scooped by Entropic-Synergies
Scoop.it!

Code Like a Poem!: AngularJs Tutorial 8 — Simple Notification Directive Using Event Dispatcher

Code Like a Poem!: AngularJs Tutorial 8 — Simple Notification Directive Using Event Dispatcher | Frontend Programming & Design | Scoop.it
Yet another blog for dudes and dummies to become a geek! A Programmers blog with tuts which lies in between the geeky and dummy level. Awesome programming tutorials you will ever find
more...
No comment yet.
Scooped by Entropic-Synergies
Scoop.it!

The Funnel is Dead, Long Live the Loop? - Digiday

Omnichannel marketing has killed the traditional purchase funnel and replaced it with an infinite loop where the shopping, and marketing, never stops. Presented by MediaMath.
more...
No comment yet.
Scooped by Entropic-Synergies
Scoop.it!

Mobile Workflow // Speaker Deck

more...
No comment yet.
Scooped by Entropic-Synergies
Scoop.it!

OSM for developers

OSM for developers | Frontend Programming & Design | Scoop.it
OSM for developers
more...
No comment yet.
Scooped by Entropic-Synergies
Scoop.it!

About · BuddyPress.org

Communities, the WordPress way
Entropic-Synergies's insight:

Transform your wordpress into a quick and dirty social network

more...
No comment yet.
Scooped by Entropic-Synergies
Scoop.it!

Essential web development testing tools for 2014

Essential web development testing tools for 2014 | Frontend Programming & Design | Scoop.it
Every developer needs a good suite of tools to stress-test their web sites in all necessary areas. From loading speed to potential hack vulnerabilities, a good
Entropic-Synergies's insight:

Great testing tools for programmers

more...
No comment yet.
Scooped by Entropic-Synergies
Scoop.it!

▶ Angular on the go: Using Angular to power Mobile Apps - YouTube

Awesome resources for creative professionals. Our goal is to help every designer and illustrator out there make some truly amazing designs.
more...
No comment yet.
Scooped by Entropic-Synergies
Scoop.it!

Xamarin - Build apps with C# and .NET for iOS, Android, Mac and Windows

Xamarin - Build apps with C# and .NET for iOS, Android, Mac and Windows | Frontend Programming & Design | Scoop.it
Xamarin is used by almost 500,000 developers to create fully native apps for iOS, Android, Mac and Windows using C#.
Entropic-Synergies's insight:

Nice alternative to other programming Mobile Platforms

more...
No comment yet.
Scooped by Entropic-Synergies
Scoop.it!

js-sequence-diagrams - YouTube

A look at js-sequence-diagrams https://github.com/bramp/js-sequence-diagrams
Entropic-Synergies's insight:

Very usefull and simple lib for diagrams txt 2 svg converter, cool for documentation for instance

more...
No comment yet.
Scooped by Entropic-Synergies
Scoop.it!

E-Commerce Sites Need 2 Types of Breadcrumbs (68% Get it Wrong) - Articles - Baymard Institute

E-Commerce Sites Need 2 Types of Breadcrumbs (68% Get it Wrong) - Articles - Baymard Institute | Frontend Programming & Design | Scoop.it
more...
No comment yet.
Scooped by Entropic-Synergies
Scoop.it!

Sauce Labs: Selenium Testing, Mobile Testing, JS Unit Testing and More

Sauce Labs: Selenium Testing, Mobile Testing, JS Unit Testing and More | Frontend Programming & Design | Scoop.it
Cloud testing made awesome - Selenium testing, mobile testing, JavaScript unit testing, 200+ OS/browser platforms. Get started for free.
Entropic-Synergies's insight:

Test over any OS/Browser your online apps remotely ...wao

more...
No comment yet.
Scooped by Entropic-Synergies
Scoop.it!

Color Template

more...
No comment yet.
Scooped by Entropic-Synergies
Scoop.it!

Awwwards - Website Awards - Best Web Design Trends

Awwwards - Website Awards - Best Web Design Trends | Frontend Programming & Design | Scoop.it
Awwwards are the Website Awards that recognize and promote the talent and effort of the best developers, designers and web agencies in the world.
more...
No comment yet.
Rescooped by Entropic-Synergies from HTML5 and CSS3
Scoop.it!

Creating Non-Rectangular Layouts with CSS Shapes

Creating Non-Rectangular Layouts with CSS Shapes | Frontend Programming & Design | Scoop.it

Via Miriam Stenson
more...
No comment yet.
Scooped by Entropic-Synergies
Scoop.it!

Why The Hell Would I Use Node.js? A Case-by-Case Introduction

Why The Hell Would I Use Node.js? A Case-by-Case Introduction | Frontend Programming & Design | Scoop.it
Node.js was never created to solve the compute scaling problem. It was created to solve the I/O scaling problem. Find out why, with case-by-case analysis.
more...
No comment yet.