1 / 11

Building Single Page Applications with AngularJS and ASP.NET: A Comprehensive Guide

Join Marko Tošić, a Microsoft Consultant, in this enlightening session about building Single Page Applications (SPAs) using AngularJS and ASP.NET. Explore the powerful features of AngularJS, such as MVC architecture, data binding, directives, and dependency injection. Learn how to efficiently develop RESTful services with ASP.NET WebAPI and integrate them seamlessly with AngularJS for a responsive web application. Discover tips for utilizing SignalR for real-time web communication and get insights into the latest in Visual Studio for enhanced development experiences.

aimee
Télécharger la présentation

Building Single Page Applications with AngularJS and ASP.NET: A Comprehensive Guide

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Sofia Event Center 14-15 May 2014 Building a Single Page Applications using AngularJS and ASP.NET Marko Tošić Consultant, Microsoft marko.tosic@microsoft.com

  2. What is AngularJS? • Google javascript front-end framework •  • MVC • Model - data • View – “projection” of data • Controller – “glue” between model and view • SPA • Single Page Application framework • Dependency injection

  3. AngularJS • Components and features • Directives • Scope • Module • Data binding • Filter • Expressions • Service • Dependency injection • Model • View • Controller

  4. Visual Studio + AngularJS • Web essentials • “Playground” for new web functionalites and features who eventually end up in Visual Studio • Newest features and specifications (it’s possible to subscribe to nightly builds) • Intellisense • Possible with Web essentials • Currently in preview phase – still bugged

  5. AngularJS + ASP.NET+ WebAPI • WebAPI • Framework for quick and easy development of HTTP web services • Ideal for building RESTful applications on .NET framework • AngularJS + REST • Easy consuming of REST services with $http or $resource • AngularJS + ASP.NET • SPA (single HTML) • mini-SPA (Angular+ASP.NET MVC)

  6. AngularJS + SignalR • “Real time” web • Web sockets • Two way communication between client and server • Consensus application(demo)

  7. Without real-time Got Data? Got Data? Got Data? Got Data? Client Browser WebServer Here’s some data! Got Data? Got Data? Got Data? Got Data?

  8. With real-time I do real time, do you? Client Browser WebServer Absolutely! Let’s Do This!

  9. Basically… Client Browser SignalR!!! WebServer

  10. AngularJS pros and cons • Pros • Supports “good” application architecture – SoC, loosely coupled, testable • Complete framework • Easy to use • Cons • Debugging • Intellisense support* • Minification (depending on syntax) • *much better Intellisense support for AngularJS within Visual Studio should be released soon

  11. Questions??? Share your feedback for this particular session and for the overall conference experience at http://aka.ms/intouch for a chance to win our prizes!

More Related