پیشنهاد فرادرس

آموزش ایجاد برنامه های front-end در webpack

دسته بندی ها: آموزش های لیندا (Lynda) ، دسته بندی نشده
Webpack Deep Dive Publisher:Lynda Author:Kent Dodds Duration:5h 25m Level:Intermediate

Learn how to migrate an existing JavaScript application to webpack 2, and explore a variety of webpack features that make it easier to manage web dependencies.
Released: 6/14/2017

Building and deploying front-end applications can quickly grow complicated. webpack simplifies the task of managing web dependencies by offering a huge list of features that cater to a variety of JavaScript apps. In this course, explore these features, and learn how to migrate an existing JavaScript application to webpack 2. Join Kent Dodds as he'explains how to migrate an app to webpack 2, covering topics such as unit testing'with Karma, tree shaking, code splitting, chunking, and more.

Note: This course was created by Frontend Masters. It was originally released on 8/8/2016. We're pleased to host this training in our library.

Topics include:
Initializing webpack
Development vs. production environments
Debugging webpack
Loading CSS
Testing with webpack
Coverage basics
webpack optimizations
Tree shaking
Code splitting

1. Getting Started with webpack
Workshop outline
6m 43s
webpack 101
5m 11s
Loaders and plugins
7m 24s
Todo app walkthrough
11m 33s
Initializing webpack
7m 46s
Specifying an entry point
5m 17s
webpack-validator
7m 32s
webpack dev server
9m 19s
Path configuration
11m 11s
Minifying and source maps
6m 13s
Development vs. production environments
2m 48s
Exercise: Adding webpack
2m 28s
2. Working with webpack
Debugging webpack
2m 5s
Bundling
3m 37s
Explicit dependencies
1m 33s
Transpiling with Babel
9m 8s
Loading CSS
4m 12s
Exercise: Using the style and CSS loaders
8m 56s
Hot module replacement
10m 37s
3. Testing with webpack
Exercise: Initializing Karma
11m 28s
Exercise: Using Karma with webpack
7m 8s
Solution: Using Karma with webpack
5m 51s
Coverage basics
6m 31s
Exercise: Code coverage
10m 4s
Coverage exclusions and webpack middleware
7m 43s
Exercise: Coverage thresholds
9m 4s
4. webpack Optimizations
Exercise: ES6ify
1m 22s
Tree shaking
3m 45s
Exercise: Adding tree shaking
13m 17s
Code splitting
5m 12s
Exercise: Using System.import()
14m 25s
Solution: Using System.import()
11m 44s
Commons chunking
2m 32s
Exercise: Adding commons chunking, part 1
12m 31s
Exercise: Adding commons chunking, part 2
8m 32s
Exercise: Adding commons chunking, part 3
13m 11s
Exercise: Long-term caching
11m 26s
Exercise: Extracting CSS, part 1
6m 30s
Exercise: Extracting CSS, part 2
10m 11s
Offline with service workers
12m 28s
Deploying to Surge.sh
9m 19s
Audience questions and Aphrodite
7m 37s
Resources
25s

پیشنهاد فرادرس

لینک های دانلود حجم فایل: 1.5GB همراه با زیرنویس انگلیسی Lynda Webpack Deep Dive_git.ir.part1.rar Lynda Webpack Deep Dive_git.ir.part2.rar
captcha