Download as PDF, PPTX
![Maurice De Beijer [MVP], profile picture](https://cdn.slidesharecdn.com/profile-photo-mauricedb-48x48.jpg?cb=1756998088)
Uploaded byMaurice De Beijer [MVP]
Tooling for the productive front end developer
The document presents a comprehensive guide for front-end developers, covering various tools and techniques including task runners, minification, bundling, and testing. It lists resources for obtaining JavaScript packages, provides insights into performance testing, and suggests tools for linting and code generation. The author, Maurice de Beijer, offers a wealth of knowledge on modern web development practices and tools.
More Related Content
Similar to Tooling for the productive front end developer
More from Maurice De Beijer [MVP]
![Getting Started with Apache Spark: Big Data Made Simple [Free Meetup]](https://cdn.slidesharecdn.com/ss_thumbnails/apachesparkgettingstarted-260203175547-8361bcc3-thumbnail.jpg?width=640&height=640&fit=bounds)
Tooling for the productive front end developer
- 1. Tooling for the productivefront-end developer Maurice de Beijer @mauricedb
- 2. Who am I? Maurice de Beijer The Problem Solver MicrosoftAzure MVP Freelance developer/instructor Twitter: @mauricedb and @React_Tutorial Web: http://www.TheProblemSolver.nl E-mail: maurice.de.beijer@gmail.com 2
- 3. Overview Where to get scripts Searchingfor NPM packages ECMAScript 2015 and beyond Task runners Minification Bundling Chrome DevTools Performance testing UnitTesting E2ETesting Code generators Linting CSS Online editor Tools I use with GitHub
- 4.
- 5.
- 6.
- 7.
- 9.
- 10. Overview Where to get scripts Searchingfor NPM packages ECMAScript 2015 and beyond Task runners Minification Bundling Chrome DevTools Performance testing UnitTesting E2ETesting Code generators Linting CSS Online editor Tools I use with GitHub
- 11.
- 12.
- 13.
- 14. Overview Where to get scripts Searchingfor NPM packages ECMAScript 2015 and beyond Task runners Minification Bundling Chrome DevTools Performance testing UnitTesting E2ETesting Code generators Linting CSS Online editor Tools I use with GitHub
- 15.
- 16.
- 17.
- 18.
- 19.
- 20.
- 21.
- 22. Overview Where to get scripts Searchingfor NPM packages ECMAScript 2015 and beyond Task runners Minification Bundling Chrome DevTools Performance testing UnitTesting E2ETesting Code generators Linting CSS Online editor Tools I use with GitHub
- 23.
- 24.
- 25.
- 26.
- 27.
- 28.
- 29. Overview Where to get scripts Searchingfor NPM packages ECMAScript 2015 and beyond Task runners Minification Bundling Chrome DevTools Performance testing UnitTesting E2ETesting Code generators Linting CSS Online editor Tools I use with GitHub
- 30.
- 31.
- 32.
- 33.
- 34. Overview Where to get scripts Searchingfor NPM packages ECMAScript 2015 and beyond Task runners Minification Bundling Chrome DevTools Performance testing UnitTesting E2ETesting Code generators Linting CSS Online editor Tools I use with GitHub
- 35.
- 36.
- 37.
- 38.
- 39.
- 40.
- 41. Overview Where to get scripts Searchingfor NPM packages ECMAScript 2015 and beyond Task runners Minification Bundling Chrome DevTools Performance testing UnitTesting E2ETesting Code generators Linting CSS Online editor Tools I use with GitHub
- 42. Chrome DevTools Console API Pretty Print Breakon DOM modifications Break on XHR Break on Event Listener Asynchronous stack trace Timeline Audits Profiles
- 43.
- 44.
- 45.
- 46.
- 47.
- 48.
- 49.
- 50.
- 51.
- 52. Overview Where to get scripts Searchingfor NPM packages ECMAScript 2015 and beyond Task runners Minification Bundling Chrome DevTools Performance testing UnitTesting E2ETesting Code generators Linting CSS Online editor Tools I use with GitHub
- 53.
- 54.
- 55.
- 56.
- 57.
- 59. Overview Where to get scripts Searchingfor NPM packages ECMAScript 2015 and beyond Task runners Minification Bundling Chrome DevTools Performance testing UnitTesting E2ETesting Code generators Linting CSS Online editor Tools I use with GitHub
- 60.
- 61.
- 62.
- 63.
- 64.
- 65.
- 66.
- 67. Overview Where to get scripts Searchingfor NPM packages ECMAScript 2015 and beyond Task runners Minification Bundling Chrome DevTools Performance testing UnitTesting E2ETesting Code generators Linting CSS Online editor Tools I use with GitHub
- 68.
- 69.
- 70.
- 71.
- 72. Overview Where to get scripts Searchingfor NPM packages ECMAScript 2015 and beyond Task runners Minification Bundling Chrome DevTools Performance testing UnitTesting E2ETesting Code generators Linting CSS Online editor Tools I use with GitHub
- 73.
- 74.
- 75.
- 77.
- 78. Overview Where to get scripts Searchingfor NPM packages ECMAScript 2015 and beyond Task runners Minification Bundling Chrome DevTools Performance testing UnitTesting E2ETesting Code generators Linting CSS Online editor Tools I use with GitHub
- 79. Linting ESLint JavaScript Standard Style JavaScriptSemi-Standard Style TSLint Stylelint SonarQube Code Climate
- 80.
- 81.
- 82.
- 83.
- 84.
- 85.
- 87. Overview Where to get scripts Searchingfor NPM packages ECMAScript 2015 and beyond Task runners Minification Bundling Chrome DevTools Performance testing UnitTesting E2ETesting Code generators Linting CSS Online editor Tools I use with GitHub
- 88.
- 89.
- 90.
- 91.
- 92.
- 93.
- 94.
- 95. Overview Where to get scripts Searchingfor NPM packages ECMAScript 2015 and beyond Task runners Minification Bundling Chrome DevTools Performance testing UnitTesting E2ETesting Code generators Linting CSS Online editor Tools I use with GitHub
- 96.
- 97.
- 98.
- 99.
- 100. Overview Where to get scripts Searchingfor NPM packages ECMAScript 2015 and beyond Task runners Minification Bundling Chrome DevTools Performance testing UnitTesting E2ETesting Code generators Linting CSS Online editor Tools I use with GitHub
- 101. Tools I usewith GitHub Zenhub Refined GitHub Shields David Greenkeeper Travis CI Codecov Code Climate
- 102.
- 104.
- 105.
- 106.
- 107.
- 108.
- 109.
- 110.
- 111. Overview Where to get scripts Searchingfor NPM packages ECMAScript 2015 and beyond Task runners Minification Bundling Chrome DevTools Performance testing UnitTesting E2ETesting Code generators Linting CSS Online editor Tools I use with GitHub
- 112. Thank you Maurice deBeijer - @mauricedb