Category Archives: Javascript

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() { […]

Angular JS Egghead Videos Aprendis

“The dot” Si dejamos ng-app=”” (vacío) podemos tener un comportamiento de data-binding inesperado.Por ejemplo no será lo mismo {{pepe.message}} que {{message}} cuando tengo varios controllers y data binding fuera de controllers. Esto se produce porque hay un parent scope y se producen efectos colaterales Sharing data between controllers Se hace creando un factory y metiendo […]

AngularJS: Dependency injection

[Fuente: https://docs.angularjs.org/guide/di] Dependency Injection Dependency Injection (DI) is a software design pattern that deals with how components get hold of their dependencies. The Angular injector subsystem is in charge of creating components, resolving their dependencies, and providing them to other components as requested. For in-depth discussion about DI, see Dependency Injection at Wikipedia, Inversion of Control by Martin Fowler, […]

Iris: Modern front-end development: Iris + GruntJS + NodeJS

[Fuente: http://www.thegameofcode.com/2013/05/front-end-with-iris-nodejs-gruntjs.html] ¿Por qué utilizar Iris? Los motores de Javascript actuales están evolucionando rápidamente y se están volviendo más rápidos y potentes. Sin embargo por otro lado es común encontrar códigos fuente de Javascript realmente feos y liosos. El framework de Iris te guía en la buena dirección y te ayuda a programar aplicaciones web […]

Autenticación en Single Page Applications With Angular.js

[Fuente: http://www.frederiknakstad.com/2013/01/21/authentication-in-single-page-applications-with-angular-js/] I have been working a lot with Angular.js lately, and love how easy it makes it to create web applications with rich client-side functionality. It’s an extremely useful asset in keeping your own client-side code lean, making it easy to separate business logic and declarative markup for anything view specific. However, it’s not […]

Javascript : Utilizando CORS (Cross-Origin-Resource-Sharing)

[Fuente: http://www.html5rocks.com/en/tutorials/cors/] Introduction APIs are the threads that let you stitch together a rich web experience. But this experience has a hard time translating to the browser, where the options for cross-domain requests are limited to techniques like JSON-P (which has limited use due to security concerns) or setting up a custom proxy (which can be a […]