Découvrir Angular : Le binding de propriété (part.3/7)
on à réalisé un binding de donnée dans le template du composant racine AppComponent. Le binding de propriété est un concept phare d’Angular.
Découvrir Angular : Jouer avec les modules et les composants (part.2/7)
Dans le dossier ./app de notre application, on peut voir les fichiers nommés app.component.xxx , c’est l’ensemble de ses fichiers qui forment le premier composant de l’application.
Découvrir Angular : Installation et création du projet (part. 1/7)
Apprendre les bases d’Angular en 7 jours c’est possible avec la formation « DiscoverIn7Days » ! Et c’est gratuit…
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…
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…
Découverte de Scrollify : Créer un site en single page
Pour certains site vitrine, il est parfois adapté de faire une simple page informative mais attractive pour le visiteur. Même si on a pas beaucoup de contenu on a envie d’avoir une présentation offrant une expérience utilisateur sympa qui fera qu’on se souviendra de nous. Un plugin est bien pour réaliser ce type de site…
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…