Le pattern Decorator de TypeScript pour Angular

Pour le support d’Angular, TypeScript 1.5 s’est vu doté d’une nouvelle fonctionnalité : Les décorateurs. Si vous n’avez pas de base de connaissance en TypeScript, je vous conseille de lire rapidement l’article « Découverte de TypeScript ». Qu’est-ce qu’un décorateur ? C’est une façon de faire de la méta-programmation. Une sorte d’annotation, ne servant pas réellement au…

typescript-cover-2018

Découverte de TypeScript

TypeScript est un sur-ensemble de JavaScript d’ES5 et maintenant ES6 qui propose quelques options supplémentaires intéressantes comme le typage des variables par exemple. En gros, c’est du JavaScript amélioré sauf qu’ici le code sera compilé pour donner le code JavaScript final. Avant de passer à l’action, voici quelques explications ! Les types et les fonctions…

TypeScript avec Visual Studio Code

TypeScript est un framework nouvelle génération pour le développement JavaScript. Ici, on part du principe que node.js et visual studio Code sont déjà installé sur notre machine. L’Installation ! On va pouvoir installer TS de manière globale pour le pc (-g) via npm npm install -g typescript Création du projet En reprenant le même fichier…

TypeScript avec sublime text 3

Pour installer TypeScript et l’utiliser dans sublime text, il faut installer node.js. L’Installation ! On va pouvoir installer de manière globale pour le pc (-g) via npm npm install -g typescript Configuration et build Maintenant, pour pouvoir builder nos fichiers .JS il va falloir paramétrer un “build system”. On va installer le plugin TypeScript de…

Introduction à Grunt JS

Qu’est ce que Grunt ? Grunt est un outil permettant de faciliter la publication de site web, car il va nous permettre d’optimiser les fichiers CSS, JS, vérifier le PHP, copier et déplacer des images etc… Pré-requis Utilisons un dossier typique d’un petit site web, contenant donc plusieurs css, js, php et des images. Installation…

Découverte de Phaser.IO – #02 (Initialisation)

Initialisation du projet Nous allons commencer par créer un simple fichier HTML5 à la racine de notre dossier « 1stPhaserGame » nommé « index.html » et y inclure phaser.io : <head> <meta charset= »UTF-8″ /> <title>1stPhaserGame</title> <script type= »text/javascript » src= »phaser.min.js »></script> </head> Nous allons définir la zone de notre jeu, en créant un simple élément « div » et en lui donnant un id…

Découverte de Phaser.IO – #01 (Installation)

Phaser.IO est un jeune framework de développement de jeux 2D en JavaScript.La communauté est active et de plus en plus nombreuse, ce qui constitue un avantage certain 😉 De nombreuses fonctionnalités sont disponibles  comme la gestion de WebGL et Canvas pour le rendu graphique, mais également une multitude d’éléments nous permettant de gagner du temps…