Lancer un nouveau projet Webpack rapidement

La petite astuce du jour :

Si comme moi, vous avez entendu parler de Webpack, souhaitez le tester mais sans trop vous prendre la tête sur la configuration, il existe un générateur écrit en nodejs vous permettant d'initialiser un projet rapidement.

L'outil Unstuck - Webpack vous permet de créer un nouveau projet en choisissant l'environnement sur lequel vous souhaitez travailler via un système de templates :

  • Nodejs + Babel
  • Angular 1 + Less
  • Angular 2 + scss / sass
  • React + scss / sass
  • Ember + scss / sass
  • Vuejs + stylus

Pour ceux qui ne sont pas connaisseurs, Webpack est un générateur de tâches à l'instar de Gulp / Grunt, qui permet de :

  • Gérer les CSS / images / fontes / librairies sous forme de modules
  • Gérer différentes builds pour les projets clients

Il est également davantage optimisé lors de son initialisation que d'autres générateurs tel que Gulp.

#Web2Day 2017 : Jeudi 08/06/2017. Génération de rapports avec Carbone.io

Web2Day

Nous sommes en 2017, à l'ère du Big Data, de l'Intelligence Artificielle et des voyages dans l'espace, et pourtant il est toujours aussi pénible de générer un document PDF avec des en-têtes et pieds de page digne de ce nom. Heureusement, David GRELAUD de Ideolys n'a pas hésité un seul instant avant d'enfiler sa cape de super-héro et de voler à notre rescousse lors du Web2Day 2017. Retour sur sa présentation de la librairie Carbone.io, qui risque fort de nous changer la vie...

David Grelaud

David Grelaud, vêtu de sa cape de super-héro

Introduction à Angular 2

angular2

C’est quoi Angular 2 ?

Si vous connaissez AngularJS (Angular 1.x), vous pensez peut-être qu’Angular2 est une upgrade d’AngularJS. En réalité, Angular2 a été totalement réécrit par Google, ce qui en fait un nouveau framework à part entière, avec une philosophie et des concepts propres à lui.

AngularJS nous a fourni beaucoup de fonctionnalités, comme la gestion des routes, interaction entre client et serveur, interpolation, directives, filtres, …, le tout sous une architecture MVW.

Certaines de ses fonctionnalités telles que le data-binding et les filters ont été reprises et modifiées dans Angular 2. Nous allons voir une liste de comparaisons, côté HTML et script.

Parcourir l'article

Dépendances Front-end Bower avec Symfony

bower

L’intégration et le suivi  du cycle d’évolution des versions des librairies JavaScripts et Css  dans un projet est bien souvent chose difficile. Aujourd’hui nous vous présenterons un outil qui vous permettra de ne plus vous en  soucier : Bower.

Dans cet article nous vous présenterons Bower et comment  l’utiliser dans un environnement Symfony  sous Ubuntu.

Intégration d’emails responsives avec MJML

En tant qu’intégrateur HTML, nous sommes souvent sollicités pour intégrer des newsletters / campagnes promotionnelles pour des clients.

La mise en forme de ces newsletters est assez chronophage car nous devons intégrer les éléments d’une maquette via des tableaux, et aussi veiller à ce que les styles utilisés soient pris en charge par les messageries électroniques les plus utilisées.

Toutes ces problématiques nous ont amenés à chercher un outil qui nous permettrait de créer ces newsletters plus rapidement, tout en s’assurant de leur compatibilité.

mjml

Framework METEOR

meteor-logo

Qu'est-ce que METEOR ?

METEOR ne fait pas référence aux astres comme l'on peut imaginer, mais un Framework de développement Web en Javascript, open source et basé sur NodeJs.

Meteor est non seulement un Framework assez complet et autonome mais supporte aussi le Cross-plateform (Multiplateforme), c'est à dire sur Mobile (Android / IOS) que sur les explorateurs internet (IE, Firefox, ...).

Dans cette article, nous allons voir :

  • Les principes de METEOR : Que fait la météorite ?
  • Les pré-requis : Quelles sont les surprises pour commencer ?
  • L'installation et l'utilisation : Attention, l'apprentissage se fait sur le site officiel
  • Les points forts : D’où vient la météorite ? Pourquoi lui ?
  • Les points faibles : Superman a aussi sa faiblesse...
  • Liens