原文链接： learning Meteor

0. 简介

• Kevin的Meteor介绍 通过一个中文的系列视频，从整个web框架演进的角度让你大致了解一下meteor的先进性以及相关原理，同时做了一个小程序
  
• 硅谷排名第1的Web框架 Github排序，比较具有权威性，Meteor是一个划时代的架构
  
• Meteor适合初学者 虽然Meteor很强大，但是学习门槛并不高，很快就可以掌握相关内容
  
• Meteor适合精益创业 实在没有更适合的东西了
  
  

1. 入门学习

在入门之前，还需要掌握一些基本的web开发技能，具体参考附录

第1步

实操如下教程

• 官方教程 入门阅读Blaze版，一步一步操作
  
  

第2步

实操如下教程

• Discover Meteor中文版 目前最好的一本中文书，Kevin翻译
  
  

第3步

实操如下教程

• Your First Meteor Application 通过LeaderBoard深入浅出地讲了一些原理，值得细读并操作
  
• Your Second Meteor Application 通过todos深入浅出地讲了一些原理，值得细读并操作
  
  
  

第4步

• 阅读Meteor文档
  
• 反复练习1-3步，每次都会有新体会，直到你觉得完全没有新意为止
  
  
  

2. 提高学习

最佳实践

• Meteor Guide Meteor官方给出的最佳实践的文档，在线更新
  
• Todos Meteor官方配合Meteor Guide给出的例程
  
• Mantra Arunoda的Meteor最佳实践
  
• Bulletproof Meteor教程 Arunoda的教程，相对于其质量而言99美刀一点也不贵
  
  

相关原理

• OptimisticUI
  
• Meteor Methods vs Client-Side Operations
  
• Livequery
  
• Mongodb Oplog and Meteor
  
• Tracker Manual
  
• Routing Guide
  
  

3. 专题讨论

数据

• Introduction to GraphQL
  
• Apollo - The data stack for modern apps
  
  

4. 参考内容

开源项目

• Telescope
  
• Wekan meteor实现的trello
  
• MeteorHunt
  
• Crowducate
  
• Mature Open-source
  
  

模板项目

• 模板项目比较
  
• Meteor Starter
  
• Meteor Admin – Admin dashboard package for meteor
  
• Handlebar Helpers – useful helpers for every app
  
  

Blogs

• Discover Meteor Blog
  
• Mannuel Shoebel’s blog
  
• Learn.MeteorFactory
  
• MeteorHacks
  
• MeteorPodcast
  
• How To Learn Meteor Properly
  
  
  

性能监测

• Kadira – Perfomance Monitoring for Meteor
  
• Getting Started With Kadira
  
  
  

提问

• Meteor Talk (Google Group) – generally get a response in a day
  
• Stack Overflow
  
  
  

5. 附录

为了掌握meteor，需要在HTML,CSS和JavaScript方面有着比较扎实的基本功

开发工具

操作系统

• 首选mac: 开发工具全，可以干所有的事情，包括ios开发
  
• 次选ubuntu: 除了不支持ios开发以外，开发起来都差不多，缺点是其他工具太少了
  
  

IDE

• Webstorm: 目前最智能的开发IDE
  
• Atom：开源免费，不过需要自己翻墙安装插件
  
  

浏览器

• chrome，唯一的选择，跨所有的平台
  
  

数据库工具

• mongo shell： 看服务器数据
  
• mongol：看minimongo实时数据
  
• robomongo：图形化界面看服务器数据
  
  

HTML/CSS/LESS

基本的

• HTML中文教程 中文简单教程
  
• CSS基础 中文简单教程
  
• Codecademy Web教程 英文版实践教程，7小时学完
  
  

高级的

• LESS动态样式语言
  
• Twitter Bootstrap – 主站点，有很多好例子
  
• BootstrapZero – prebuilt bootstrap templates from which to learn
  
• Bootply – 可以快速测试的实时Bootstrap编辑器
  
• Bootstrap CSS
  
• Bootsrap元素
  
  

Javascript

Meteor里面主要是用最新ES6版的js，有些新的概念需要做一些了解

• A Javascript Primer for Meteor(1小时) – DiscoverMeteor书里的简短教程
  
• ECMAScript6入门 阮一峰的ECMAScript6入门书，实时在线更新，也鼓励买纸书
  
• JavaScript忍者秘籍
  
• ES6 Meteor的ES6说明
  
  

Mongodb

• 官方教程 入门教程
  
• Data Model Design for MongoDB 数据建模设计
  
• 50 Tips and Tricks for MongoDB Developers MongoDB设计技巧