Angular 2.0

Angular 4 en mars 2017 : oui Angular "4"

Si comme moi vous avez souffert des breaking changes pendant les RC d'Angular 2, l'annonce d'Angular 4 peut commencer à vous inquieter. Rassurez-vous, les efforts à fournir pour passer d'Angular 2 à Angular 4 seront, d'après Igor Minar, bien moindre. Pas d'Angular 3 Et d'abord, pourquoi avoir sauter la version…

Angular 2 : pour être en position de force en 2017

Si vous avez envie d'être positionné sur un nouveau projet (sortir de TMA par exemple) ou songez démissionner pour avoir une augmentation, Angular 2 sur un CV mais surtout au bout des doigts est une très bonne carte à jouer. Si vous êtes freelance, votre TJM sera supérieur sur de…

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. (edit : au 11 janvier 2017, ce sont désormais 71 vidéos, 7 heures de contenu). Dans le détails : Démarrer un projet Angular 2 1 - Installation d'un starter…

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…

Angular 2.0 - tutoriel 18 : récupérer les paramètres d'une URL à l'aide de RouteSegment

La récupération des paramètres d'une URL en Angular 2 se fait désormais à l'aide de la classe RouteSegment, qui dispose d'une propriété urlSegments (tableau dont chaque élément est un fragment de votre URL) et surtout d'une méthode getParam(), qui permet de récupérer un paramètre. Le cycle de vie du routage…

Angular 2.0 - tutoriel 17 : requêtes AJAX et observables

Angular 2 a opté pour l'utilisation des observables plutôt que des habituelles promises dans le cadre des requêtes asynchrones. RxJS, excellente librairie dédiée à l'asynchrone, a été choisie par l'équipe d'Angular 2 plutôt que de réinventer la roue. C'est donc les richesse et puissance des observables (épaulés par leurs nombreux…