Beginners course for webpack 5

Rating 3.9 out of 5 (15 ratings in Udemy)

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 …

Rating 3.9 out of 5 (15 ratings in Udemy)

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

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 :)

======

Duration 2 Hours 58 Minutes

Paid

Self paced

Beginner Level

English (US)

292

Rating 3.9 out of 5 (15 ratings in Udemy)

Go to the Course
We have partnered with providers to bring you collection of courses, When you buy through links on our site, we may earn an affiliate commission from provider.