If it's not fun, it's not JavaScript.
Programming languages like BASIC, Python, C has boring machine-like nature which requires developers to write extra code that's not directly related to the solution itself. Think about line numbers in BASIC or interfaces, classes and patterns in Java.
On the other hand JavaScript inherits the best traits of pure mathematics, LISP, C# which lead to a great deal of expressiveness (and fun!).
| # /etc/ hosts | |
| # For local developement | |
| 127.0.0.1 app.local | |
| 127.0.0.1 api.app.local |
| /** | |
| * Implement a tryCatch() method that logs exceptions for method invocations AND | |
| * promise rejection activity. | |
| * | |
| * @param notifyFn Function callback with logging/exception information (typically $log.error ) | |
| * @param scope Object Receiver for the notifyFn invocation ( optional ) | |
| * | |
| * @return Function used to guard and invoke the targeted actionFn | |
| */ | |
| function makeTryCatch( notifyFn, scope ) |
| var fs = require('fs'); | |
| var path = require('path'); | |
| var sweet = require('sweet.js'); | |
| module.exports = function(grunt) { | |
| grunt.initConfig({ | |
| sweetjs: { | |
| options: { | |
| modules: ['es6-macros'], | |
| sourceMap: true, |
| <!doctype html> | |
| <html ng-app="Demo"> | |
| <head> | |
| <meta charset="utf-8" /> | |
| <title> | |
| Preloading Images In AngularJS With Promises | |
| </title> | |
| </head> | |
| <body ng-controller="AppController"> |
| var WebSocketServer = require('ws').Server; | |
| var wss = new WebSocketServer({port: 8080}); | |
| var jwt = require('jsonwebtoken'); | |
| /** | |
| The way I like to work with 'ws' is to convert everything to an event if possible. | |
| **/ | |
| function toEvent (message) { | |
| try { |
| angular.module('myMdl', []).config(['$httpProvider', function($httpProvider) { | |
| $httpProvider.responseInterceptors.push([ | |
| '$q', '$templateCache', 'activeProfile', | |
| function($q, $templateCache, activeProfile) { | |
| // Keep track which HTML templates have already been modified. | |
| var modifiedTemplates = {}; | |
| // Tests if there are any keep/omit attributes. | |
| var HAS_FLAGS_EXP = /data-(keep|omit)/; |
| /* | |
| Triangle with Shadow | |
| */ | |
| .triangle-with-shadow { | |
| width: 50px; | |
| height: 100px; | |
| position: relative; | |
| overflow: hidden; | |
| box-shadow: none |
(by @andrestaltz)
So you're curious in learning this new thing called (Functional) Reactive Programming (FRP).
Learning it is hard, even harder by the lack of good material. When I started, I tried looking for tutorials. I found only a handful of practical guides, but they just scratched the surface and never tackled the challenge of building the whole architecture around it. Library documentations often don't help when you're trying to understand some function. I mean, honestly, look at this:
Rx.Observable.prototype.flatMapLatest(selector, [thisArg])
Projects each element of an observable sequence into a new sequence of observable sequences by incorporating the element's index and then transforms an observable sequence of observable sequences into an observable sequence producing values only from the most recent observable sequence.
| angular.module('ymusica').controller('AlbumSearch', ['$scope', 'Albums', 'Artists', '$q', function($scope, albums, artists, $q) { | |
| $scope.albums = []; | |
| $scope.artists = []; | |
| var terms = new Rx.Subject(); | |
| $scope.searchMusic = terms.onNext.bind(terms); | |
| terms.sample(250) |