Webpack 2: The Complete Developer's Guide
Webpack 2: The Complete Developer's Guide, available at $89.99, has an average rating of 4.75, with 58 lectures, 1 quizzes, based on 5290 reviews, and has 25845 subscribers.
You will learn about Understand the purpose of Webpack in a modern web app Build custom boilerplate projects to serve ES2015 Javascript Deploy Webpack-based projects to AWS, Heroku, and more Enhance the performance of web apps by leveraging Webpack's ecosystem of plugins Enhance code organization through the use of ES2015 JS Modules This course is ideal for individuals who are Any engineer with basic knowledge of Javascript It is particularly useful for Any engineer with basic knowledge of Javascript.
Enroll now: Webpack 2: The Complete Developer's Guide
Summary
Title: Webpack 2: The Complete Developer's Guide
Price: $89.99
Average Rating: 4.75
Number of Lectures: 58
Number of Quizzes: 1
Number of Published Lectures: 57
Number of Published Quizzes: 1
Number of Curriculum Items: 59
Number of Published Curriculum Objects: 58
Original Price: $64.99
Quality Status: approved
Status: Live
What You Will Learn
- Understand the purpose of Webpack in a modern web app
- Build custom boilerplate projects to serve ES2015 Javascript
- Deploy Webpack-based projects to AWS, Heroku, and more
- Enhance the performance of web apps by leveraging Webpack's ecosystem of plugins
- Enhance code organization through the use of ES2015 JS Modules
Who Should Attend
- Any engineer with basic knowledge of Javascript
Target Audiences
- Any engineer with basic knowledge of Javascript
Webpack is the premier build tool for React and Angular 2 applications.
Deployment? Covered. Performance optimizations?We got it. Custom boilerplate creation? Its here!
Webpack is notorious for being tricky to configure correctly. In this course you’ll master each major feature of Webpack and learn how to optimize it for your own app. Webpack has a wealth of fancy features, but each requires in depth knowledge of how they work. This course is the most comprehensive Webpack course you’ll find online, and the only full course on the popular version 2 edition of Webpack.
This course will get you up and running quickly, and teach you the core knowledge you need to deeply understand and build Webpack-based projects.
Tired of downloading boilerplates packages with no idea how to change them?
React and Angular 2 have seen standalone boilerplate packages flourish, but they come with dense configuration setups that make them challenging to change. With the experience you gain in this course you’ll be able to customize your projects to suit your particular needs.
So much content!
- Learn the difference between ES2015 and CommonJS module systems
- Load ES2015 code with Webpack’s Babel Loader
- Use Webpack to automatically resize and compress images for optimal load times
- Implement code splitting to dramatically decrease load times
- Learn to tweak your React project to work perfectly with Webpack
- Master versioning of your application to reduce the amount of code your users download
- Deploy your application to AWS, Heroku, Github Pages, or Surge
Webpack can be confusing to learn, but after taking this course you’ll understand that it is a tool that requires just a bit of concentration to master. Once you hear my explanations of Webpack, you’ll come to realize that each concept is straightforward, and only requires the smallest touch of patience to comprehend. No filler here, just laser focus on the most important aspects of Webpack.
I always build courses I would want to take, and this is no exception. Every topic is explained in great detail with accompanying diagrams and examples. You’ll learn the back story of each feature and learn where to apply them to solve real world problems.
Course Curriculum
Chapter 1: How to Use This Course
Lecture 1: Start Here!
Lecture 2: Course Resources
Lecture 3: Join Our Community!
Chapter 2: What Does Webpack Do?
Lecture 1: Why Do We Use Build Tools?
Lecture 2: Javascript Modules
Lecture 3: The Purpose of Webpack
Lecture 4: Webpack in Action
Lecture 5: Javascript Module Syntax
Lecture 6: Linking Files with CommonJS
Lecture 7: Webpack Installation and Configuration
Lecture 8: More on Webpack Configuration
Lecture 9: Running Webpack
Lecture 10: The Bundle.js File
Lecture 11: Running the App
Chapter 3: Handling Project Assets
Lecture 1: Introduction to Loaders
Lecture 2: Babel Setup for ES2015
Lecture 3: Babel Configuration
Lecture 4: Refactor to ES2015 Modules
Lecture 5: Handling CSS with Webpack
Lecture 6: The Style and CSS Loaders
Lecture 7: Loaders are Tricky!
Lecture 8: The Extract Text Plugin
Lecture 9: Handling Images with Webpack
Lecture 10: Automatic Image Compression
Lecture 11: Public Paths
Chapter 4: Building for Performance with Webpack
Lecture 1: Introduction to Code Splitting
Lecture 2: Codesplitting in Practice
Lecture 3: On Demand Code Loading
Lecture 4: System Import Calls
Chapter 5: Applying Webpack to a Real Project
Lecture 1: A Real World Project
Lecture 2: Setting Up Babel
Lecture 3: Minimum Webpack Config
Lecture 4: Vendor Asset Caching
Lecture 5: More on Vendor Caching
Lecture 6: Refactoring for Vendor Splitting
Lecture 7: Effect of Code Splitting
Lecture 8: Troubleshooting Vendor Bundles
Lecture 9: Chunk Hashing for Cache Busting
Lecture 10: Cache Busting Wrapup
Lecture 11: Cleaning Project Files
Chapter 6: Webpack Dev Server
Lecture 1: Introduction to Webpack Dev Server
Lecture 2: Gotchas with Webpack Dev Server
Chapter 7: React-Specific Topics
Lecture 1: React Router with Codesplitting
Lecture 2: Plain Routes with React Router Codesplitting
Chapter 8: Webpack-Based Deployment for Static Sites
Lecture 1: Deployment Options
Lecture 2: Getting Production Ready
Lecture 3: Deployment with Surge (Easiest!)
Lecture 4: Deployment with Github Pages
Lecture 5: Deployment with AWS S3
Chapter 9: Webpack-Based Deployment for Dynamic Sites
Lecture 1: Deployment of Servers
Lecture 2: Node and Webpack Integration
Lecture 3: Webpack Middleware in Development
Lecture 4: Webpack Middleware in Production
Lecture 5: Deployment to Heroku
Lecture 6: Deployment to AWS
Lecture 7: More on AWS Deployment
Chapter 10: Extras
Lecture 1: Bonus!
Instructors
-
Stephen Grider
Engineering Architect
Rating Distribution
- 1 stars: 25 votes
- 2 stars: 39 votes
- 3 stars: 254 votes
- 4 stars: 1385 votes
- 5 stars: 3586 votes
Frequently Asked Questions
How long do I have access to the course materials?
You can view and review the lecture materials indefinitely, like an on-demand channel.
Can I take my courses with me wherever I go?
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!
You may also like
- Top 10 Video Editing Courses to Learn in November 2024
- Top 10 Music Production Courses to Learn in November 2024
- Top 10 Animation Courses to Learn in November 2024
- Top 10 Digital Illustration Courses to Learn in November 2024
- Top 10 Renewable Energy Courses to Learn in November 2024
- Top 10 Sustainable Living Courses to Learn in November 2024
- Top 10 Ethical AI Courses to Learn in November 2024
- Top 10 Cybersecurity Fundamentals Courses to Learn in November 2024
- Top 10 Smart Home Technology Courses to Learn in November 2024
- Top 10 Holistic Health Courses to Learn in November 2024
- Top 10 Nutrition And Diet Planning Courses to Learn in November 2024
- Top 10 Yoga Instruction Courses to Learn in November 2024
- Top 10 Stress Management Courses to Learn in November 2024
- Top 10 Mindfulness Meditation Courses to Learn in November 2024
- Top 10 Life Coaching Courses to Learn in November 2024
- Top 10 Career Development Courses to Learn in November 2024
- Top 10 Relationship Building Courses to Learn in November 2024
- Top 10 Parenting Skills Courses to Learn in November 2024
- Top 10 Home Improvement Courses to Learn in November 2024
- Top 10 Gardening Courses to Learn in November 2024