Learn webpack step by step
What you'll learn
How to set up webpack - the most common javascript bundler - so you can set up from scratch, or manage existing configuration in your project
How to use webpack to enable you to use other languages in your project - like TypeScript or SCSS - so you can use the best tooling available on the frontend
How to set up a development server with webpack - which give you better experience while programming - making you more productive
How to get deployment-ready code with webpack - to provide an optimal experience for users of your application
How to configure loaders & plugins - so you can get the most of the tools out there
Requirements
you have node & npm installed, and you already used them a bit
you don't panic seeing browser-side javascript:)
no framework needed - the course uses vanilla JS, so you can apply what you learn here to whatever you use
Description
Have you ever struggled with setting up webpack? True, it's a very useful javascript bundler, BUT on the first try, it can be SO damn confusing ?. Now, if this sounds familiar... you're not alone. But don't worry! There is a solution for that :)
I will show you how easy it is to include webpack in an existing application. I will also introduce you to the features that will allow you to understand that bundler better. We will start with a simple JS application, and then we will
add webpack to its build - to get you started
organize javascript files into components - so you see how easy is to put a reasonable structure to your files when you use webpack
move templates to HTML files - so you see how to add new file extensions to the webpack build
set up CSS import - so the styles imports are managed in the same way as JS
prepare the deploy ready output - to share your application with the world
modernize the codebase to use TypeScript & SCSS - so you can use the newest & best tools available
set up development server - to make sure there are no unnecessary delays in your workflow
optimize the build for the best user experience - so the users for the application have a smooth experience too
I'm using vanilla JS in this course - so you'll be able to transfer the knowledge & experience gained here to any JS framework.
Tip: as you watch the videos, try to reproduce the same steps in your development environment. At the start of each section, you will find a zip file with a starting point codebase - that way, you can follow the course in the order you find the most useful.
⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐
➡ 100% satisfaction guarantee or a refund! If you're disappointed with the course in any way - you have 30 days to get a full refund!
➡ Don't want to buy a pig in a poke? Watch the free lesson(s) and decide for yourself if investment in this course is for you!
➡ I also share free learning materials - if you sign up for the course, you will receive bonus gift announcements.
➡ Got any questions about the course? Feel free to contact me in Q&A - I'm more than happy to help!
➡ Enroll today to learn to code fast, smoothly, and without a headache :)
======
Who this course is for:
developers at the beginning of their career, who wants to ??????? ???? ?? ? ??? ????? that will help them understand tools used in the project they work on
people interested in replacing their legacy build system with a proven, industry-standard solution: webpack is ??? ???? ?????? ??????? ?? ?? - it has 3 times more weekly downloads than the second one (rollup)