-
Course
- Core Tech
Webpack: Transpiling and Bundling JavaScript
Webpack, touted as a bundler, is a robust compiler platform. In this course, you'll learn the basics of transpiling and bundling JavaScript.
What you'll learn
Webpack is the most prevalent bundler for front-end web app development, but more than that, it's a compiler platform. It's everything you need to write modern, modular web applications. In this course, Webpack: Transpiling and Bundling JavaScript, you'll learn the basics of bundling, how to setup a rapid development environment that instantly updates with hot module replacement, and how to parameterize Webpack to optimize production builds for the fastest user experience. First, you'll learn how to integrate the babel-loader so you can write modern JavaScript while providing support for a wide variety of legacy browsers. Next, you'll write several custom loaders, including a code generation loader. Finally, you'll discover how source maps make troubleshooting a breeze. Once you've finished this course you'll understand how Webpack works, what benefits it affords, and how to setup a robust build process to optimize both development and production environments.
Table of contents
- Welcome | 54s
- Interactive Coding with Hot Module Replacement | 5m
- Seamless Compilation | 4m 1s
- Consistent Tooling | 44s
- Modularity | 1m 23s
- Benefit - Bundling for Performance | 5m 5s
- Sophisticated Bundling | 1m 45s
- npm Install, Import, Go! | 2m 8s
- Help with Caching | 1m 45s
- Source Maps Through Any Number of Transformations | 2m 1s
- A Compiler Platform | 4m 11s
- Course Series and Updates | 2m 55s
About the author
Wes Higbee is passionate about helping companies achieve remarkable results with technology and software. He’s had extensive experience developing software and working with teams to improve how software is developed to meet business objectives. Wes launched Full City Tech to leverage his expertise to help companies delight customers.
More Courses by Wes