Building Realtime Web Apps with Angular and Meteor

Building Realtime Web Apps with Angular and Meteor

• 1.
  1 Building Realtime WebApps with TCF IT Professional Conference March 18, 2016 Michael P. Redlich @mpredli about.me/mpredli/
• 2.
  Who’s Mike? • BSin CS from • “Petrochemical Research Organization” • Ai-Logix, Inc. (now AudioCodes) • Amateur Computer Group of New Jersey • Publications • Presentations 2
• 3.
  Objectives • What isAngular? • 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/MVVMon the client (Angular) • Backend database for Angular (Meteor) • Full stack framework (Meteor) • Easy deployment (Meteor) 6
• 7.
  Who is BuildingApps 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 $ meteorcreate 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 ThatApp… 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! [email protected] @mpredli redlich.net slideshare.net/mpredli01 github.com/mpredli01