background preloader

Doc/Dev

Facebook Twitter

Pocket : Ma liste. FullCalendar - Full-sized Calendar jQuery Plugin. Jmcunningham/AngularJS-Learning. The Complete Visual Guide to Sublime Text 3: Getting Started and Keyboard Shortcuts. Intro Sublime Text 3 is a blast to develop with.

The Complete Visual Guide to Sublime Text 3: Getting Started and Keyboard Shortcuts

We’ve gotten a ton of feeback since our last article that Chris shared. These posts are intended to be a sequel to that, with all your feedback collected, and some new findings of our own. This series will take you from a plain vanilla install of Sublime Text 3 to having it be your personal supercharged text editor with the best plugins, features, settings, and themes available on the web. We’ve also put together as many short HTML5 video demos of it as possible so you can see the beauty of Sublime Text 3 in action. Step 1: Install At the time of writing this, Sublime Text 3 is still in Public Beta; however, I wouldn’t let that scare you off from making jump from 2 to 3. Heads Up! Step 2: Install Package Control Sublime Text Packages are anything from plugins, syntax highlighting definitions, menus, snippets and more. Keyboard Shortcuts. Des applications ultra-rapides avec Node.js.

Node.js Resources for Beginners. Recently we've been doing a lot with Node.js (modulus.io anyone?)

Node.js Resources for Beginners

And during this time we've built a great list of resources for people who are looking to learn more. I present below some of the best resources that we’ve found for learning Node.js. Node.js and Express - Basic Authentication. Basic authentication can be a quick and efficient way to protect your content.

Node.js and Express - Basic Authentication

Brian Ford. AngularJS is like the missing Batarang on your utility belt of web development awesomeness.

Brian Ford

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. Incidentally, the two work quite well together! Node.js and Express - Sessions. Using sessions to keep track of users as they journey through your site is key to any respectable application.

Node.js and Express - Sessions

Luckily, as usual, using Express with your Node.js application makes it super simple to get sessions up and running. Express App Before we do anything else, we need an Express application. Creating an Express app is extremely simple, and the makers of Express do a pretty good job documenting the process. package.json app.js var express = require('express'); var app = express(); app.get('/awesome', function(req, res) { res.send("You're Awesome. "); }); app.get('/radical', function(req, res) { res.send('What a radical visit! ') Node.js and Express - Creating a REST API.

Once you learn a little bit of Node.js you find that modules make life much easier.

Node.js and Express - Creating a REST API

Node. Creating a Simple RESTful Web App with Node.js, Express, and MongoDB. NodeJs ~ 04 : Construction d’un mini projet (partie2) Ce tutoriel fait partie d’une série, cliquez ici pour accéder au sommaire.

NodeJs ~ 04 : Construction d’un mini projet (partie2)

Après avoir créé notre serveur http de fortune NodeJs, je vous ai vilement laissé sur votre faim, je profite donc de ces quelques minutes à moi pour avancer un peu cette partie avec vous. Aujourd’hui nous allons nous intéresser à une librairie particulièrement utile permettant d’exploiter toute la puissance de NodeJs : j’ai nommé socket.io, une librairie de gestion des websocket. Les websocket, quoi qu’est-ce ? Pour faire court, c’est un protocole qui vas nous permettre une communication instantanée entre le serveur et le client, aussi notre chat n’utiliseras pas une fumeuse technique de rafraîchissement ajax tous les x secondes pour vérifier les nouveau messages, tout se fera de manière instantanée. Ainsi pas d’échanges inutiles client/serveur, pas de latences,pas d’attentes synchrones, pas de surcharge useless du navigateur, pas d’ajax et une structure plus “propre” Pas mal ton truc !

Prêt ? Utilisation. Tutorial: Tutorial. Loading...

Tutorial: Tutorial

A great way to get introduced to AngularJS is to work through this tutorial, which walks you through the construction of an AngularJS web app. The app you will build is a catalog that displays a list of Android devices, lets you filter the list to see only devices that interest you, and then view details for any device. Follow the tutorial to see how AngularJS makes browsers smarter — without the use of native extensions or plug-ins: See examples of how to use client-side data binding to build dynamic views of data that change immediately in response to user actions.See how AngularJS keeps your views in sync with your data without the need for DOM manipulation.Learn a better, easier way to test your web apps, with Karma and Protractor.Learn how to use dependency injection and services to make common web tasks, such as getting data into your app, easier.

When you finish the tutorial you will be able to: Install Git Download angular-phonecat git clone --depth=16. Single Page Apps with AngularJS Routing and Templating. Overview Single page apps are becoming increasingly popular.

Single Page Apps with AngularJS Routing and Templating

Sites that mimic the single page app behavior are able to provide the feel of a phone/tablet application. Angular helps to create applications like this easily. Our Simple App. How To Use ngShow and ngHide. Today we’ll be looking at how we can use Angular’s ngShow and ngHide directives to do exactly what the directives sound like they do, show and hide!

How To Use ngShow and ngHide

What They Do ngShow and ngHide allow us to display or hide different elements. This helps when creating Angular apps since our single page applications will most likely have many moving parts that come and go as the state of our application changes. AngularJS Routing Using UI-Router. AngularJS provides a great way to make single page applications. When creating single page applications, routing will be very important.

We want our navigation to feel like a normal site and still not have our site refresh. FrAngular : AngularJS en français. AngularJS Lessons - Screencast Video Tutorials. Build a real-time polls application with Node.js, Express, AngularJS, and MongoDB. Recently while lecturing on HTML5 to a large group of students, I wanted to poll them and display their voting results, updating in real-time. I decided to quickly build a polling app for this purpose. I wanted a simple architecture and not too many different languages and frameworks.

So I decided to use JavaScript for everything — Node.js and Express for the server-side, MongoDB for the database, and AngularJS for the front-end user interface. “This MEAN stack (Mongo, Express, Angular, Node) may one day surpass the simplicity of the LAMP stack (Linux, Apache, MySQL, PHP) for web application development and deployment.”

Formation vidéo : AngularJS. How to structure large angularJS applications. I did it all wrong in my first angularJS application. Oh I did it really wrong! The structure of my first angular project looked something like this: Root folder.