Nouveaux tutoriels Angular 2.0 Pour aider les anciens à passer à Angular 2.0 et les nouveaux venus à entrer directement dans cette nouvelle version, cette série de tutoriels Angular 2.0 en français AngularJS 1.x et Angular 2.0 Les différences entre AngularJS 1.X à Angular…
Immergé dans Angular 2 afin de préparer la prochaine série de tutoriels qui sera consacrée à cette nouvelle version du célèbre framework développé par Google, il m'a fallu suivre le mouvement et passer à TypeScript. Ca ne me faisait pas plaisir : j'avais l'impression de repasser du fonctionnel prototypal de JavaScript…
Dix petits jeux classiques réécrits en JavaScript. Parfois en 30 lignes de code, parfois en un peu plus. Mais ça vous donne une idée du défi relevé. Un lien vers JSFiddle permet de tester chacun des jeux. Ils ont beau être simplissimes, on se surprend à jouer et même, à…
En ce début février 2016, Angular 2 est encore en beta et Ionic 2 en alpha. L'un comme l'autre ont en commun d'utiliser les nouveautés d'ECMAScript 6, qui est en version finale depuis juin 2015. Autrement dit, c'est le moment idéal pour monter en compétence sur ECMAScript 6 (souvent appelé…
Pour pratiquer la nouvelle version de JavaScript - ES6 (ou ECMAScript 6) précédemment baptisée ECMAScript 2015 - et toutes ses nouveautés (let, const, spread operators ...etc...), il est parfois plus simple d'utiliser babel récupéré depuis un CDN. Voici ce que cela donne : <!DOCTYPE html> <html> <…
Les frameworks JavaScript connaissent des pics de popularité de 2 ans. Souvenez vous : il y a 4 ans, on ne parlait que de Backbone.js, puis ça a été le tour d'AngularJS. Aujourd'hui, c'est React (et certes Angular 2, mais React fait de plus en plus parler). Si apprendre à…
Après avoir créé une cinquantaine de vidéos sur Angular, Express, MongoDB, Mongoose et Node sur notre chaine youtube, il était temps de voir l'articulation de ces techno. C'est précisément l'objet de cette nouvelle série. Et l'occasion de bien commencer 2016. C'est également l'occasion d'utiliser des outils comme yeoman et son…
Voici quelques exemples de ce que peut faire webpack : prendre en entrée des fichiers ES6 afin d'obtenir des fichiers ES5. prendre ces fichiers ES5 afin des les combiner en un seul prendre plusieurs fichiers css et les combiner en un seul Quelle différence avec un task runner comme Grunt ou…
Au lancement de webpack, si vous utilisez babel-loader pour transpiler du code ES6 en Es5, Module build failed: ReferenceError: [BABEL] Unknown option: .babelrc.stage est l'erreur qui a pu vous cueillir récemment. Le format du fichier .babelrc a en effet récemment changé. Ce qui vous permettait de transpiler davantage de…
Réduire le nombre de requêtes au serveur web Le nombre de fichiers JavaScript (jusqu'a plusieurs dizaines) et css a augmenté ces dernières années. Cela est d'autant plus vrai depuis la saine approche modulaire de vos scripts, qui sont exportés puis importés avant utilisation. Même en parallélisant les requêtes, la lenteur…
Firebase est pratiquement une Plateform As A Service qui retiendra de plus en plus l'attention du développeur Front. En effet, Firebase permet de disposer d'une base de données NoSQL, de fonctionnalités real-time, d'un service d'authentification, d'un hébergement, tout ça via une interface très intuitive et ce qui ne gâche rien…
Créer facilement un prototype par simples drag and drop est ce que vous permet de faire Ionic Creator. Vous pourrez partager votre prototype grâce à une option de partage d'URL de votre projet, et ajouter un mot de passe si vous souhaitez réserver ce proto à des personnes spécifiques de…