LEARNING PATH: Webpack: Web Development with Webpack

LEARNING PATH: Webpack: Web Development with Webpack, available at $19.99, has an average rating of 3.9, with 41 lectures, 2 quizzes, based on 14 reviews, and has 148 subscribers.

You will learn about Learn to improve workflows with Webpack build tools Know to handle assets inside your project Explore on-demand code loading Learn to create a message board website Build your own modern stateful web applications Explore how to track your application state in real time with Firebase Use components as a unit of styling Spread props to wrap components Set up a Firebase project Master deploying with Babel, code splitting, and ES2015 Learn how to add posts and styling This course is ideal for individuals who are This Learning Path is for developers who want to use Webpack for improving the performance of their applications. Developers who are interested in applying the principles of Webpack to large existing React applications can also take up this Learning Path. It is particularly useful for This Learning Path is for developers who want to use Webpack for improving the performance of their applications. Developers who are interested in applying the principles of Webpack to large existing React applications can also take up this Learning Path.

Enroll now: LEARNING PATH: Webpack: Web Development with Webpack

Summary

Title: LEARNING PATH: Webpack: Web Development with Webpack

Price: $19.99

Average Rating: 3.9

Number of Lectures: 41

Number of Quizzes: 2

Number of Published Lectures: 41

Number of Curriculum Items: 43

Number of Published Curriculum Objects: 41

Original Price: $199.99

Quality Status: approved

Status: Live

What You Will Learn

Learn to improve workflows with Webpack build tools
Know to handle assets inside your project
Explore on-demand code loading
Learn to create a message board website
Build your own modern stateful web applications
Explore how to track your application state in real time with Firebase
Use components as a unit of styling
Spread props to wrap components
Set up a Firebase project
Master deploying with Babel, code splitting, and ES2015
Learn how to add posts and styling

Who Should Attend

This Learning Path is for developers who want to use Webpack for improving the performance of their applications. Developers who are interested in applying the principles of Webpack to large existing React applications can also take up this Learning Path.

Target Audiences

This Learning Path is for developers who want to use Webpack for improving the performance of their applications. Developers who are interested in applying the principles of Webpack to large existing React applications can also take up this Learning Path.

Webpack is a module bundler for modern JavaScript applications. So if you are a developer and want to master Webpack in order to optimize the performance of your applications by improving workflows, then go for this Learning Path.

Packt’s Video Learning Paths are a series of individual video products put together in a logical and stepwise manner such that each video builds on the skills learned in the video before it.

The highlights of this Learning Path are:

Learn how to install, configure, and run Webpack
Lean to apply on-demand code loading to your application
Learn how to improve your application by deploying to dynamic cloud hosting sites such as AWS

Let’s take a quick look at your learning journey. To start off with, you will be introduced to Webpack’s basic functionalities and discover how Webpack recursively builds a dependency graph that includes every module needed by your application and all those modules are then packaged into one or more bundles. You will learn many additional capabilities and features available in Webpack using loaders. You will also learn how to handle assets with CSS Loaders and deal with images and image compression. Further, you will explore the latest features provided by Webpack. Next, you will learn how to use Webpack with a real project. You will be provided with a dynamic responsive photo gallery application written in React, along with minimal to basic Webpack configuration and will be shown how to apply advanced features such as deploying with Babel, code splitting, and ES2015. Finally, you will be able to deploy your application to dynamic cloud hosting sites such as AWS in order to improve the existing application.

By the end of this Learning Path, you will have a deep understanding of Webpack and be able to create and deploy your applications.

Meet Your Expert:

We have the best works of the following esteemed author to ensure that your learning journey is smooth:

Colibriis a technology consultancy company founded in 2015 by James Cross and Ingrid Funie. The company works to help their clients navigate the rapidly changing and complex world of emerging technologies, with deep expertise in areas such as big data, data science, machine learning, and cloud computing. Over the past few years they have worked with some of the world’s largest and most prestigious companies, including a tier-1 investment bank, a leading management consultancy group, and one of the world’s most popular soft drinks companies, helping each of them to better make sense of its data and process it in more intelligent ways. The company lives by its motto: Data -> Intelligence -> Action.

Alexandru Toea is a Senior Frontend developer. He is currently working with various startups specializing in building complex React applications for both public and internal use. Alexandru started his frontend developer career by building his school’s websites around 10 years ago and has constantly advanced his knowledge of web technologies ever since. He is currently working with a technology startup to provide it with the tools required for quick expansion. He has spent the past four years working with React and Redux as well as building efficient real-time applications for both startups and corporate clients. He has a passion for efficient and clean code, while also staying on top of all the new developments in the front-end world. On the site he is also an Authorized Google Trainer, teaching for companies such as Solvay and Lucas Films.

Course Curriculum

Chapter 1: Deploying Web Applications with Webpack

Lecture 1: The Course Overview

Lecture 2: Installation and Setup

Lecture 3: Installation and Setup (Continued)

Lecture 4: Using Webpack in a Basic Application

Lecture 5: Using Webpack in a Basic Application (Continued)

Lecture 6: Using Webpack in Your Web Application

Lecture 7: Running the Basic Application

Lecture 8: Running the Basic Application (Continued)

Lecture 9: Bundling Process

Lecture 10: Introduction to Loaders

Lecture 11: Babel Setup and Configuration for ES2015

Lecture 12: Loader Examples

Lecture 13: Handling Stylesheets with Webpack

Lecture 14: Handling Stylesheets with Webpack (Continued)

Lecture 15: Handling Images and Image Compression

Lecture 16: Configuring Public Paths

Lecture 17: Code Splitting – Introduction

Lecture 18: Overriding the Dockerfile Defaults

Lecture 19: Code Splitting – Dynamic Imports

Lecture 20: Lazy Loading

Lecture 21: Webpack 3 Performance Improvements

Chapter 2: Webpack for React Applications

Lecture 1: The Course Overview

Lecture 2: A React Application

Lecture 3: Deliverables with Webpack

Lecture 4: Deliverables with Webpack (Continued)

Lecture 5: Setting Up Babel

Lecture 6: Setting Up Babel (Continued)

Lecture 7: Webpack Configuration – Loading Assests

Lecture 8: Webpack Configuration – File Loader

Lecture 9: Webpack Configuration – SCSS

Lecture 10: Performance Increase

Lecture 11: Cache Busting

Lecture 12: Project Files Cleanup

Lecture 13: Using Dev Server in Your Application

Lecture 14: Best Practices with Webpack Dev Server

Lecture 15: React Router and Code Splitting

Lecture 16: Getting an App Production Ready

Lecture 17: Deployments with GitHub Pages

Lecture 18: Deployments with AWS S3

Lecture 19: Dynamic Sites – Node and Webpack Integration

Lecture 20: Deployments to AWS EBS

Instructors

Packt Publishing
Tech Knowledge in Motion

Rating Distribution

1 stars: 0 votes
2 stars: 1 votes
3 stars: 3 votes
4 stars: 4 votes
5 stars: 6 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!

Menu