The JavaScript app platform
What We’ll Cover
What is Meteor?
Why Meteor?
Code Demo
How to learn?
What is Meteor?
One codebase,
all platforms
Open and extensible
100% pure
JavaScript
Collaborative iOS and Android
app
<1000 lines of JavaScript
A full-stack, open source platform for building web and mobile apps in JavaScript
Fast and fun
development
How????
Meteor components
Command Line Tool
View Layer – Blaze (Angular, React)
Livequery
Full stack package system – atmospherejs.com
Build system
Cordova/Phonegap
Why Meteor?
Table stakes
TodayYesterday
Browser Mobile
Refresh button Live updates
Individual sessions Multiuser collaboration
Links and forms Native-style GUI
Real-time collaboration
Say: “easy!”
Meteor code demo
MongoDB DOM
Server Client
M
essages.insert()M
essages.insert()
Meteor Data Flows
Minimongo
Optimistic UI
How? Learn?
My code
Todos
https://gitlab.com/lamptt/simple-todos.git
https://gitlab.com/lamptt/simple-todos-angular.git
https://gitlab.com/lamptt/simple-todos-react.git
Contact
•
meteor.com/learn
Official Meteor Tutorial
Official Meteor Docs
Meteor Forums
Discover Meteor (book)
Stack Overflow
meteor.com/try
docs.meteor.com
forums.meteor.com
book.discovermeteor.com
stackoverflow.com/questions/tagged/meteor
Example Apps
Todos — a full-featured todo list app
collaborative app, access control, responsive
meteor create --example todos
Local Market — a mobile social engagement app
Twitter integration, camera integration, mobile-optimized
meteor create --example localmarket
Questions?
Thank You!

Meteor seminar

Editor's Notes

  • #2 Tôi là __________, và cuộc hội thảo này chúng ta sẽ nói về Meteor.
  • #3 Chúng ta sẽ làn lượt đi qua những nội dung chính sau: [speak through the list] So let’s go!
  • #4 Meteor? What&amp;apos;s that?
  • #5 [time bullets with *] Meteor là open source platform dưới MIT-licensed. *được viết hoàn toàn bằng javascript cả frontend và backend. *tiêu chí: “một ăn tất” (cả web và mobile) *Hơn hết việc xây dựng ứng dụng rất nhanh ngay cả là small team có thể kể đến ví dụ local(một example mặc định trong meteor) chỉ với 1000 dòng js
  • #6 Bằng cách nào???? Sao nó imba(bá đạo) thế?
  • #7 Vậy meteor làm điều đó bằng cách nào? Chúng ta hãy cùng nhau điểm qua một số thành phần của meteor: a command line tool, cho phép bạn create, edit, and deploy apps a view layer, khi bạn tạo một ứng dụng mới thì mặc định view là Blaze package, tuy nhiên bạn có thể chọn Angular hoặc React Livequery có thể hiểu là a real-time database. toàn bộ cá package có thể tìm trên trang atmospherejs.com và cuối cùng là thành phần buid Cordova hoặc Phonegap
  • #9 Chúng ta hãy nhìn lại sự phát triển của công nghệ trước đây 10 năm và so sánh nó với bây giờ. Tương tác một chút... Trước đây là Browser, giờ thì ai cũng biết rồi đấy, thời thế của mobie Mỗi là muốn cập nhập trang ta sẽ phải ấn F5 giờ sao nào? với meteor không làm lại điều đó một lần nữa. Tương tác một chút về trò chơi nhóm → giờ là thời thế của tương tác nhóm Trước đây, giao diện là links và forms còn giờ người dùng yêu cầu rất cao về thẩm mỹ. Quần áo không chỉ có màu trắng màu đen không mà còn có khả năng đổi màu theo ánh sáng: có thể tham khảo: http://www.google.com/design/spec/animation/meaningful-transitions.html#meaningful-transitions-visual-continuity
  • #10 Ví dụ về https://trello.com/
  • #11 Tại vì sao? Tại vì sao ta lại dùng meteor: Easy Nói theo phong cách của anh Hùng và Thành: Easy...
  • #12 bla bla vài thao tác lấy ví dụ todo hoặc contact: cho mọi người thấy sức mạnh của nó.
  • #13 Cứ mô tả y như trong hình Lấy ví dụ gửi tin nhắn. Em chat nhóm trong Facebook bao gồm: bla bla… Khi em ấn vào nút gửi ngay lập tức dữ liệu sẽ đc gửi song song đến minimongo và websocket Từ minimongo sẽ gửi đến luôn em khiến em cảm nhận thấy ứng dụng rất nhanh. Từ socket thì bala bala …
  • #15 Chỉ cần biết chút ít về git là có thể đọc code một cách dễ dàng
  • #16 Một số link tham khảo
  • #17 Hai ứng dụng Example mặc định
  • #19 So, đó là tất cả, em cám ơn mọi người đã chú ý lắng nghe!