background preloader


Related:  JS Libraries

Promises in AngularJS, Explained as a Cartoon One morning, a father says to his son: "Go and get the weather forecast, son!" Every Sunday morning, a father asks his son to go and find out the weather forecast for the afternoon, by using his super-strong telescope to look across the horizon from the tallest hill by their house. The son promises his dad he will go and get the weather forecast. He creates a promise with his dad at the door when he leaves. At that point, the dad decides if the weather tomorrow is good, he'll prepare a fishing trip for tomorrow. If it's bad he won't. After 30mins or so, the son comes back. Outcome A) Weather forecast retrieved! The son succeeded in retrieving the weather forecast, clear skies and sunshine! Outcome B) Weather forecast retrieved! The son succeeded in retrieving the weather forecast, but it looked like cloudy and rain. Outcome C) Couldn't get the weather forecast :-/ How does this look in code? Controller: FatherCtrl The father is controlling the situation here: Service: SonService Summary

Curso de jQuery (2): Selectores, Primera Parte Por un selector entendemos en jQuery lo mismo que en CSS: una forma de permitirnos elegir un elemento (o varios) entre todos los que tenemos en nuestro documento HTML. ¿Para qué? Para luego poder aplicar sobre los elementos seleccionados diversas funciones. Es decir, jQuery utiliza el poder de los selectores para acceder de una manera rápida y sencilla a un elemento o grupo de elementos del DOM (Document Object Model) y luego poder aplicar sobre los mismos cualquier tipo de instrucción, evento, animación, etc…. Pero vamos a empezar desde el principio. Antes de nada es importante saber que el DOM (Document Object Model, el esqueleto de nuestra página web) utiliza una estructura de árbol para definir las relaciones entre sus elementos, en la que tenemos padres, hijos, etc… Por ejemplo: $(‘selector’) No importa qué tipo de selector usemos en jQuery: siempre comenzaremos con $(). Selectores CSS Selectores propios de jQuery Vamos a distinguir entre ellos: Otros capítulos del curso

csvfix - CSVfix is a tool for manipulating CSV data News: As Google has disabled the ability to provide binary downloads here, and as I want to do a release of CSVfix 1.6 in the not too distant future, I'm in the process of moving this site to Bitbucket. The source code and the manual are already there, and I hope to transfer all other content in the next few days (neilb, 12/04/2014) The Problem If you have any dealings at all with data and databases, then you almost certainly will have have to deal with comma-separated values (CSV) data. Unfortunately, the CSV files you are given, or are required to produce, never seem to be in quite the right format for your particular business application. And because of the structure of CSV records, using standard text processing tools like sed, awk and perl on CSV files is not as simple as it might be. The Solution CSVfix is a command-line tool specifically designed to deal with CSV data. The CSVfix manual, detailing all commands, is here.

AngularJS — Superheroic JavaScript MVW Framework A re-introduction to JavaScript (JS Tutorial) - JavaScript Why a re-introduction? Because JavaScript is notorious for being the world's most misunderstood programming language. It is often derided as being a toy, but beneath its layer of deceptive simplicity, powerful language features await. JavaScript is now used by an incredible number of high-profile applications, showing that deeper knowledge of this technology is an important skill for any web or mobile developer. It's useful to start with an overview of the language's history. Several months later, Microsoft released JScript with Internet Explorer 3. Because it is more familiar, we will refer to ECMAScript as "JavaScript" from this point on. Unlike most programming languages, the JavaScript language has no concept of input or output. Overview JavaScript is a multi-paradigm, dynamic language with types and operators, standard built-in objects, and methods. Let's start off by looking at the building blocks of any language: the types. And there are some built-in Error types as well. Numbers

ngAnimate Loading... The ngAnimate module provides support for JavaScript, CSS3 transition and CSS3 keyframe animation hooks within existing core and custom directives. To see animations in action, all that is required is to define the appropriate CSS classes or to register a JavaScript animation via the myModule.animation() function. Below is a more detailed breakdown of the supported animation events provided by pre-existing ng directives: You can find out more information about animations upon visiting each directive page. Below is an example of how to apply animations to a directive that supports animation hooks: Keep in mind that, by default, if an animation is running, any child elements cannot be animated until the parent element's animation has completed. <div class="slide-animation" ng-if="on" ng-animate-children><div class="fade-animation" ng-if="on"><div class="explode-animation" ng-if="on"> ... Are animations run when the application starts? No they are not. CSS-defined Animations Provider

browserify Top 10 Apps: Web-based Task Managers I’ve been jumping from app to app, for as long as I can remember, in search of the best web-based task management app. I’ve never really been satisfied until recently when I discovered Flow. Finding the perfect task manager is a little like searching for a unicorn — it’s just not going to happen. Hopefully our list of the 10 best web-based task management apps will help in your search, if you haven’t already found yours. Note: I’ve ordered these according to my personal preferences and experiences but your mileage may vary. 1. Producteev In my quest for the perfect task manager, Producteev stood out as being one of the absolute best, without a doubt. Producteev isn’t just fantastic for the individual, it’s built for teams too. Pricing Producteev Pricing 2. Flow If you’re a fan of Mac-style interface designs, Flow will likely appeal to you. Flow has an elegance, simplicity and seamless functionality about it that just gets me. It’s not cheap, but some may find its worth the price. 3. 4. 5.

Yeoman - Modern workflows for modern webapps Parsley.js 10 Reasons Why You Should Use AngularJS If you haven’t tried Angular yet, you’re missing out on why people say JavaScript is the most flexible language in the world. Angular is the only framework that doesn’t make MVC seem like putting lipstick on a pig. Most frameworks nowadays are simply a bundling of existing tools. They are an integrated tool set, but not very elegant. Here are 10 reasons why you should be using Angular today. 1. Most frameworks implement MVC by asking you to split your app into MVC components, then require you to write code to string them up together again. Because Angular acts as the mediator, developers also won’t feel tempted to write shortcuts between components that break abstractions just to make them fit easier. 2. Angular uses HTML to define the app’s user interface. HTML is also used to determine the execution of the app. 3. Data models in Angular are plain old JavaScript objects (POJO) and don’t require extraneous getter and setter functions. 4. Directives come in the form of custom HTML elements

D3.js - Data-Driven Documents Atmosphere/atmosphere