Failed at the angular-quickstart@1.0.0 start script 'tsc && concurrently "tsc -w" "lite-server" '

Tel est le message d'erreur qui m'a cueilli lorsque j'ai exécuté mon habituel "npm start" sur une application Angular 2 créée il y a quelques temps déjà à partir du starter kit proposé sur le site d'angular.io, alors que la veille au soir encore, tout marchait bien. npm ERR…

Angular 2 par la pratique : ajout d'une section consacrée aux animations en Angular 2

Comme annoncé lors du lancement de la série "Angular 2 par la pratique", les mises à jour seront régulières et fréquentes. Ainsi, une nouvelle section consacrée entièrement aux animations a été ajoutée ce lundi 28 novembre 2016. Sont détaillés : la propriété "animations" des méta données d'un component l'utilisation des trigger…

Angular 2 par la pratique : 35 vidéos d'une durée totale de 4 heures pour apprendre Angular 2 en français

J'ai le plaisir de vous annoncer le lancement ce mercredi 23 novembre 2016 d'une formation dédiée à Angular 2 version finale en français. Dans le détails : Démarrer un projet Angular 2 1 - Installation d'un starter kit et architecture d'une application Angular 2 2 - Gérer l'affichage des fichiers TypeScript…

Angular 2 tutoriel 6 en français : comment utiliser les modules proposés par ng2-bootstrap

Voici une mise en oeuvre concrète de l'utilisation d'un module proposé par un éditeur. Ce que nous avons vu durant la vidéo d'architecture d'Angular 2 montre bien qu'il est possible d'importer des modules externes comme on le fait avec les modules fournis par les développeurs du framework Angular 2. La…

Angular 2 tutoriel 5 : le décorateur @Input()

Un component est une entité simple : dans une classe TypeScript, du code pour la logique au dessus de cette classe, un décorateur @Component() contenant les metadonnées nécessaires pour "upgrader" la simple classe TypeScript en ... component justement un template pour l'interface graphique Nous avons vu la semaine passée comme faire communiquer…

Angular 2 version finale - tutoriel 4 : les quatre types de data binding

Un component étant constitué d'un côté d'une classe TypeScript et de l'autre d'un template, on se pose rapidement la question suivante : comment donc faire communiquer ces deux entités ? Et bien ce sont pas moins de quatre types de "data binding" qui s'offrent à vous, selon que vous souhaitiez communiquer du…

Angular 2 version finale tutoriel 3 : gestion de formulaire via ReactiveFormsModule

La gestion des formulaires en Angular 2 peut se faire de deux façons : exclusivement via des directive dans le template - à la manière de se qui se fait en AngularJS - (méthode dite "template driven form"), ou bien essentiellement via des objets côté TypeScript, certes épaulés par des directives…

Nouvelle playlist : Angular 2 (version finale)

Vous avez été nombreux à regarder la playlist consacrée à Angular 2 beta puis aux RC et je vous en remercie. Depuis mars 2016 (date de mise en ligne de cette playlist), de nombreux changements ont été apportés à Angular 2, à tel point que de nombreux forums et blogs…

Ionic 2 generators

Les generators d'ionic sont des scaffolders, qui génèrent donc le squelette d'une page, d'un service ...etc ... . Pour savoir quels sont les generators à votre disposition: ionic generate --help Il est ainsi possible de générer les éléments suivants: component directive page pipe provider (ce qui correspond à un service) tabs Par…

Ionic 2 @Page et @App sont désormais deprecated

Si vous l'habitude de lire des exemples de code source d'applications Ionic 2 ou des réponses stackoverflow sur Ionic 2, vous êtes habitué à voir le decorator @Page décorer une classe pour en faire une page d'application Ionic 2. Ce decorator n'est plus utilisé. C'est @Component, que vous utilisez déjà…

Problèmes d'installation de modules avec NPM

Si ça devrait marcher et que ça veut pas, parfois un petit : rm -rf node_modules npm cache clean npm install et ça repart. …

Object.assign() ou comment cloner un objet JavaScript

En ces temps d'immutabilité fortement encouragée dans le JavaScript contemporain, pouvoir facilement cloner un objet JavaScript, c'est déjà avoir fait la moitié du chemin. Aussi, Object.assign(), nativement fourni par ES6, devrait trouvé sa place dans vos méthodes préférées. Si vous avez connu "extend()" de jQuery, vous allez très vite…