Facebook SDK API

Fuente: https://developers.facebook.com/docs/javascript/quickstart/v2.3 Quickstart: Facebook SDK for JavaScript The Facebook SDK for JavaScript provides a rich set of client-side functionality that: Enables you to use the Like Button and other Social Plugins on your site. Enables you to use Facebook Login to lower the barrier for people to sign up on your site. Makes it easy to call into Facebook’s Graph API. Launch […]

AngularJS: Modules

[Fuente: https://docs.angularjs.org/guide/module] What is a Module? You can think of a module as a container for the different parts of your app – controllers, services, filters, directives, etc. Why? Most applications have a main method that instantiates and wires together the different parts of the application.Angular apps don’t have a main method. Instead modules declaratively […]

AngularJS: Directive resolve dependencies

If we want to wait for some server data for directive loading this is the pattern: angular.module(‘busuuApp.translations’) .directive(‘trs’, [‘trs’,’$http’, ‘$q’, ‘wordbee’, function(trs,$http, $q,wordbee,wordbeeStrings) { ‘use strict’; var translateArgs = function(str) { try { if (str[0] != ‘”‘ && str[0] != “‘”) { return trs.call(null, str); } else { // Strips the ” or ‘ on […]

AngularJS UI router

[Fuente: https://github.com/angular-ui/ui-router] The de-facto solution to flexible routing with nested views AngularUI Router is a routing framework for AngularJS, which allows you to organize the parts of your interface into a state machine. Unlike the $route service in the Angular ngRoute module, which is organized around URL routes, UI-Router is organized around states, which may optionally have routes, as well as […]

React: A javascript library for building user interfaces

[Fuente: http://facebook.github.io/react/index.html] JUST THE UI Lots of people use React as the V in MVC. Since React makes no assumptions about the rest of your technology stack, it’s easy to try it out on a small feature in an existing project. VIRTUAL DOM React uses a virtual DOM diff implementation for ultra-high performance. It can also render […]

Cross Site Request Forgery (CSRF)

[Fuente: http://es.wikipedia.org/wiki/Cross_Site_Request_Forgery] El CSRF (del inglés Cross-site request forgery o falsificación de petición en sitios cruzados) es un tipo de exploit malicioso de un sitio web en el que comandos no autorizados son transmitidos por un usuario en el cual el sitio web confía. Esta vulnerabilidad es conocida también por otros nombres como XSRF, enlace hostil, ataque de un click, cabalgamiento de sesión, y ataque automático. Ejemplo Un ejemplo muy clásico […]

404 on jquery min map file

If Chrome DevTools is reporting a 404 for a .map file (maybe jquery-1.10.2.min.map, jquery.min.map or jquery-2.0.3.min.map, but can happen with anything) first thing to know is this is only requested when using the DevTools. Your users will not be hitting this 404. Now you can fix this or disable the sourcemap functionality. Fix: get the files Next, it’s an easy […]

Pusher: adding realtime bi-directional functionality via WebSockets to web and mobile apps

[Fuente: https://pusher.com/docs] Understanding Pusher Pusher is a simple hosted API for quickly, easily and securely adding realtime bi-directional functionality via WebSockets to web and mobile apps, or any other Internet connected device. We offer a rich suite of libraries that you can use within your applications, including a JavaScript client library for web and HTML5 apps. Our event based abstraction makes […]

AngularJS : E2E Testing : Protractor

[Fuente: https://github.com/angular/protractor] Protractor  Protractor is an end-to-end test framework for AngularJS applications. Protractor is a Node.js program built on top of WebDriverJS. Protractor runs tests against your application running in a real browser, interacting with it as a user would. Test Like a User Protractor is built on top of WebDriverJS, which uses native events and browser-specific drivers to interact with […]

AngularJS : Buenas practicas

[Fuente: https://github.com/inavarroreus/angularjs-styleguide] Single Responsability Cada componente de angular en su fichero Immediately Invoked Function Expression (IIFE) Envolver los componentes de angular con bloques de Javascript Esto elimina los efectos de ir dejando muchas declaraciones globales que pueden entrar en conflicto /** * recommended * * no globals are left behind */ // logger.js (function() { […]