【学习计划和进展】先把模糊的东西学清楚

七月我打算把VueJS和TypeScript学清楚。

先学VueJS。以往学习都是使用免费资源，过程免不了在寻找和过滤可靠资源上花费时间，这次我决定尝试付费资源。我选了Vue School的三个月49美金配套，有点后悔没选课程比较有规划的Vue Mastery但它们应该也差不多。

把所有课程做个简单分类（见文章末），看起来就是VueJS一路，一些辅助概念、怎么结合firebase使用、学写测试、GraphQL和NuxtJS相关，还有最新版本VueJS 3。

这周我完成了三个初级课程，内容涵盖基本文法、怎么写component（global和local），component之间怎么沟通（props、lifecycle hooks、slots）、测试基础概念（mocks、stubs、spies）。本来打算到这里就写个概括以上内容的练习project（比如餐厅菜单或者todo list这类有reusable component，有nested component，使用local component的），奈何最近伤到手无法长时间打字，只能继续以做笔记为主，练习project之后再补上。

下周我打算专注在VueJS这个分类上，之后再掉头学其他的，VueJS 3会放在最后。

课程分类

VueJS

• （初级）VueJS Fundamentals
• （初级）VueJS Components Fundamentals
• （中级）Single File Components
• （中级）Vue.js Form Validation
• （中级）The Vue.js Master Class
• （中级）Vue Router for Everyone
• （中级）Vue Router 4 for Everyone
• （高级）Functional Components
• （高级）Custom Vue Directives
• （高级）Dynamic Forms with Vue.js
• （高级）Reusable Vue.js Components with Slots
• （高级）Vuex for Everyone

辅助工具和概念类

• （初级）Storybook with VueJS
• （初级）Web Accessibility Fundamentals
• （中级）Modern JavaScript: ES6 and beyond!
• （中级）Internationalization with vue-i18n

整合使用

• （初级）VueJS + Firebase Authentication
• （初级）VueJS + Firebase Realtime Database 

测试

• （初级）JS Testing Fundamentals
• （中级）Test with Jest
• （高级）Testing Vue.js Components

Data（GraphQL）和Framework（NuxtJS）

• （初级）GraphQL Fundamentals
• （初级）NuxtJS Fundamentals
• （中级）Vue-Apollo GraphQL Fundamentals
• （中级）Async Data with Nuxt.js
• （高级）Static Site Generation with Nuxt.js

VueJS 3

• （初级）VueJS 3 Fundamentals
• （初级）VueJS 3 Components Fundamentals
• （中级）VueJS 3 Masterclass
• （中级）What is new in Vue 3
• （中级）Vue 3 Single File Components