The Parts and Pieces of an Angular Application

The angular development experience, 0:00 is much different than any other front end framework. 0:02 By taking advantage of modern syntax and Typescript. 0:05 Angular has a solid platform for you to build your next application. 0:10 Typescript helps developers avoid mistakes by helping with code completion, and 0:15 displaying warnings before developers open their application. 0:20 You'll see Typescript's powerful features throughout this course. 0:24 But first, let's see how Angular works. 0:27 Angular applications can be made up of a collection of modules. 0:31 Each application needs to have at least one Root module. 0:34 Which is where the application starts. 0:38 When you define your application, you'll need to decide on the Services, 0:41 Components and 3rd Party Modules you need to include in your application. 0:44 Services can be internal or part of 3rd Party Modules. 0:49 Services are a way to perform actions that occur behind the scenes. 0:53 Maybe it's a long running calculation, 0:57 or it's a web request of the data from the server. 0:59 Components at the heart of your application. 1:03 These combine templates, styles, and some basic logic. 1:05 They can be large enough to incorporate the entire user interface, or 1:10 be as small as a single button. 1:14 NgModule is like a container for your application. 1:16 Ng is the name space angular adopted, so developers can easily identify 1:19 parts of the angular platform, that is your application. 1:24 If you've already looked at the Angular documentation before beginning this 1:28 course, you might have noticed a few different options for languages for 1:33 build in Angular replication. 1:37 TypeScript, JavaScript and Dart. 1:39 In this course, we'll focus on TypeScripts the prefered language by the Angular team. 1:43 Angular depends on Node.js and NPM for module loading and package management. 1:49 If you aren't familiar with these tools, 1:54 I've included installation instructions in the teacher's notes. 1:56 Much of Angular's documentation, including the quickstart, 2:00 uses system dynamically loaded node packages into the browser. 2:03 We won't be using system js in this course. 2:08 Instead, we'll be using webpack. 2:11 Webpack has become the standard way for packaging Angular applications. 2:14 And the industry is moving towards adopting it. 2:19 Angular js can work with either module loader. 2:22 Webpack is an open source module loader, 2:25 that has a lot of extensibility through plugins and loaders. 2:28 I've included material about webpack in the teacher's notes. 2:31 Now that you know what makes an Angular application, let's take a closer look at 2:35 Typescripts, and how it will help you be a better developer. 2:39