1 angularjs dotnet developers m1 slides

13
AngularJS for .NET Developers Introduction Jim Cooper & Joe Eames www.pluralsight.com

Upload: sebastian-andrei

Post on 20-Jan-2016

20 views

Category:

Documents


0 download

DESCRIPTION

Angularjs documentation

TRANSCRIPT

Page 1: 1 Angularjs Dotnet Developers m1 Slides

AngularJS for .NET Developers Introduction

Jim Cooper & Joe Eames www.pluralsight.com

Page 2: 1 Angularjs Dotnet Developers m1 Slides

Module Agenda

History

Clientside Development with .NET

Clientside Development

Advantages

Moving from jQuery Course Overview

Page 3: 1 Angularjs Dotnet Developers m1 Slides

Prerequisites

Node

AngularJS Fundamentals

ASP.NET

Page 4: 1 Angularjs Dotnet Developers m1 Slides

Course Tools & Conventions

Quizzes

Visual Studio

Page 5: 1 Angularjs Dotnet Developers m1 Slides

What’s next?

Page 6: 1 Angularjs Dotnet Developers m1 Slides

Clientside Development

Page 7: 1 Angularjs Dotnet Developers m1 Slides

Angular History

Prototype/jQuery

AJAX

MVC Frameworks

Angular

Page 8: 1 Angularjs Dotnet Developers m1 Slides

Binding

View Model

View Model

Angular

Most Frameworks

Additional Code

Page 9: 1 Angularjs Dotnet Developers m1 Slides

Advantages of Angular

Declarative Views

Two Way Binding

Directives

Testability

Page 10: 1 Angularjs Dotnet Developers m1 Slides

Clientside Development w/.NET

Some jQuery

MVC Framework

Built in JS

Lots of JS

Mini SPA SPA

Page 11: 1 Angularjs Dotnet Developers m1 Slides

Moving from a jQuery Mindset

Don’t start with a designed page then add functionality Think in reusable components Think in your DLS/HTML Think in declarative HTML Don’t enhance jQuery with Angular

Page 12: 1 Angularjs Dotnet Developers m1 Slides

Quiz

Mozilla invented the capability to do AJAX. True or False? False What does SPA stand for? Single Page Application Angular works best as an enhancement to jQuery. True or False? False

Page 13: 1 Angularjs Dotnet Developers m1 Slides

Course Agenda

How to Structure Angular Code

Communicating with the Server

Testing Angular with .NET

Introduction

Using Angular with ASP.NET MVC

Real Time Communication using SignalR

Getting Ready for Production

Using Angular with Legacy .NET