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