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

Overview

In just 24 sessions of one hour or less, you will be up and running with AngularJS in your Microsoft .NET environment. Using a straightforward, step-by-step approach, each lesson builds on your .NET skills and knowledge, helping you quickly learn the essentials of AngularJS, and use it to streamline any web development project.

Step-by-step instructions carefully walk you through the most common questions, issues, and tasks.

Q&A sections, quizzes, and exercises help you build and test your knowledge.

By The Way notes present interesting pieces of information.

Try it Yourself sidebars offer advice or teach an easier way to do something.

Watch Out! cautions advise you about potential problems and help you steer clear of disaster.

Dennis Sheppard is a Front-End Architect at NextTier Education in Chicago, IL. He has delivered enterprise solutions for the private equity, insurance, healthcare, education, and distribution industries. Christopher Miller is an Architect at West Monroe Partners. He has built solutions for the higher education, private equity, and renewable energy industries. AJ Liptak, is a Senior Consultant at West Monroe Partners specializing in modern web application development. He has delivered transformative solutions for the telecom, healthcare, finance, and distribution industries.

Learn how to...

Build AngularJS web apps from scratch, or integrate with existing .NET code
Organize, reuse, and test JavaScript web application code far more effectively
Discover key JavaScript design patterns that support AngularJS (and their similarities to C#)
Use AngularJS modules, controllers, views, data-binding, and event handling
Implement AngularJS services efficiently
Work with directives, custom directives, and dependency injection
Set up AngularJS routing
Apply best practices for organizing AngularJS applications
Master sophisticated AngularJS techniques, including filters, advanced patterns, and communication between controllers
Deploy AngularJS code to the Microsoft Azure cloud
Unit-test and debug your single page applications
Integrate AngularJS with .NET Web Forms and .NET MVC
Build REST APIs in .NET and consume their services in AngularJS
Combine AngularJS with .NET SignalR to build real-time web apps
Extend AngularJS development with bower, gulp, and webstorm
Preview the future of AngularJS: Version 2.0 and beyond