Course Information
Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
6 Hour(s) 24 Minute(s)
Language
English
Taught by
Nelson Jamal
Rating
1 views
Course Overview
Master Webpack Once and For All
Webpack by far the best and greatest tool for front end development. It is a module bundler suitable for both large or small single-page web applications.
In this course you will fully understand and master all the aspects you need to know about this awesome tool. You will learn all the different configuration options allowing you customise Webpack to work the way you want for your own projects.
This is the most detailed course on Webpack ever created. You will learn both Webpack 1 and 2, so that you understand the key differences between the versions.
The topics you will are:
- Running a Webpack build
- Setting up loaders and presets
- Configuring webpack-dev-server
- CSS, SASS & Bootstrap
- Adding entry points
- Bundling vendor files
- Production Builds
- Long term caching
- Deployment
Course Content
- 10 section(s)
- 80 lecture(s)
- Section 1 Welcome
- Section 2 Lets Understand Webpack
- Section 3 YARN Facebook Dependency Manager
- Section 4 Webpack the Basics
- Section 5 Webpack Loaders
- Section 6 Webpack Dev Server
- Section 7 Webpack & CSS
- Section 8 Resolve
- Section 9 url loader, file loader & images
- Section 10 Code Splitting
What You’ll Learn
- Understand all the concepts about Webpack
- Know key differences between Webpack 1 and Webpack 2
- Understand how web browsers cache content
- Know how to use long term caching
- How to use css inside of Javascript
- Use ESLint in their projects
- Break web apps into multiple entry points
- Use React with Webpack
- Use Angular with Webpack
- Learn the importance of SourceMaps and how to use them
- Create optimized production builds
- Minify Javascript and CSS
- Embed images using DataURI
- Use YAML as config files
- Learn about the fastest package manager called YARN developed at Facebook
- Deploying Static content with Surge
- Use Webpack 1
- Use Webpack 2
- Use SASS
- Use CoffeeScript
- Use TypeScript
Reviews
-
KKampanart Mekaumput
Details and examples in this course are very useful and applicable to real world. It helped me to understand most of webpack configuration items that I needed to deal with plus understand the reason why they are there and been set up this way.
-
SSriramkumar Jothimani
It's my first paid course with Udemy. I felt worth spending both time and money. Thanks to Nelson and Udemy.
-
GGilles Mosson
Le cours permet de comprendre l'évolution de Webpack, car je connaissais seulement la version 3. Le formateur apporte les explicatifs nécessaires, il suffit de respecter les versions de webpack ainsi que les modules lors d'un: "NPM i -D" ou "yarn add -D" afin d'avoir le même résultat que Nelson. très bon cours sur Webpack. - Merci Nelson Djalo -
-
RRobert Craven
Liked building a project with both React and AngularJS. The course provided some good insights into upgrading webpack, and also I was able to learn about the differences between webpack versions. I would suggest looking out for specific versions of dependencies that work with Webpack v1.
