Taming the AngularJS – Tutorials to get you started

Web Code Geeks on Steroids

Taming AngularJS

First baby steps with Angular.js
This article outlines some of my notes of a webinar about Angular.js I recently participated at. These are really just “baby steps” in that it covers the very basics that might help to get started. Since these are really my first steps with Angular, I might have misunderstood some of the stuff. So feel free to help me improve this article!

Learning Angular: What is the scope of your directive?
This might create quite some debugging headaches, especially in a larger application. Things don’t bind properly, have different data on the scope than you’d expect etc.. When you define your directives, you have to be really careful about their scope.

Learning Angular: Access directive scope variables from directive controllers and vice versa
Angular directives can have a separate, isolated scope, which is even the suggested approach most of the time. And they can have directive controllers. But…how do I access the directive’s scope variables from the directive controller and vice-versa?? It’s quite simple, read on and see it yourself.

Why Angular is not only for single page web apps
AngularJs is often seen as a viable solution for building full scale single page web applications. Although that is a good use case for Angular, in this post we will explore how the framework can also be used to incrementally add functionality to any web page in general, in some cases with little to no Javascript needed.

Understanding Providers, Services, and Factories in Angular
I’ve read quite a few posts (as well as questions posed) about the differences between services and factories in Angular. I’ve seen just as many attempts to explain it and even fell victim to trying to force an explanation for the difference myself. The answer is more simple than you may think and is evident if you browse the Angular source code and then re-read the documentation.

open.php?u=09cef08fc376e6da2dace7d09&id=7bbc1eddd0&e=7d180cd87d

Ext JS 6: Lo bueno, lo malo y lo feo!

¿Qué es Jaggery?

Jaggery es un framework con licencia Apache 2.0 para escribir aplicaciones y servicios Web completas:Front-end, comunicación, lógica en Servidor y persistencia, todo ello en Javascript.

Las aplicaciones Jaggery se despliegan sobre el Jaggery Server (un Servidor Java construido sobre WSO2 Carbon Runtime), y ofrece una consola que permite desplegar y gestionar aplicaciones Jaggery:

También ofrece una CLI para desplegar apps vía línea de comandos.

Entre sus herramientas tenemos un Editor para IntelliJ y un Debugger sobre Rhino Javascript Debugger: http://jaggeryjs.org/tools.jag

Para probarlo lo mejor es echar un ojo a sus demos.

¿Qué es DynJS?

DynJS es un Runtime ECMAScript para la JVM Java.

Para ver lo que nos ofrece basta con:

1. Descomprimir su ZIP (versión actual la 0.3.0): https://oss.sonatype.org/content/repositories/releases/org/dynjs/dynjs/0.3.0/dynjs-0.3.0-dist.zip

2. Desde una Shell (o cygwin) ejecutar /dynjs-0.3.0/bin/dynjs –consol

3. Escribir algo en Javascript:

4. O escribir un pequeño JS: ejemplo.js

print("Hi! What’s your name?");

var sayHello = function(name) {

print("Hello " + name);

}

System = java.lang.System;

scanner = new java.util.Scanner(System.in);

name = scanner.nextLine();

sayHello(name);

Y lanzarlo con

DynJS también puede embeberse en una aplicación Java:

1. Importamos la librería en nuestor pom.xml:

2. Lo uso así:

En un próximo post veréis por qué es tan interesante DynJS….

React.js Essentials

Gestores de contenido en Node.js

WordPress, Drupal o Joomla son tres de las opciones más conocidas dentro del mercado de los sistemas de gestión de contenidos. Pero el impulso del JavaScript como lenguaje multifuncional descubre otras opciones: KeystoneJS, Hatch.js, Apostrophe o Pencilblue.

Leer más en http://www.bbvaopen4u.com/

NVD3: Charts reusables para D3.js

NVD3 es una librería que ofrece componentes Charts y Charts reutilizables construidos sobre d3.js, NVD3 nos ofrece toda la potencia de D3 simplificando su uso.

En sus ejemplos podéis ver todos los charts que ofrecen:

Por ejemplo: http://nvd3.org/examples/stackedArea.html

Este gráfico:

Se genera con:

Seguir

Recibe cada nueva publicación en tu buzón de correo electrónico.

Únete a otros 704 seguidores

A %d blogueros les gusta esto: