JavaScript Build Tools
1h 15mIntermediate2023-04-10
Authors
Morten Rand-Hendriksen
Senior Staff Instructor, Speaker, Web Designer, and Software Developer
Course details
While you still can just create JavaScript files and include them with your HTML, more and more projects use JavaScript build tools as a matter of course—what was once advanced and obscure is now ordinary and necessary. Using build tools requires two major adaptations, first to a different process, and then to the details of the many options out there. Join instructor Morten Rand-Hendriksen as he explores the big picture and then walks through four different infrastructure options, with live examples for you to explore.
Skills covered
Ecma InternationalJavaScriptProgramming LanguagesSoftware DevelopmentOne-Off
Concepts
0. Introduction
- 01 - JavaScript build tools
- 02 - How to use the exercise files
1. Build Tool Basics
- 03 - A quick guide
- 04 - What are build tools and why do you need them
- 05 - Anatomy of a project build tool setup
- 06 - Three groups of build tools
- 07 - Everyone uses X and other fallacies
- 08 - Dictionary of build tool jargon
2. Next-Gen Build Tools
- 09 - Next-gen build tools
- 10 - Introduction to the hands-on examples
- 11 - Hands-on example - Vite
- 12 - Extending Vite functionality
- 13 - Hands-on example - Parcel
- 14 - Upcoming tools
- 15 - When to use next-gen tools
3. Established and Legacy Tools
- 16 - Established and legacy tools are still valid
- 17 - Hands-on example - Webpack
- 18 - Benefits and drawbacks of using webpack
- 19 - Hands-on example - Rollup
- 20 - Benefits and drawbacks of using Rollup
- 21 - When to use established tools
Conclusion
- 22 - Next steps