gk-webpack
877
1
2019-11-05 00:43:55
未经作者授权，禁止转载
4
2
33
3
课程总结
收起全部章节
关闭课程总结
暂无课程总结
【资源来源于网络 如有侵犯您或贵公司的权益 请联系删除 并致以最深的歉意】
源码课件下载地址:https://github.com/geektime-geekbang/geektime-webpack-course
Front-end
（11/17）
8462播放
简介
订阅合集
JavaScript Fundamentals
Understanding The JavaScript Call Stack, Event Queue, Event Table, & Event Loop_
12:58
JavaScript Modules From IIFEs to CommonJS to ES6 Modules
32:14
The Evolution of Async JavaScript From Callbacks, to Promises, to AsyncAwait
45:25
Vue: What to Expect in 2023 by Evan You - Vue.js Nation 2023
36:24
gk-typescript
01-重塑“类型思维”
07:04
02-类型基础（1）：强类型与弱类型
04:07
03-类型基础（2）：动态类型与静态类型
05:06
04-编写你的第一个TypeScript程序
15:00
05-基本类型
14:22
06-枚举类型
11:33
07-接口（1）：对象类型接口
09:55
08-接口（2）：函数类型接口
06:31
09-函数
11:39
10-类（1）：继承和成员修饰符
10:22
11-类（2）：抽象类与多态
08:39
12-类与接口的关系
08:19
13-泛型（1）：泛型函数与泛型接口
07:33
14-泛型（2）：泛型类与泛型约束
05:00
15-类型检查机制（1）：类型推断
07:28
16-类型检查机制（2）：类型兼容性
19:50
17-类型检查机制（3）：类型保护
19:56
18-高级类型（1）：交叉类型与联合类型
10:36
19-高级类型（2）：索引类型
06:32
20-高级类型（3）：映射类型
06:15
21-高级类型（4）：条件类型
12:02
22-ES6与CommonJS的模块系统
22:36
23-使用命名空间
07:30
24-理解声明合并
11:22
25-如何编写声明文件
19:45
26-配置tsconfig.json（1）：文件选项
07:25
27-配置tsconfig.json（2）：编译选项
32:25
28-配置tsconfig.json（3）：工程引用
08:01
29-编译工具：从ts-loader到Bable
18:59
30-代码检查工具：从TSLint到ESLint
07:06
31-使用Jest进行单元测试
08:50
32-创建项目
18:15
33-组件与类型（1）：函数组件与类组件
12:10
34-组件与类型（2）：高阶组件与Hooks
18:34
35-事件处理与数据请求
17:00
36-列表渲染与路由
12:14
37-Redux与类型
06:09
38-服务端环境搭建
18:17
39-列表的CRUD
09:51
40-导出Excel
04:16
41-搭建Vue开发环境
13:03
42-组件封装
09:18
43-组件发布
06:48
44-共存策略
13:44
45-宽松策略
07:31
46-严格策略
03:10
47-结束语
07:35
Typescript 高级必备
001 TypeScript's Relationship with JavaScript
04:25
002 JavaScript vs. TypeScript in the Build Process
02:55
003 Essential Tools for TypeScript Development
01:43
004 Set up Node.js and VS Code
01:33
005 Installing pnpm for Package Management
03:01
006 Installing total-typescript VSC extension
01:19
007 Unexpected Token Error in the Browser
00:48
008 Browsers Can't Understand TypeScript Syntax
01:20
009 Convert a TypeScript File into a JavaScript File
01:06
010 Compile TypeScript to JavaScript with the TypeScript CLI
04:05
011 Automating TypeScript Compilation
00:48
012 Use tsc's Watch Mode to Automatically Compile TypeScript Files
01:24
013 Compiling TypeScript Files to a Directory
01:09
014 Configure the Output Directory for Compiled Files
01:11
015 Use Vite for a Frontend App with TypeScript
01:47
016 Configure Vite for a Vanilla TypeScript Project
02:56
017 Comparing Vite with tsc
01:03
018 TypeScript as a Linter
03:33
019 TypeScript in a CI-CD System
03:41
020 Should TypeScript Block Your Dev Server_
04:47
021 Quickly Create Scripts with tsx
01:44
022 Understanding Function Errors
00:51
023 Fixing Errors in the
01:05
024 Annotating Empty Parameters
00:37
025 Annotating Function Parameters
01:15
026 Basic Types in TypeScript
00:57
027 TypeScript Basic Types
01:38
028 Optional Function Parameters
00:51
029 Optional Function Parameters in TypeScript
00:57
030 Default Parameters in JavaScript Functions
00:45
031 Add a Default Parameter
01:27
032 Typing Object Literals
00:43
033 Annotating with {}
01:47
034 Making Object Property Types Optional
00:52
035 Specifying Optional Properties
00:55
036 A Single Source of Truth for Type Definitions
00:53
037 Creating
01:31
038 Add an Array to an Object
00:54
039 Two Syntaxes for Arrays
01:46
040 Arrays of Objects in TypeScript
00:49
041 Representing an Array of Objects
02:12
042 Rest Parameters in TypeScript
00:37
043 Using Rest Parameters in TypeScript
01:02
044 Tuples for Precise Array Structures in TypeScript
01:20
045 Using Tuple Syntax in TypeScript
01:22
046 Using Optional Tuple Members in TypeScript
00:50
047 Working with Optional Tuple Members in TypeScript
01:34
048 The Controversial
01:07
049 The Dangers of Using _any_
02:06
050 Function Types
01:25
051 Function Types for Type Aliases in TypeScript
01:45
052 Typing an Event Listener
00:46
053 The
01:52
054 Restricting
00:50
055 Creating Typed Sets
02:16
056 Type Checking Maps
00:52
057 Adding Types to Maps
01:48
058 Debugging JSON Parsing
00:39
059 Decoding the JSON.parse Error
01:20
060 Typing Fetch API Responses in Async Functions
01:11
061 Adding Types to an Async Function
02:27
062 Understanding How TypeScript Works in Your IDE
01:16
063 Introspecting Variables and Declarations in TypeScript
01:19
064 Hovering Over a Function Call
00:28
065 Fixing Errors with Hovering
01:33
066 Adding Documentation for Hovers
00:33
067 TSDoc Comments
01:41
068 Manually Triggering Autocomplete
01:19
069 The Control + Space Shortcut
01:32
070 TypeScript's Approach to Errors
03:43
071 Quick Renaming in VS Code
01:51
072 Navigating Code with _Go to Definition_
02:29
073 Fast Imports in VS Code
00:53
074 Using Autocomplete and Quick Fix to Import Variables
02:12
075 Organizing Imports in Large Files
00:39
076 The Organize Imports Hotkey in VS Code
01:12
077 Quick Fix Refactoring
00:54
078 Refactoring with Quick Fixes
01:44
079 Automatic Code Formatting with Prettier
02:08
080 Restarting the TypeScript Server in VS Code
01:17
081 Handling Null Values in TypeScript
01:01
082 Introducing Union Types in TypeScript
01:14
083 Diving Deeper into Unions and Assignability
00:49
084 Restricting Function Parameters
00:55
085 Combining Literal & Union Types
01:57
086 Literal Type Assignability
01:06
087 Combining Union Types in TypeScript
01:30
088 Create New Types By Combining Unions
01:08
089 How Big Can a Union Be_
01:12
090 Resolving Literal Types to Wider Types
02:21
091 Narrowing Unions with
02:12
092 Conditional Narrowing in TypeScript
01:09
093 Different Approaches for Narrowing Inputs
02:50
094 Narrowing with Boolean Won't Work
01:05
095 Gotchas When Narrowing a Map in TypeScript
01:00
096 Correctly Narrowing a Map in TypeScript
01:41
097 Narrowing by Throwing Errors
00:59
098 Throwing Errors to Narrow
01:43
099 Narrowing with
01:30
100 Dynamically Handling Different API Responses in TypeScript
01:41
101 Introducing the Unknown Type in TypeScript
02:08
102 Dealing with Unknown Errors in TypeScript
01:40
103 Narrowing with
02:15
104 Narrowing Unknown in a Large Conditional Statement
01:16
105 Narrowing Unknown Types in TypeScript
02:56
106 Introducing the
02:24
107 Solving the Never Type in TypeScript
00:28
108 Empty Arrays and the Never Type in TypeScript
01:46
109 Narrowing Return Types with TypeScript
01:31
110 Returning
02:39
111 Narrowing in Different Scopes
01:29
112 Narrowing Behavior Across Scopes
04:08
113 Handling Separate But Related Types
01:43
114 Improving Type Safety with Discriminated Unions in TypeScript
04:17
115 Destructuring a Discriminated Union in TypeScript
00:53
116 Limitations of Destructuring Discriminated Unions
02:59
117 Narrowing a Discriminated Union with a Switch
01:05
118 Refactoring to a Switch Statement
02:21
119 The switch (true) Pattern in TypeScript
01:21
120 Refining Types with Discriminated Unions of Tuples
01:50
121 Handle Error and Success States by Narrowing
02:42
122 Discriminated Booleans
00:55
123 Discriminated Unions with Boolean Discriminators
01:09
124 Adding Defaults to a Discriminated Union
00:59
125 Handling Optional Parameters in Discriminated Unions
03:52
126 Should You Provide Function Return Types_
04:51
127 Extending Objects in TypeScript
02:10
128 Use the Intersection Operator to Extend an Object Type in TypeScript
00:49
129 Extend an Object Using Interfaces in TypeScript
00:54
130 Extending Interfaces to Create Hierarchies in TypeScript
01:50
131 Extending Incompatible Properties
00:53
132 Comparing Intersections and Interface Extends
03:20
133 Comparing Intersection and Interface Extends in TypeScript
02:11
134 Allow Dynamic Keys in TypeScript Types
01:00
135 Dynamic Keys with Index Signatures and Record Types
03:43
136 Allow Any String Key while Supporting Default Properties
00:42
137 Add an Index Signature to an Interface
01:33
138 Supporting Different Types of Keys in TypeScript
01:46
139 Using the PropertyKey Type in TypeScript
00:51
140 Restricting Object Keys in TypeScript
01:09
141 Records and Mapped Types in TypeScript
02:52
142 An Issue with Duplicate Interfaces
00:51
143 Declaration Merging in TypeScript Interfaces
03:09
144 Working with Partial Data from a Type
01:37
145 Manage Subtypes with the Pick Utility Type
02:57
146 Exclude a Property from an Interface
00:51
147 The Omit Utility Type in TypeScript
01:29
148 A Quirk of Omit in TypeScript
01:50
149 Understanding Distributive Omit and Pick in TypeScript
03:06
150 Excluding Fields from a TypeScript Type
00:55
151 The Partial Utility Type in TypeScript
01:08
152 Making Type Properties Required in TypeScript
00:48
153 Specifying a Type with Shared Properties in TypeScript
01:24
154 Common Keys of Unions of Objects in TypeScript
01:28
155 Fixing a Type Assignment Inference Error
01:02
156 Inference differences between let and const
02:10
157 Object Property Inference
00:49
158 Understanding Object Properties and Assignability in TypeScript
02:44
159 Creating Read-only Properties
00:29
160 Specifying Read-only Object Properties
01:03
161 Using a Type Helper to Create Read-only Properties
00:52
162 Use the Readonly Type Helper to Create Read-Only Objects in TypeScript
00:50
163 Deeply Apply Read-only Properties to an Object in TypeScript
01:23
164 Using as const to Deeply Apply Readonly Properties to an Object
01:19
165 Comparing Object.freeze with as const
00:55
166 Deeply Apply Read-only Properties with as const
01:36
167 Prevent Array Mutation in TypeScript
00:47
168 Two Ways to Create Read-Only Arrays in TypeScript
01:37
169 Distinguishing Assignability Between Read-Only and Mutable Arrays
02:02
170 Fixing Unsafe Tuples
01:32
171 Specifying a readonly Tuple
01:54
172 Use the ts-reset Library to Improve Readonly Array Handling in TypeScript
02:11
173 Improve Type Inference for an Async Function
01:20
174 Two Options for Improving Promise Return Types in TypeScript
02:03
175 Infer Strings as Their Literal Types in Objects with as const
01:55
176 Classes in TypeScript
00:51
177 Creating a Class with Default Properties
02:46
178 Implement Class Methods in TypeScript
00:55
179 Declaring Methods in TypeScript Classes
01:32
180 Creating Constructors for Classes in TypeScript
00:36
181 Receive Arguments in Class Constructors
01:42
182 Getter Methods in TypeScript
01:01
183 Adding a Getter to a Class in TypeScript
01:42
184 Public and Private Properties in TypeScript
00:55
185 Prevent Access to Private Properties in Classes
01:55
186 Setter Methods in TypeScript
00:54
187 Add a Setter to a TypeScript Class
01:26
188 Extending Classes in TypeScript
01:32
189 Inheriting Properties from Other Classes in TypeScript
04:12
190 Overriding Methods in TypeScript
03:05
191 Ensure a Class Adheres to a Contract
00:47
192 Implementing Interfaces in TypeScript with Classes
02:15
193 Using
01:10
194 Annotating
02:54
195 Intro to TypeScript-only Features
00:53
196 Parameter Properties in TypeScript
01:43
197 Working with Enums in TypeScript
01:46
198 Create an Enum in TypeScript
02:51
199 String Enums in TypeScript
01:16
200 Creating a String Enum in TypeScript
02:28
[JSConf] Anjana Vakil- Immutable data structures f - 1.1(Av21771654,P1)
26:33
Further Adventures of the Event Loop - Erin Zimmer - JSConf EU 2018
21:16
Generators in JavaScript - What, Why and How - FunFunFunction #34
27:20
JavaScript_microtask_quiz
04:49
Building a JavaScript Development Environment
0 Course Overview
01:31
01_01. You Need a Starter Kit
02:36
01_02. A Starter Kit Is an Automated Checklist
02:35
01_03. Who Is This Course ForA
04:54
01_04. What Belongs in Your Starter KitA
01:18
01_06. Agenda
03:54
01_07. Summary
01:30
02_01. Editors and Configuration-Intro
00:38
02_02.What To Look For in a JavaScript Editor
01:47
02_03.JavaScript Editor Recommendations
01:44
02_04. Editorconfig
01:30
02_05. Demo- Editorconfig
01:55
02_06. Summary
00:38
03_01. Package Management-Intro
00:48
03_02. Package Managers
02:06
03_03. Demo- Install Node and npm Packages
04:13
03_04. Package Security
01:44
03_05. Demo- Node Security Platform
01:04
03_06. Summary
00:49
04_01. Development Web Server-Intro
00:36
04_02. Development Web Servers
04:32
04_03. Demo- Set up Express
04:26
04_04. Sharing Work-in-progress
05:34
04_05. Demo- Sharing Work-in-progress
03:33
04_06. Summary
00:51
05_01. Automation-Intro
00:39
05_02. Automation Options
04:56
05_03. Demo- npm Scripts
01:50
05_04. Demo- PreAPost Hooks
01:37
05_05. Demo- Create Security Check and Share Scripts
02:09
05_06. Demo- Concurrent Tasks
03:25
05_07. Summary
00:43
06_01. Transpiling-Intro
00:58
06_02. JavaScript Versions
01:39
06_03. Transpilers
06:45
06_04. Babel Configuration
02:46
06_05. Transpiling Build Scripts
01:13
06_06. Demo- Set Up Babel
04:10
06_07. Summary
01:23
07_01. Bundling-Intro
01:29
07_02. Module Formats
01:45
07_03. Why ES6 ModulesA
02:34
07_04. Choosing a Bundler
07:26
07_05. Demo- Configuring Webpack
05:35
07_06. Demo- Configure Webpack with Express
01:38
07_07. Demo- Create App Entry Point
03:23
07_08. Demo- Handling CSS with Webpack
02:12
07_09. Sourcemaps
01:21
07_10. Demo- Debugging via Sourcemaps
01:52
07_11. Summary
01:19
08_01. Linting-Intro
00:51
08_02. Why LintA
01:56
08_03. Linters
01:15
08_04. ESLint Configuration Decisions Overview
00:45
08_05. Decision 1- Configuration File Format
01:00
08_06. Decision 2- Which RulesA
00:28
08_07. Decision 3- Warnings or ErrorsA
01:47
08_08. Decision 4- PluginsA
00:48
08_09. Decision 5- Preset
02:05
08_10. Watching Files with ESLint
01:42
08_11. Linting Experimental Features
01:26
08_12. Why Lint Via an Automated BuildA
01:18
08_13. Demo- ESLint Set Up
07:30
08_14. Demo- Watching Files
02:21
08_15. Summary
01:10
09_01. Testing and Continuous Integration-Intro
01:07
09_02. Test Decisions Overview
01:50
09_03. Decision 1- Testing Framework
02:28
09_04. Decision 2- Assertion Libraries
01:22
09_05. Decision 3- Helper Libraries
01:25
09_06. Decision 4- Where To Run Tests
01:46
09_07. Decision 5- Where Do Test Files BelongA
03:09
09_08. Decision 6- When Should Tests RunA
02:48
09_09. Demo- Testing Setup
04:53
09_10. Demo- DOM Testing
05:22
09_11. Demo- Watching Tests
01:08
09_12. Why Continuous IntegrationA
01:04
09_13. What Does Continuous Integration Do
00:27
09_14. Choosing a CI Server
01:16
09_15. Demo- Travis CI
06:04
09_16. Demo- Appveyor
03:32
09_17. Summary
01:47
10_01. HTTP Calls-Intro
01:01
10_02. HTTP Call Approaches
05:05
10_03. Centralizing HTTP Requests
01:27
10_04. Demo- Fetch
06:40
10_05. Selective Polyfilling
01:12
10_06. Why Mock HTTPA
01:06
10_07. How to Mock HTTP
03:52
10_08. Our Plan for Mocking
02:12
10_09. Mocking Libraries
03:19
10_10. Demo- Creating a Mock API Data Schema
03:15
10_11. Demo- Generating Mock Data
02:46
10_12. Demo- Serving Mock Data via JSON Server
05:55
10_13. Demo- Manipulating Data via JSON Server
04:33
10_14. Summary
02:09
11_01. Project Structure-Intro
00:45
11_02. Why a Demo AppA
01:39
11_03. Tip 1- JS Belongs in a .js File
03:36
11_04. Tip 2- Consider Organizing by Feature
00:50
11_05. Tip 3- Extract Logic to POJOs
01:35
11_06. Summary
01:27
12_01. Production Build-Intro
00:56
12_02. Minification and Sourcemaps
01:13
12_03. Demo- Production Webpack Configuration with Minification
04:13
12_04. Demo- Configure Local Adist Server
02:49
12_05. Demo- Toggle Mock API
02:53
12_06. Demo- Production Build npm Scripts
02:46
12_07. Dynamic HTML Generation
02:28
12_08. Demo- Dynamic HTML Generation
05:07
12_09. Bundle Splitting
01:18
12_10. Demo- Bundle Splitting
05:54
12_11. Cache Busting
01:36
12_12. Demo- Cache Busting
03:00
12_13. Demo- Extract and Minify CSS
02:25
12_14. Error Logging
01:46
12_15. Demo- Error Logging
02:11
12_16. Demo- HTML Templates via EmbeddedJS
04:19
12_16. Summary
01:21
13_01. Production Deploy-Intro
00:52
13_02. Separating the UI and API
02:24
13_03. Cloud Hosting
01:10
13_04. Demo- Automated API Deploy via Heroku
08:52
13_05. Demo- Automated UI Deploy via Surge
03:53
13_06. Starter Kit Update Approaches
01:15
13_07. Option 1- Yeoman
01:09
13_08. Option 2- Github
00:22
13_09. Option 3- npm
03:19
13_10. Inspiration
01:17
13_11. Challenge
01:16
13_12. Summary
01:11
Web Performance with Webpack
1. Top Performance Issues
02:33
2. Performance Goals
02:41
3. Code Coverage
08:05
4. Code Splitting
03:45
1. Types of Code Splitting
04:11
2. Code Splitting Demonstration
08:20
3. Webpack Code Splitting Under the Hood
08:30
4. Load a Heavy Module Asynchronously
06:41
5. Code Splitting in Vue, React, & Frameworks
08:36
6. Code Splitting Named Exports
03:01
7. Vendor Bundles are an Anti Pattern
02:40
8. Dynamic Code Splitting
04:55
9. Dynamic Code Splitting Walkthrough
11:46
1. Introducing Magic Comments
06:10
2. Webpack Modes
05:38
3. Webpack Prefetch & Preload
08:35
4. Wrapping Up Code Splitting
02:12
5. Webpack Config Organization
02:49
6. Building Your Library with Webpack
02:43
gk-webpack
01-课程介绍.hd~1
05:40
02-内容综述.hd~1
02:38
03-为什么需要构建工具.hd~1
02:38
04-前端构建演变之路.hd~1
03:39
05-为什么选择webpack.hd~1
02:05
06-初识webpack.hd~1
02:48
07-环境搭建：安装webpack.hd~1
04:06
08-webpack初体验：一个最简单的例子.hd~1
05:21
09-通过npmscript运行webpack.hd~1
02:29
10-webpack核心概念之entry用法.hd~1
03:36
11-webpack核心概念之output.hd~1
03:23
12-webpack核心概念之loaders.hd~1
03:21
13-webpack核心概念之plugins.hd~1
02:57
14-webpack核心概念之mode.hd~1
02:50
15-解析ES6和ReactJSX.hd~1
07:15
16-解析CSS、Less和Sass.hd~1
05:43
17-解析图片和字体.hd~1
08:35
18-webpack中的文件监听.hd~1
05:07
19-webpack中的热更新及原理分析.hd~1
08:58
20-文件指纹策略：chunkhash、contenthash和hash.hd~1
12:48
21-HTML、CSS和JS代码压缩.hd~1
09:43
22-自动清理构建目录产物.hd~1
06:19
23-PostCSS插件autoprefixer自动补齐CSS3前缀.hd~1
09:07
24-移动端CSSpx自动转换成rem.hd~1
11:17
25-静态资源内联.hd~1
10:13
26-多页面应用打包通用方案.hd~1
17:20
27-使用sourcemap.hd~1
14:21
28-提取页面公共资源.hd~1
21:28
29-treeshaking的使用和原理分析.hd~1
11:43
30-ScopeHoisting使用和原理分析.hd~1
14:14
31-代码分割和动态import.hd~1
10:58
32-webpack和ESLint结合.hd~1
18:30
33-webpack打包组件和基础库.hd~1
28:28
34-webpack实现SSR打包(上)
27:56
35-webpack实现SSR打包(下)
11:29
36-优化构建时命令行的显示日志
11:04
37-构建异常和中断处理
07:52
38丨构建配置包设计
10:33
39丨功能模块设计和目录结构
17:12
40丨使用ESLint规范构建脚本
11:30
41丨冒烟测试介绍和实际运用
21:59
42丨单元测试和测试覆盖率
14:11
43丨持续集成和TravisCI
18:03
44丨发布到npm
07:38
45丨Git丨Commi规范和changelog生成
08:17
46丨语义化版本（Semantic丨Versioning）规范格式
07:36
47丨初级分析：使用webpack内置的stats
05:00
48丨速度分析：使用speed-measure-webpack-plugin~1
05:32
49丨体积分析：使用webpack-bundle-analyzer~1
08:28
50丨使用高版本的webpack和Node~1
07:33
51丨多进程多实例构建~1
09:27
52丨多进程多实例并行压缩~1
05:29
53丨进一步分包：预编译资源模块~1
15:37
54丨充分利用缓存提升二次构建速度~1
08:28
55丨缩小构建目标~1
10:20
56丨使用webpack进行图片压缩~1
09:07
57丨使用TreeShaking擦除无用的CSS~1
09:12
58丨使用动态Polyfill服务~1
10:42
59丨webpack启动过程分析~1
11:31
60丨webpack-cli源码阅读~1
21:07
61丨Tapable插件架构与Hooks设计~1
15:51
62丨Tapable是如何和Webpack进行关联起来的？~1
12:57
63丨webpack流程篇：准备阶段~1
14:55
64丨webpack流程篇：模块构建和chunk生成阶段~1
14:58
65丨webpack流程篇：文件生成~1
05:23
66丨动手编写一个简易的webpack(上)~1
09:27
67丨动手编写一个简易的webpack(下)~1
31:20
68丨loader的链式调用与执行顺序~1
09:16
69丨使用loader-runner高效进行loader的调试~1
12:56
70丨更复杂的loader的开发场
22:01
71丨实战开发一个自动合成雪碧图的loader~1
09:42
72丨插件基本结构介绍~1
08:07
73丨更复杂的插件开发场景~1
07:02
74丨实战开发一个压缩构建资源为zip包的插件
18:51
75丨商城技术栈选型和整体架构~1
05:16
76丨商城界面UI设计与模块拆分~1
05:43
77丨全家桶环境搭建~1
10:47
78丨数据库实体和表结构设计~1
07:59
79丨功能开发总结~1
04:59
80丨结束语
02:25
Mastering Webpack Plugins
1. Tapable Plugin System
07:59
2. Compiler & Compilation
03:24
3. Resolver & Module Factories
04:48
4. Parser & Templates
05:39
5. Compiler Walkthrough
04:22
6. Plugin System Code Walkthrough
09:01
1. Creating a Webpack Plugin
13:09
2. Plugin Instance Hooks
13:51
3. Isolating Plugins
09:15
1. Creating a Custom Loader
11:10
2. Configuring Babel for Webpack
07:48
3. Webpack Dev Kit & Wrap Up
04:30
React Using TypeScript
001 Create web apps using the React component approach with TypeScript
01:26
002 What you should know
00:31
001 Initialize a React project
02:19
002 Install TypeScript
02:55
001 Introduction to TypeScript with React
02:18
002 Basic types
04:23
003 Other complex types
04:54
004 Functional_stateless component intro
02:24
005 Functional_stateless component syntax
03:38
006 Class_stateful component intro
02:00
007 Class_stateful component syntax
03:44
001 Introduction to interface
03:44
002 Define our state
04:47
003 Review best practices interfaces
01:47
001 Overview of higher-order components (HOCs)
02:13
002 Implement HOCs in TypeScript
08:07
003 HOCs best practices
01:19
001 Next steps
00:47
Webpack 4 Fundamentals
1. Introduction
05:05
2. Problems with Script Loading
09:52
3. History of Modules
10:20
4. EcmaScript Modules (ESM)
04:03
5. Introducing Webpack
08:49
6. Configuring Webpack
03:13
1. Using Webpack for the First Time
07:05
2. Adding npm Scripts for Environment Builds
06:39
3. Setting Up Debugging
07:06
4. Coding Your First Module
05:04
5. Adding Watch Mode
01:42
6. ES Module Syntax
04:46
7. CommonJS Export
05:17
8. CommonJS Named Exports
07:11
9. Tree Shaking
04:46
10. Webpack Bundle Walkthrough
10:21
1. Webpack Entry
02:48
2. Output & Loaders
06:24
3. Chaining Loaders
05:32
4. Webpack Plugins
04:47
5. Webpack Config
02:35
6. Passing Variable to Webpack Config
04:44
7. Adding Webpack Plugins
04:48
8. Setting Up a Local Development Server
06:55
9. Starting to Code with Webpack
05:29
10. Splitting Environment Config Files
09:52
11. Webpack Q&A
06:05
1. Using CSS with Webpack
07:44
2. Hot Module Replacement with CSS
12:11
3. File Loader & URL Loader
07:26
4. Loading Images with JavaScript
06:29
5. Limit Filesize Option in URL Loader
05:09
6. Implementing Presets
16:00
7. Bundle Analyzer Preset
05:50
8. Compression Plugin
05:29
9. Source Maps
10:01
1. Q&A and Closing Remarks
12:53
TypeScript for Node.js Developers
01 - TypeScript with Node.js
01:16
02 - What you should know
00:34
03 - Template a Node.js and Express project
03:25
04 - TypeScript setup
02:16
05 - TypeScript file conventions
02:05
06 - Compiling and automation, part 1
03:56
07 - Compiling and automation, part 2
03:39
08 - Adding basic types
04:48
09 - Adding types in your functions
04:36
10 - Use TypeScript classes in Node.js
04:30
11 - How to use enums in Node.js
04:15
12 - How to use an interface in Node.js
04:11
13 - Generics in a Node.js project
03:53
14 - Organizing with modules
02:53
15 - Introduction to declaration merging
03:17
16 - Introduction to iterators
04:17
17 - Use decorators into Node.js
03:32
18 - Playground exploration
02:38
19 - TypeScript docs and advanced types
01:49
20 - Next steps
00:36
Getting Started with MobX
01:09:50
typescript 高级必备(下)
201 Const Enums in TypeScript
04:16
202 Namespaces in TypeScript
02:52
203 Merging Namespaces in TypeScript
01:31
204 Declaration Merging with Interfaces Inside of Namespaces
01:15
205 When to Prefer ES Features to TS Features
04:43
206 Introduction to Deriving Types in TypeScript
00:44
207 The keyof Operator
00:58
208 Flowing Types with the keyof Operator
01:23
209 The typeof Operator
01:35
210 Combine keyof and typeof to Derive Types
02:21
211 No Creating Runtime Values from Types
02:04
212 Deriving Types with Classes
00:59
213 Using typeof with Classes in TypeScript
02:16
214 Enums as Types and Values in TypeScript
00:53
215 The this Keyword in TypeScript
01:38
216 Using the Same Name for Values and Types in TypeScript
02:10
217 Creating Types from Complex Function Parameters
01:39
218 Use the Parameters Type to Extract Function Parameters
01:39
219 Extracting Return Types from Functions
00:34
220 Using the ReturnType Type Helper
00:43
221 Extract the Return Type from an Async Function
00:47
222 Unwrap Promises with the Awaited Type Helper
01:01
223 Access Specific Values in an as const Object
01:22
224 Use an Indexed Access Type to Access a Property
02:23
225 Pass a Union to an Indexed Access Type
00:43
226 Unions and Indexed Access Types in TypeScript
01:56
227 Extract a Union of All Values from an Object
00:39
228 Pass keyof into an Indexed Access Type
02:38
229 Create a Union from an as const Array
01:23
230 Pass a Primitive to an Indexed Access Type
02:04
231 Required vs Unnecessary Annotations
00:42
232 Simplifying TypeScript Annotations
04:18
233 Provide Additional Information to TypeScript
01:12
234 The _as_ and _as any_ Keywords in TypeScript
04:11
235 Global Typings use any
01:08
236 Preventing 'any' Type Issues from Global Typings
03:18
237 The Limits of as in TypeScript
02:22
238 Non-null Assertions
01:02
239 Adding a Non-null Assertion
03:16
240 The @ts-ignore Directive in TypeScript
03:16
241 The @ts-expect-error Directive in TypeScript
03:34
242 The @ts-nocheck Directive in TypeScript
01:47
243 Improve Type Annotations with the satisfies Operator
01:33
244 The satisfies Operator in TypeScript
02:29
245 Using satisfies with keyof and typeof in TypeScript
00:37
246 Specify Type Constraints with the satisfies Operator
01:31
247 Comparing as, satisfies, and Variable Annotations in TypeScript
01:30
248 When to Use as, satisfies, and Variable Annotations in TypeScript
04:15
249 The satisfies Keyword and Deeply Read-Only Objects in TypeScript
01:04
250 Combine as const with satisfies for Read-Only Objects
02:02
251 Accept Anything Except Null or Undefined
00:52
252 The Empty Object Type
03:04
253 Typing a Truly Empty Object
01:00
254 Handling a Truly Empty Object in TypeScript
02:45
255 Excess Property Warnings in TypeScript
01:08
256 Techniques for Triggering Excess Property Warnings in TypeScript
04:03
257 Excess Properties in Functions
01:11
258 Understanding Unexpected Properties in TypeScript
03:15
259 Object.keys and Object.entries in TypeScript
03:47
260 Iterating Over Object Keys in TypeScript
01:14
261 Techniques for Iterating Over Object Keys
03:42
262 Evolving Types using the
01:03
263 The Evolving
01:44
264 The Evolving
01:42
265 Function Parameter Comparisons in TypeScript
00:54
266 Understanding TypeScript's Function Parameter Comparisons
03:09
267 Typing Functions with Object Params
00:53
268 Typing Arrays of Functions with Object Params
01:40
269 Properly Typing an Object of Functions
01:48
270 Handling Union of Functions with Incompatible Types in TypeScript
02:13
271 Unions of Function Return Types
01:41
272 Annotating the Errors Thrown by a Function
01:13
273 Techniques for Annotating Errors in TypeScript
02:15
274 Understanding Modules and Scripts in TypeScript
02:27
275 Enforcing Module Usage in TypeScript
00:47
276 Update tsconfig for Modules
01:12
277 Declaration Files in TypeScript
01:40
278 Declaration Files Can Be Modules or Scripts
02:27
279 Using Declaration Files with JavaScript in TypeScript
00:57
280 Typing a JavaScript Module
02:29
281 Type Variables Declared Elsewhere
01:16
282 Ambient Context and the declare Keyword in TypeScript
02:32
283 Global Scope Declarations in TypeScript
00:58
284 Understanding Global Declarations in TypeScript
02:39
285 Configuring the lib Compiler Option
00:32
286 Setting a Compiler Target in tsconfig.json
05:14
287 DOM Typing Configuration in TypeScript
00:34
288 Update tsconfig.json to include DOM typings
02:16
289 Update DOM Typing to Include Iterable
00:39
290 Configuring TypeScript for DOM Iteration
01:23
291 Modifying TypeScript Global Scope
01:27
292 Adding Types to the Global Scope
02:58
293 Adding Type Definitions for External Libraries
00:38
294 Install Type Definitions from DefinitelyTyped
03:46
295 Integrating TypeScript with Node
01:11
296 Modifying process.env Typing in TypeScript
02:13
297 Updating Node.ProcessEnv
03:17
298 Types that Ship With Libraries
01:43
299 Declaring Module Types in TypeScript
01:01
300 The declare module Syntax in TypeScript
01:42
301 Importing and Typing Non-Code Files in TypeScript
00:59
302 Use Wildcards in TypeScript Module Declarations
02:29
303 TSConfig Options and Declaration Files
00:59
304 Understanding skipLibCheck in TypeScript
04:04
305 Should You Use Declaration Files to Store Your Types_
02:30
306 Recommended Base Configuration
03:26
307 Understanding Isolated Modules in TypeScript
03:27
308 Index Access Settings
00:51
309 Making Code Safer with No Unchecked Indexed Access
01:30
310 Using TypeScript as a Linter
01:11
311 The noEmit Option in tsconfig.json
02:06
312 Module NodeNext with Extensions
04:22
313 The moduleResolution Option in tsconfig.json
05:08
314 Enforcing Import Syntax
01:07
315 The Verbatim Module Syntax in TSConfig
03:22
316 Verbatim Module Syntax Enforces Import Type
02:52
317 Understanding lib and target in TypeScript Configuration
03:46
318 Bundle Your Code for Library Use
01:21
319 Emitting TypeScript Declaration Files
01:06
320 Navigate to Source Files Instead of Declaration Files
01:04
321 Utilizing Declaration Maps in TypeScript
01:29
322 Configure JSX Support in TypeScript
00:37
323 Update tsconfig.json to Support JSX
02:31
324 Multiple TypeScript Configurations
00:39
325 Managing Multiple tsconfig Files
01:19
326 Globals are Tied to a Single Configuration
00:51
327 Share Configuration Across Multiple tsconfig Files
00:36
328 Extending a Base TypeScript Configuration
01:45
329 TypeScript Project References
02:38
330 Organizing TypeScript Configurations with Project References
06:00
331 Designing Your Types
01:14
332 Introduction to Generic Types
01:35
333 Implement a Generic Type
03:59
334 Generics with Multiple Type Parameters
00:51
335 Add Multiple Type Arguments to a Generic Type
01:53
336 Handle Errors with a Generic Result Type
01:57
337 Default Type Parameters in Generics
01:10
338 Specify a Default Type Parameter
01:42
339 Add Constraints to a Type Parameter
01:11
340 Constraining Type Parameters
02:46
341 Build a Stricter Omit Type
01:06
342 Constrain Keys in a StrictOmit Type Helper
01:38
343 Template Literal Types in TypeScript
01:03
344 Constrain Strings to Match a Pattern with Template Literal Types
02:10
345 Represent All Possible Type Combinations with Template Literals
00:39
346 Passing Unions to Template Literal Types
01:59
347 Derive Types with Mapped Types
01:04
348 Use a Mapped Type to Create a New Object Shape
03:22
349 Remapping Keys in TypeScript Map Types
01:14
350 Combine the
02:28
351 Introduction to the Utilities Folder
01:55
352 Generic Functions Without Inference
01:07
353 Make a Function Generic
01:54
354 Default Parameter Types for Generic Functions
00:51
355 Setting a Default Parameter Type for Generic Functions
00:40
356 Inference in Generic Functions
01:09
357 Enable Generic Functions to Better Infer Types
03:39
358 Type Parameter Constraints with Generic Functions
01:22
359 Add Constraints to Generic Functions with the extends Keyword
02:45
360 Combining Generic Types with Generic Functions
01:17
361 Refactoring for Generic Types and Functions
02:15
362 Multiple Type Arguments in Generic Functions
01:08
363 Type Inference in Function Parameters
04:16
364 Using Type Predicates to Create Reusable Type Guards
01:26
365 Annotate a Return Type with a Type Predicate
03:23
366 Understanding Assertion Functions in TypeScript
01:35
367 Asserting Types with Type Predicates
02:09
368 Adapt a Function to Handle Different Types of Arguments
01:22
369 Implement Function Overloads
04:29
展开