Date post: | 18-Jun-2015 |
Category: |
Presentations & Public Speaking |
Upload: | tyler-lesperance |
View: | 208 times |
Download: | 0 times |
INTO TALLY SOCIAL…getting chatty with AngularJS, ASP.NET and
Firebase
Tyler Lesperance - @tylerama9 – www.iamtyler.ca
AngularJS SPA
Connects to ASP.NET Web API
Uses Firebase for real-time chat
http://tallysocial.azurewebsites.net
QUICK DEMOQuick Demo
AngularJS
ASP.NET Web APIFirebase
And We’re Done
Next Steps
Resources
Simple app structure
Sets a user after log in or sign up
$resource plays very well with ASP.NET web APIPromises are extremely helpful in Angular, let’s use them( time to code )
AngularJSQuick Demo
AngularJS
ASP.NET Web APIFirebase
And We’re Done
Next Steps
Resources
From Visual Studio new MVC project
Going to use classes for our data models and controllers for our logic
Receive HTTP requests from Angular, routed to our controllers
Controllers return do the ditty then return HTTP response
ASP.NET WEB API
*disclaimer: I am not an ASP developer
*Quick Demo
AngularJS
ASP.NET Web APIFirebase
And We’re Done
Next Steps
Resources
Firebase is a DB service with a flat structure
Provides real-time streams
No back-end coding required
Freaking awesomely simple API
Built-in security and authentication
A good friend to Angular with AngularFire
CHAT WITH FIREBASE
Quick Demo
AngularJS
ASP.NET Web APIFirebase
And We’re Done
Next Steps
Resources
That’s it. We now have an AngularJS application that connects to ASP.NET web API and has a pretty cool but simple chat room (actually two)
AND WE’RE DONE
*no we’re not
*Quick Demo
AngularJS
ASP.NET Web APIFirebase
And We’re Done
Next Steps
Resources
Add better security and authentication
Chat room? That’s it? We can do better
I highly recommend getting into AngularJS and harnessing the power of JavaScript
More importantly, decide what’s best for your project. Don’t use ASP.NET AND Firebase if you don’t have to.
Write better ASP.NET than I do, please
NEXT STEPSQuick Demo
AngularJS
ASP.NET Web APIFirebase
And We’re Done
Resources
Next Steps
http://www.toddmot.to
http://www.angularjs.org
http://www.johnpapa.net
http://www.firebase.comhttp://www.thinkster.io
DEMO: http://tallysocial.azurewebsites.net
$RESOURCESQuick Demo
AngularJS
ASP.NET Web APIFirebase
And We’re Done
Next Steps
Resources
Fin. Merci.
Tyler Lesperance - @tylerama9 – www.iamtyler.ca
Fin.
Tyler Lesperance - @tylerama9 – www.iamtyler.ca