Tous les articles de la catégorie 'AngularJs'

Sep 12 2016

Utiliser Webpack avec AngularJS – Partie 3 : Hot Module Replacement

Etape 3 : HMR, Components & LazyLoad

Nous somme ici dans le troisième et dernier article de cette suite  (cf Partie 1 & Partie 2). Si vous n’avez pas suivi les étapes précédentes, je vous conseille de partir d’un clone des sources de la partie précédente.

Hot Module Replacement (HMR)

Le HMR (pour ‘Hot Module Replacement’, aussi appelé ‘hot module swapping’) est, à mon sens, l’outil ultime des développeurs.

En effet, contrairement aux rumeurs, il n’est pas réservé à ReactJS, n’est pas si difficile d’accès et, surtout, ce n’est pas la même chose que le live reload ! Je vais eclaircir ce dernier point : le live reload rafraîchit la page lorsque le code est mis à jour, le HMR remplace le code en place et met à jour le site sans refresh.

Lire la suite …

FacebookTwitterGoogle+LinkedInViadeoShare
Août 19 2016

Utiliser Webpack avec AngularJS – Partie 2

Etape 2 : les tests

Rappel des épisodes précédents

Dans mon précédent article Utiliser Webpack avec AngularJS – Partie 1, j’expliquais ce qu’est Webpack, à quoi il sert et comment créer une première application AngularJS en bundle.

Pour rappel, Webpack est un outil permettant de nous sortir de nos task-runners gulp ou grunt et qui  propose certaines fonctionnalités comme :

  • disposer de toutes les ressources statiques en tant que module,
  • intégrer et consommer des bibliothèques tierces très simplement en tant que module,
  • séparer votre build en plusieurs morceaux, chargés à la demande,
  • adapté pour les gros projets.

Pour bien commencer, je vous propose de partir directement des sources de la première partie présentes sur Github : Webpack-starter/Step1.

Lire la suite …

FacebookTwitterGoogle+LinkedInViadeoShare
Juil 25 2016

Utiliser Webpack avec AngularJS – Partie 1

webpack

Au détour d’une réunion technique, j’entends parler de Webpack. Il est présenté comme un facilitateur, un outil permettant de nous sortir de nos task-runners gulp ou grunt, qui peuvent rappeler, par moments, la grande époque du développement logiciel où beaucoup était fait à la main.

Projet déjà très populaire au sein de la communauté ReactJS, il apporte des fonctionnalités plutôt pratiques :

  • disposer de toutes les ressources statiques en tant que module,
  • intégrer et consommer des bibliothèques tierces très simplement en tant que module,
  • séparer votre build en plusieurs morceaux, chargés à la demande,
  • adapté pour les gros projets.

Lire la suite …

FacebookTwitterGoogle+LinkedInViadeoShare
Mar 29 2016

Contrer la faille CSRF dans les applications Web API

Comme évoqué dans ce premier article, la faille de sécurité de type Cross-Site Request Forgery est relativement facile à éviter sur des applications ASP.NET MVC avec le moteur de rendu Razor. L’appel à un helper HTML et à un attribut MVC lors de la validation du formulaire permettent de s’assurer que la validation du formulaire est bien réalisée par l’utilisateur authentifié lui-même.

Cette mécanique devient un peu plus compliquée à gérer pour les applications “single page” n’utilisant pas le moteur de rendu Razor, et faisant appel à des controllers WebApi et non pas MVC. L’exemple suivant s’appuie également sur le framework Angular Js, mais il pourrait être mis en œuvre sur une application ne l’utilisant pas. La suite de l’article s’inspire de l’article suivant, en complétant certains points essentiels.

Lire la suite …

FacebookTwitterGoogle+LinkedInViadeoShare
Mar 14 2016

Retour Devfest Paris 2016

Le 05/02 a eu lieu le DevFest Paris 2016 organisé par le Google Developers Group Paris. C’est un événement d’une journée offrant des conférences sur les technologies Google aux 600 développeurs présents. Les principales thématiques étaient Android, le Web et le Cloud.

devfest

Le DevFest a débuté par une keynote pour se poursuivre par des conférences sur quatre tracks en parallèle ; pour enfin finir sur une keynote de fermeture.

Lire la suite …

FacebookTwitterGoogle+LinkedInViadeoShare