This course will be retired on April 12, 2021.
Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
Preview
Start a free Courses trial
to watch this video
Angular is one of the most advanced and complex front end frameworks available. In this video we'll look at what makes an Angular application, the dependencies required, and how it all comes together.
Resources
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
You need to sign up for Treehouse in order to download course files.
Sign up