background preloader

Brian Ford

Brian Ford
AngularJS is like the missing Batarang on your utility belt of web development awesomeness. It gives you two-way data binding that's both easy to use and fast, a powerful directive system that lets you use create reusable custom components, plus a lot more. Express is an excellent webserver for Node.js that provides routing, middleware, and sessions. In this tutorial, I'm going to walk through writing a simple blog app with Angular and Express. If you'd rather skip to the end and see the finished product, you can grab the finished product from Github, or take a look at a live demo here. Anatomy of the App This application is really divided into two parts: client, and server. Getting the Angular Express Seed To kick start the process of writing an AngularJS app, I've created the Angular Express Seed, based on the Express web server (which runs on Node.js) and the Angular Seed. To get started, you can either clone the angular-node-seed repo from Github: or download it as a zip. λ → npm install Related:  Web, Programming and Tech

Bootswatch: Free themes for Twitter Bootstrap Climb That Mountain: JavaScript Testing with Mocha JavaScript is a neat and powerful language. Sure it has its flaws, but serious software can be developed with it. The way I prefer developing JavaScript applications is by test driving the code with some kind of testing tool. And I am not thinking about hitting the browser's refresh button. No, I mean executing the specs right in the terminal. I recently started playing with Visionmedia's mocha testing framework. This blog post will show you the first couple of steps you need to take to test drive your JavaScript code with mocha in the CLI. First of all, you need node.js to run JavaScript code in the terminal. At the time of this writing my current node version is 0.6.6. Next you need node's package management tool (npm). With these two steps you're ready to roll. I really wanted to help you - Dear Reader - so I created this shell script to make your life easier. curl -L | sh If everything goes OK, you will see this: ✔ 1 tests complete (1ms) Enjoy!

Angular and i18next How do I get started with Node.js Sur la route d'Oxiane » Blog Archive Application AngularJS avec Yeoman, Express et JewelryBox sous Mac OS X Yeoman a été créé dans l’optique de faciliter l’initialisation de web apps JavaScript, en regroupant un ensemble de 3 utilitaires tournant sous Node.js : Yo : initialise la structure de la web app.Grunt : déclenche les phases de test, preview et build de la web app.Bower : assure la gestion des dépendances. Express est un framework d’application web fonctionnant lui aussi sous Node.js. Lorsque l’on génère le squelette d’une web app angular, Yo propose de gérer le design avec Twitter Bootstrap et des feuilles de style SASS. Ruby est installé par défaut sous OS X, mais il est préférable, comme sous d’autres OS d’avoir recours à RVM, un outil en ligne de commande qui installe, gère et permet de travailler facilement avec plusieurs environnements Ruby différents. Pour installer et utiliser RVM il existe un client graphique très pratique : JewelryBox. Mise à jour de XCode Passer à la version 4.6.1 et installer les « Command line tools » (menu préférences de XCode). Installation de JewerlyBox

angular/angular-seed How To Node - NodeJS CoffeeScript vs. TypeScript by Paul Oliver on Prezi AngularJS: Lessons learned At Devoxx 2012 I attended the AngularJS presentation by Igor Minar and Misko Hevery. I was very enthusiastic about the capabilities of this front-end framework. Therefore I started experimenting with it. I created a sample for the Axon Framework, read more about it here. The next step was a bigger project, writing an Elasticsearch plugin to query your Elasticsearch instance. In this blog post I'll give you some lessons learned with respect to AngularJS. Introduction I am not going to write down a complete guide into AngularJS. If you want to tag along using the sources, checkout my Github project. The AngularJS tricks Use the angular quick start (aka angular-seed) The Angular team provides a project template that they call the angular-seed. Using partials When you have the plugin installed in Elasticsearch and you browse to the plugin, you'll get to see the index.html. Custom directive for navigation Concluding

reveal.js - The HTML Presentation Framework HTML Presentations Made Easy Created by Hakim El Hattab / @hakimel Heads Up reveal.js is a framework for easily creating beautiful presentations using HTML. You'll need a browser with support for CSS 3D transforms to see it in its full glory. Vertical Slides Slides can be nested inside of other slides, try pressing . Basement Level 1 Press down or up to navigate. Basement Level 2 Cornify Basement Level 3 That's it, time to go back up. Slides Not a coder? Point of View Press ESC to enter the slide overview. Hold down alt and click on any element to zoom in on it using zoom.js. Works in Mobile Safari Try it out! Marvelous Unordered List No order here Or here Or here Or here Fantastic Ordered List One is smaller than... Markdown support For those of you who like that sort of thing. <section data-markdown> For those of you who like that sort of thing. Transition Styles You can select from different transitions, like: Cube - Page - Concave - Zoom - Linear - Fade - None - Default Themes Global State Custom Events