Hands-on TypeScript for C# and .NET Core Developers

Description

Cover......Page 1 Title Page......Page 2 Copyright and Credits......Page 3 Dedication......Page 4 Packt Upsell......Page 5 Contributors......Page 6 Table of Contents......Page 8 Preface......Page 15 Basics and installation......Page 22 Adding types to JavaScript......Page 23 Using JavaScript of the future now!......Page 24 Installing the Visual Studio 2017 TypeScript SDK......Page 25 Installation of Node.js-based TypeScript compiler......Page 26 Adding TypeScript to your web projects......Page 27 Your first TypeScript file......Page 28 Running and debugging TypeScript code......Page 32 TypeScript compiler options......Page 33 Specifying parameters for the TypeScript compiler......Page 34 TypeScript configuration file......Page 35 TypeScript type system......Page 39 Strings, numbers, and Booleans......Page 40 The null and undefined subtypes......Page 41 Basics of union types......Page 42 void......Page 43 never......Page 44 Enums......Page 45 Declarations......Page 48 Obligatoriness of declarations and noImplicitAny......Page 49 Variable scoping......Page 51 Expressions – type assertions, and string interpolation......Page 53 Summary......Page 54 Further reading......Page 55 Technical requirements......Page 56 Array declaration......Page 57 Tuples......Page 60 Interfaces basics......Page 61 Readonly properties......Page 63 Optional properties......Page 64 Excess property check......Page 65 Defining function properties in interfaces......Page 66 Indexable types......Page 67 Interface inheritance......Page 70 Operations on types......Page 71 Intersection types......Page 72 Union types and type guards......Page 74 Discriminated unions......Page 76 Array destructuring......Page 77 Array spreads......Page 78 Tuples destructuring......Page 79 Object destructuring......Page 80 Object spreads......Page 81 Functions......Page 83 Anonymous functions and function types......Page 84 Optional arguments and destructuring......Page 85 Function overloads......Page 86 Arrow functions......Page 88 Summary......Page 89 Further reading......Page 90 Technical requirements......Page 91 DOM types......Page 93 TypeScript predefined declarations......Page 94 DOM basic types......Page 95 HTML specific types......Page 96 Basic DOM operations......Page 98 DOM manipulation utilities......Page 99 Removing an item......Page 100 Adding a new item......Page 102 Declaration files and JavaScript libraries......Page 103 Where to find declaration files......Page 104 How to use TypeScript declaration files......Page 105 DOM operations with jQuery......Page 106 Questions......Page 109 Further reading......Page 110 Technical requirements......Page 111 Classes......Page 112 Constructors......Page 115 Members definition and modifiers......Page 116 Implicit property definition......Page 118 Accessors......Page 119 Static members and static parts of a class......Page 121 What is the type of a class object?......Page 122 Inheriting from a class and implementing interfaces......Page 123 Implementing interfaces ......Page 124 Inheriting from a class......Page 125 Abstract classes and methods......Page 127 Modular design with inheritance, interfaces, and abstract classes......Page 128 Advanced type-compatibility ......Page 137 Summary......Page 140 Further reading......Page 141 Chapter 5: Generics......Page 142 Generic functions and interfaces......Page 143 A generic function for aggregating array elements......Page 145 Generic classes......Page 148 Generic constraints......Page 151 Type constraints......Page 152 Creating instances of generic variables......Page 154 The keyof constraints......Page 157 Questions......Page 160 Technical requirements......Page 161 Namespaces......Page 162 DOM manipulation re-engineered with namespaces......Page 165 Pitfalls of namespaces and ES6 modules......Page 167 Exporting module symbols......Page 168 Importing module symbols......Page 170 Default export and import......Page 171 Using ES6 modules in browsers......Page 173 DOM manipulation re-engineered with modules......Page 174 Loading modules......Page 176 Compile-time and runtime module-resolution......Page 178 Non-relative path module-resolution......Page 180 Dynamic-loading module......Page 183 Writing declaration files......Page 188 Ambient modules......Page 191 Automatic generation of declaration files......Page 193 Summary......Page 194 Questions......Page 195 Further reading......Page 196 Chapter 7: Bundling with WebPack......Page 197 Bundling TypeScript and JavaScript......Page 198 WebPack loaders – bundling TypeScript files......Page 205 WebPack plugins – recovering the Visual Studio debugger ......Page 208 The WebPack module's resolution algorithm......Page 209 Integrating WebPack in ASP.NET Core middleware......Page 213 Watch mode and Hot Modules Replacement......Page 214 Library bundling – DllPlugin......Page 218 Automatic common chunk extraction – SplitChunksPlugin......Page 222 Dynamic loading......Page 226 Production and development configurations......Page 228 Bundling CSS, images, and HTML......Page 230 Bundling images......Page 231 Bundling HTML......Page 232 Bundling CSS......Page 233 Summary......Page 239 Questions......Page 240 Further reading......Page 241 Technical requirements......Page 242 Using VS Code......Page 243 Building your library......Page 247 Packaging your library as an npm package......Page 249 Installing a test framework – Jasmine......Page 251 Testing your library with Jasmine......Page 254 Writing domlist library tests......Page 255 Debugging tests......Page 258 Questions......Page 259 Further reading......Page 260 Technical requirements......Page 261 Symbols......Page 262 Symbol.toPrimitive......Page 266 Symbol.search, Symbol.match, and Symbol.replace......Page 267 Symbol.split......Page 268 Iterators and iterables......Page 269 Generator functions and iterables......Page 271 Inheriting from Array......Page 274 ECMAScript 2015 built-in iterables......Page 275 Map and WeakMap......Page 276 Set and WeakSet......Page 277 Promises and async/await notation......Page 278 fetch API......Page 283 async/await notation......Page 284 Decorators and metadata......Page 287 Class decorators......Page 289 Decorator factories......Page 291 JavaScript built-in metadata – PropertyDescriptor......Page 292 Method and accessor decorators......Page 293 Handling metadata with the reflect-metadata polyfill......Page 294 Parameter decorators......Page 296 Property decorators......Page 298 Summary......Page 299 Questions......Page 300 Further reading......Page 301 Chapter 10: Angular ASP.NET Core Project Template......Page 302 Technical requirements......Page 303 Creating an Angular project......Page 304 Project structure......Page 307 The main application folder......Page 309 Angular architecture......Page 313 How Angular updates the HTML rendered by component templates......Page 317 Modules, components, and data binding......Page 318 Template bindings......Page 322 Style and class bindings......Page 325 Events and two-way bindings......Page 326 Angular modules......Page 328 Configuring and building an Angular application......Page 330 Building and serving the application......Page 334 Summary......Page 336 Questions......Page 337 Technical requirements......Page 338 Angular lifetime events......Page 339 How to handle Angular life cycle hooks......Page 340 Using a Bootstrap modal in Angular......Page 341 Angular update events......Page 346 Component interaction......Page 347 Custom two-way bindings......Page 349 Forms......Page 351 Pipes......Page 357 Defining custom pipes......Page 360 Application localization......Page 361 Questions......Page 362 Further reading......Page 363 Technical requirements......Page 364 Attribute directives......Page 365 Defining max, min, and step validation attributes......Page 366 Content projection and structural directives......Page 368 The inputError directive......Page 372 Predefined structural directories......Page 375 Animations......Page 376 Triggers, states, and state transitions......Page 378 Parallel and child animations......Page 383 Questions......Page 386 Technical requirements......Page 387 Services and Dependency Injection......Page 388 Angular injectors' hierarchy......Page 390 Service providers......Page 393 Injecting localized error messages......Page 397 Client-server communication......Page 400 Sending data to the server......Page 405 Communication progress events......Page 408 Preventing XSRF attacks......Page 410 Interceptors......Page 413 Routing and navigation......Page 415 Required and optional parameters......Page 417 Improving routes......Page 419 Children routes and named router-outlets......Page 420 Guards......Page 422 Lazy loaded modules......Page 426 Testing......Page 429 Summary......Page 431 Further reading......Page 432 Assessments......Page 434 Other Books You May Enjoy......Page 442 Index......Page 445