Beginners course for webpack 5

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)