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

About the Authors

Dennis Sheppard began his development career more than 20 years ago on an Apple IIe writing BASIC programs that printed “Hello!” an infinite number of times. It wasn’t quite love at first sight, but it was close enough. Several years later, after graduating from Louisiana Tech University with a computer science degree, Dennis got all professional with front-end development using ExtJS and .NET. Since then, he’s worked with a plethora of technologies, including a handful of JavaScript frameworks. He’s quite smitten with AngularJS and the roller coaster ride that is being a front-end developer. Dennis is a Microsoft Certified Solutions Developer and has delivered enterprise solutions for the private equity, insurance, healthcare, ...