Recomendados
Mais conteúdo relacionado
Destaque
Destaque (16)
Semelhante a Industrialisation Front-end - introduction
Semelhante a Industrialisation Front-end - introduction (20)
Mais de halleck45
Mais de halleck45 (6)
Industrialisation Front-end - introduction
- 1. Industrialisation Front-end ? Encore un gros mot ! @Halleck45
- 3. FileWatchers, extension navigateur, relecteurs... IDE
- 4. Réduisez La quantité de code à écrire
- 5. Programmation CSS : variables, mixins... Préprocesseurs CSS
- 6. #page>div.logo+ul#navigation>li*5>a{Item $} <div id="page"> <div class="logo"></div> <ul id="navigation"> <li><a href="">Item 1</a></li> <li><a href="">Item 2</a></li> <li><a href="">Item 3</a></li> <li><a href="">Item 4</a></li> <li><a href="">Item 5</a></li> </ul> </div> Qui a encore besoin d'ouvrir des balises ?
- 8. Ctrl + S Live reload
- 9. Aller sur le site de jQuery Télécharger la librairie Copier les fichiers Coller dans le projet Mettre à jour le tag HTML Autrefois
- 11. grunt Automatise les tâches répétitives
- 12. grunt-responsive-image Crée automatiquement plusieurs résolutions de chaque image À utiliser avec srcset-polyfill, Imager.js...
- 13. grunt-contrib-imagemin Compresse chaque image (JPG, PNG, GIF...)
- 21. Passez au web déclaratif <body> <h1>My tasks</h1> <sorters> <sort key="name">by name</sort> <sort key="date">by date</sort> </sorters> <tasks /> </body>
- 22. Publiez Et optimisez vos ressources
- 23. > grunt build Créée une version de production de votre projet
- 24. grunt-uncss Supprime le CSS inutilisé Twitter Bootstrap + jquery-ui + plugins jQuery + css de l'application = 168 Ko
- 26. grunt-contrib-concat Fusionne les fichiers JavaScript
- 29. Une syntaxe de tests... Pour tous ! var assert = require("assert") describe('Array', function(){ describe('#indexOf()', function(){ it('should return 1 when the value is not present', function(){ assert.equal(1, [1,2,3].indexOf(5)); assert.equal(1, [1,2,3].indexOf(0)); }) }) })
- 30. Multi supports Navigation synchronisée Clics et scrolls synchronisés Captures d'écran Live reload Adobe edge inspect Grunt live reload Ghostlab Saucelabs ...
- 31. Visualisez Font des captures d'écran, vous indiquent les différences PhantomCSS, Huxley, Wraith...
- 32. En bref... 1. L'écosystème JavaScript est riche 2. Un bon développeur boit un café pendant que ses robots travaillent ! 3. Un bon manager industrialise son workflow de production