book

Sams Teach Yourself: AngularJS for .NET Developers in 24 Hours

by Dennis Sheppard

September 2015

Beginner

400 pages

9h 30m

English

Sams

Read now

Unlock full access

Audience and OrganizationHow This Book Is OrganizedConventions Used in This BookExercisesOnward and Upward!
Why Does Everything Look So Different?How Is the Code Different?Options for Front-End DevelopmentBackbone.jsEmber.jsAngularJSWhy Angular?Why Is Angular 1 Still Relevant?SummaryQ&AWorkshopQuizAnswersExercise
Five JavaScript Tips and TricksJavaScript Is Loosely TypedFunctions Are Just ObjectsJavaScript Uses Function Scoping Instead of Block ScopingEquality and ===Function Overloading Isn’t Really a ThingJavaScript PatternsClosuresRevealing Module PatternIIFEPromisesPub/SubMV*ModelViewWhatever’s and *’sSummaryQ&AWorkshopQuizAnswersExercise
The Tool LandscapeNodePackage ManagementNPMBowerGruntYeomanSummaryQ&AWorkshopQuizAnswersExercise
Angular ModulesCreating ModulesSummaryQ&AWorkshopQuizAnswersExercise
Angular Controllers$scopeController InheritanceWhat Should and Shouldn’t Go into a ControllerBest PracticesSummaryQ&AWorkshopQuizAnswersExercise
Angular ViewsData BindingTwo-Way Data Binding with ng-modelData Binding PerformanceMultiple Controllers in a ViewMultiple TemplatesAngular Event BindingView Best PracticesTemplate File OrganizationElement AttributesHiding a Template’s Raw ContentSummaryQ&AWorkshopQuizAnswersExercise
Angular ServicesService Versus FactoryValue Versus ConstantProvidersUsing ServicesSummaryQ&AWorkshopQuizAnswersExercise
Using Services for a DALPromises and $qSummaryQ&AWorkshopQuizAnswersExercise
Angular DirectivesBuilt-In Angular Directivesng-hide and ng-showng-ifng-classng-repeatng-clickng-modelSummaryQ&AWorkshopQuizAnswersExercise
Why Custom Directives?Link FunctionDOM ManipulationDirective ScopeElement Versus AttributeSummaryQ&AWorkshopQuizAnswersExercise
Inversion of Control and Dependency InjectionDependency Injection in .NETThe Case for DI on the Front EndUsing Angular’s DIImplicit AnnotationInline Array Annotation$inject Property AnnotationSummaryQ&AWorkshopQuizAnswersExercise
Routing in a Single-Page AppSetting Up Routing with AngularCleaning Up Your URLs with HTML5 ModeExecuting Code Before a Route Change with a ResolveSummaryQ&AWorkshopQuizAnswersExercise
Angular in a Single FileBreaking Your Application into Separate FilesOrganizing Your Application by File TypeOrganizing Your Application by FeatureApplication Pro TipsSummaryQ&AWorkshopQuizAnswersExercise
Examples of Formatting with Built-In Angular FiltersString CasingDatesCurrenciesCreate Your Own Angular FilterA Better Capitalization FilterA Better Date FilterA Better Currency FilterUsing a Filter to Search on ng-repeatSummaryQ&AWorkshopQuizAnswersExercise
Design PatternsController Patterns and PrinciplesService Patterns and PrinciplesAngular Architecture PatternsSummaryQ&AWorkshopQuizAnswersExercise
Communication Between ComponentsCalling Directive Functions from a ControllerUsing $watch to CommunicateUsing Events to CommunicateNested Controller CommunicationSummaryQ&AWorkshopQuizAnswersExercise
Automating Deployment TasksWriting Production-Ready Angular CodeIIFEsUse StrictError-Checking Your Angular CodeJSLintJSHintMinifying and Concatenating Your Angular CodeDeploying Your Angular Code to Microsoft AzureSummaryQ&AWorkshopQuizAnswersExercise
Unit Testing in AngularKarma and JasmineGetting Everything Set UpTesting ControllersTesting ServicesTesting DirectivesSummaryQ&AWorkshopQuizAnswersExercise
Debugging Strategies and TipsToolsGoogle Chrome Developer ToolsFirefox Toolbox and Firefox Developer EditionInternet Explorer Developer ToolsBatarang Chrome ExtensionSummaryQ&AWorkshopQuizAnswersExercise
Strategies for Modernizing Web ApplicationsTranslating Web Forms into AngularBuilding Out a Web Forms ExampleChanging Web Forms Functionality to AngularAugment Web Forms with AngularSummaryQ&AWorkshopQuizAnswersExercise
Building a Sample ASP.NET MVC AppAdding Angular to an ASP.NET MVC AppSummaryQ&AWorkshopQuizAnswersExercise
Single-Page Apps with Angular and Web APICreating a Simple Web APITesting Your APIDeploying Your APIConsuming the Web API in AngularCORSWriting ServicesSection 1: Viewing ArtistsSection 2: Adding a New ArtistSection 3: Editing an ArtistConsuming Other APIs with AngularSummaryQ&AWorkshopQuizAnswersExercise
When Should You Use SignalR?Configuring SignalRAdding SignalR to the OWIN PipelineSending SignalR Messages in Your APIReceiving SignalR Messages in AngularSummaryQ&AWorkshopQuizAnswersExercise
What’s the Current Status of Angular?What’s Changing in Angular 2?How Can You Prepare for Angular 2?Use the New Component Router (When It’s Ready)Use ControllerAs SyntaxLearn TypeScriptES6Web ComponentsWhy the First 23 Hours of This Book Are More Important Than This Last HourSummaryQ&AWorkshopQuizAnswersExercise

Content preview from Sams Teach Yourself: AngularJS for .NET Developers in 24 Hours

Introduction

Congratulations! You’re about to embark on an epic journey in front-end web development! Since its original release in 2009, AngularJS has become the most widely adopted JavaScript framework for building dynamic web applications. Angular empowers developers to organize, reuse, and test JavaScript code in ways few other JS frameworks have. The creators of Angular say that it is what HTML would have been, had it been designed for applications. You’ll find out exactly what that means, and what the best ways are to use Angular to organize, reuse, and test JavaScript code.

Throughout this book, you will use your .NET background as a baseline to understanding new Angular concepts. There are a lot of parallels between Angular and .NET, ...