Parcel Bundler: The Complete Tutorial
4.7 (98 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
3,229 students enrolled

Parcel Bundler: The Complete Tutorial

Learn Parcel Bundler from the very basics to advanced! Use Parcel with React, Vue, jQuery, Bootstrap, Express, Babel!
Highest Rated
4.7 (98 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
3,229 students enrolled
Created by Viktor Pyskunov
Last updated 9/2019
English
English [Auto], Indonesian [Auto]
Current price: $27.99 Original price: $39.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 3 hours on-demand video
  • 1 article
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Quickly get started, without long introductions and rambling.
  • Integrations with React, Vue, jQuery, and Bootstrap.
  • Learn advanced features like Tree Shaking, Code Splitting, and Lazy Loading.
  • Optimize your production code to be small and fast.
  • Set up Gzip and Brotli compression.
  • Use latest cutting edge JavaScript features with Parcel and Babel 7.
Course content
Expand all 35 lectures 03:05:01
+ Assets in Parcel
8 lectures 01:09:31
Introduction to Assets
09:08
Using LESS/SASS with Parcel
07:19
Configuring PostCSS
04:33
EcmaScript 6 Modules
05:53
Integration with jQuery
09:02
Using Latest JavaScript Features with Babel
04:34
How To Handle Images with Parcel
14:19
Integration with FontAwesome
14:43
+ Integration with Bootstrap
2 lectures 13:06
Integration with Bootstrap. CSS
06:19
Integration with Bootstrap. JavaScript
06:47
+ Building for Production
5 lectures 19:16
Why Do We Need Production Mode
01:38
Building for Production
04:15
NODE_ENV Variable
04:51
Browser Caching
05:27
How To Clean the Dist Folder
03:05
+ Optimizing for Production
5 lectures 20:12
Tree Shaking. Simple Example
05:02
Tree Shaking. Using in our Application
04:54
Minifying Images
03:20
Removing Unused CSS from Production Code
04:09
GZIP Compression
02:47
+ Integration with Express Framework
5 lectures 17:09
Introduction
00:56
Integrating Express Framework Into the Application
03:29
Serving HTML in Express Framework
05:01
Serving Static Files in Express Framework
02:50
Enable GZIP Compression in Express Framework
04:53
+ Code Splitting and Lazy Loading
1 lecture 06:30
Code Splitting and Lazy Loading
06:30
Requirements
  • Basics of JavaScript
Description

My main goal is to help you understand and master Parcel web application bundler. This course was specifically designed for those who want to learn Parcel bundler from scratch or improve their current knowledge in this topic.

In this course we will build fully functional todo list application from scratch. Along the way we will learn and apply various Parcel features to this application. We will start from the very basics and then gradually move towards more advanced topics like tree shaking, code splitting and lazy loading.

We will also cover Parcel integrations with popular JavaScript libraries like React, Vue, jQuery, Bootstrap etc. Each lesson builds on top of the previous ones, so it is easy to follow.

After this course you will definitely be able to use Parcel in your projects. I am constantly updating this course, so you can always be sure that it is up-to-date and covers the latest features of Parcel.

Who this course is for:
  • All developers with basic JavaScript knowledge