A demonstration on how to build web apps with the Angular and Meteor frameworks.

1. 1
Building Realtime Web Apps with
TCF IT Professional Conference
March 18, 2016
Michael P. Redlich
@mpredli
about.me/mpredli/

2. Who’s Mike?
• BS in CS from
• “Petrochemical Research Organization”
• Ai-Logix, Inc. (now AudioCodes)
• Amateur Computer Group of New Jersey
• Publications
• Presentations
2

3. Objectives
• What is Angular?
• What is Meteor?
• Why Angular-Meteor?
• Getting Started Building an Application
• Live Demo (yea!)
• Angular-Meteor Resources
3

4. What is Angular?
• “AngularJS is a structural framework for
dynamic web apps most suited to your
application development…”
Angular Web Site, htpp://www.angularjs.org/
4

5. What is Meteor?
• “Meteor is an ultra-simple environment for
building modern web sites. What once took
weeks, even with the best tools, now takes
hours with Meteor”
Meter Web Site, http://www.meteor.com/
5

6. Why Angular-Meteor?
• MVC/MVVM on the client (Angular)
• Backend database for Angular (Meteor)
• Full stack framework (Meteor)
• Easy deployment (Meteor)
6

7. Who is Building Apps
with Angular-Meteor?
7

8. Let’s Get Started…
8

9. 9
Download Meteor
• Unix/Linux:
$ curl https://install.meteor.com |
sh
• Windows:
•https://install.meteor.com/
windows

10. CreateYour Meteor
App
$ meteor create myapp
$ cd myapp
myapp $ meteor
10

11. Add/Remove Smart
Packages
myapp $ meteor add angular
myapp $ meteor add bootstrap
myapp $ meteor remove insecure
11

12. Let’s Build That App…
12

13. 13

14. 14
Angular-Meteor
Resources
•angularjs.org
•meteor.com
•angular-meteor.com
•mongoldb.org

15. Upcoming Events (1)
• March 18-19, 2016
•tcf-nj.org
• April 11-12, 2016
•phillyemergingtech.com
15

16. 16
Thanks!
mike@redlich.net
@mpredli
redlich.net
slideshare.net/mpredli01
github.com/mpredli01