8_the_course_structure

Jul 13, 2026 03:46 · 4:00 · English · Whisper Turbo · 3 Kaikōrero

Ka ngaro tēnei tāruatanga i tēnei rā. Whakahauhau mo te rokiroki tūturu →

Whakapānga

0:02

S… Speaker 1 (8_the_course_structure)

What does this course offer you?

0:04

S… Speaker 2 (8_the_course_structure)

We're just getting started and we just built and edited our first Angular

0:08

S… Speaker 1 (8_the_course_structure)

application.

0:09

S… Speaker 2 (8_the_course_structure)

But of course we didn't fully understand what we did there.

0:12

S… Speaker 2 (8_the_course_structure)

So that's why in the next lecture we're going to dive into the

0:16

S… Speaker 3 (8_the_course_structure)

basics of Angular.

0:17

S… Speaker 2 (8_the_course_structure)

What are components?

0:18

S… Speaker 2 (8_the_course_structure)

What did we do there with this two -way data binding and how does

0:22

S… Speaker 1 (8_the_course_structure)

that all work?

0:23

S… Speaker 2 (8_the_course_structure)

This section will answer it and we'll take a very detailed look at it and

0:27

S… Speaker 2 (8_the_course_structure)

we'll also explain how all these files you saw in your project

0:30

S… Speaker 2 (8_the_course_structure)

are connected to each other well then we're going to have a look at components and

0:35

S… Speaker 2 (8_the_course_structure)

data binding two important key features and we actually saw both already

0:39

S… Speaker 2 (8_the_course_structure)

in our first application angular apps are built up from components

0:43

S… Speaker 2 (8_the_course_structure)

and data binding is simply how you output data in your dom

0:48

S… Speaker 2 (8_the_course_structure)

in the end or as we will also learn react to user events

0:52

S… Speaker 2 (8_the_course_structure)

Angular has another key feature,

0:54

S… Speaker 1 (8_the_course_structure)

directives.

0:55

S… Speaker 3 (8_the_course_structure)

ng -model,

0:56

S… Speaker 2 (8_the_course_structure)

which we used with two -way data binding,

0:58

S… Speaker 1 (8_the_course_structure)

actually is such a directive.

1:00

S… Speaker 2 (8_the_course_structure)

And you will learn more about the built -in directives in this section,

1:03

S… Speaker 3 (8_the_course_structure)

and also,

1:04

S… Speaker 2 (8_the_course_structure)

very important,

1:05

S… Speaker 1 (8_the_course_structure)

build your own directives.

1:06

S… Speaker 2 (8_the_course_structure)

Nice little helpers,

1:08

S… Speaker 2 (8_the_course_structure)

instructions you can place in your templates in your HTML code,

1:12

S… Speaker 2 (8_the_course_structure)

which will then do something at runtime,

1:14

S… Speaker 2 (8_the_course_structure)

depending on the commands you wrote in there.

1:17

S… Speaker 2 (8_the_course_structure)

Well, and after having a look at this,

1:19

S… Speaker 2 (8_the_course_structure)

we're going to learn more about services and dependency injection,

1:22

S… Speaker 2 (8_the_course_structure)

a core feature of Angular,

1:24

S… Speaker 2 (8_the_course_structure)

which makes it really easy for you to have your different pieces in your app communicate

1:28

S… Speaker 2 (8_the_course_structure)

with each other to centralize code and really to manage the

1:32

S… Speaker 1 (8_the_course_structure)

state of your application.

1:34

S… Speaker 2 (8_the_course_structure)

Once we're finished with that,

1:35

S… Speaker 2 (8_the_course_structure)

it's time to have a look at routing because thus far,

1:38

S… Speaker 2 (8_the_course_structure)

we will only have been on one

1:41

S… Speaker 1 (8_the_course_structure)

Page, well,

1:41

S… Speaker 2 (8_the_course_structure)

we're always on one page,

1:43

S… Speaker 2 (8_the_course_structure)

since it's a single -page application,

1:45

S… Speaker 2 (8_the_course_structure)

but to the user it really looked like one page.

1:47

S… Speaker 1 (8_the_course_structure)

With routing,

1:48

S… Speaker 2 (8_the_course_structure)

we introduce the management of different URLs,

1:51

S… Speaker 2 (8_the_course_structure)

so that to the user it looks like we're switching pages,

1:54

S… Speaker 2 (8_the_course_structure)

even though technically we will still remain on that single page.

1:57

S… Speaker 1 (8_the_course_structure)

Sounds great?

1:58

S… Speaker 3 (8_the_course_structure)

It is,

1:59

S… Speaker 2 (8_the_course_structure)

and routing shows you how it works.

2:01

S… Speaker 2 (8_the_course_structure)

Then it's time to have a look at observables,

2:03

S… Speaker 2 (8_the_course_structure)

something which will make more sense once you've been to the routing section.

2:07

S… Speaker 2 (8_the_course_structure)

It is a concept allowing you to work with asynchronous code,

2:11

S… Speaker 2 (8_the_course_structure)

Angular embraces it,

2:12

S… Speaker 2 (8_the_course_structure)

it's really powerful and this section explains how it works.

2:16

S… Speaker 2 (8_the_course_structure)

Then we'll have a look at forms because handling forms,

2:20

S… Speaker 2 (8_the_course_structure)

handling user input is a key task of almost any application and

2:24

S… Speaker 2 (8_the_course_structure)

this section takes a very close look at it.

2:27

S… Speaker 2 (8_the_course_structure)

After we're done with forms,

2:29

S… Speaker 2 (8_the_course_structure)

we're going to have a look at pipes,

2:30

S… Speaker 2 (8_the_course_structure)

another nice feature which makes it easy for you to transform the output

2:34

S… Speaker 2 (8_the_course_structure)

so what you display on the template at runtime.

2:37

S… Speaker 3 (8_the_course_structure)

Well,

2:39

S… Speaker 2 (8_the_course_structure)

we're nearing the end,

2:40

S… Speaker 2 (8_the_course_structure)

but not before having a look at HTTP.

2:42

S… Speaker 2 (8_the_course_structure)

What if you need to reach out to a web server?

2:45

S… Speaker 2 (8_the_course_structure)

What if you need to store some data in a database?

2:48

S… Speaker 2 (8_the_course_structure)

Angular can't connect to a database directly,

2:51

S… Speaker 2 (8_the_course_structure)

but it can connect to a server which is able to,

2:54

S… Speaker 2 (8_the_course_structure)

and the HTTP section shows just that.

2:58

S… Speaker 2 (8_the_course_structure)

Thereafter, we'll have a look at authentication.

2:59

S… Speaker 2 (8_the_course_structure)

What does authentication mean in an Angular application?

3:02

S… Speaker 2 (8_the_course_structure)

How does it work?

3:03

S… Speaker 2 (8_the_course_structure)

And once we're at it,

3:04

S… Speaker 2 (8_the_course_structure)

let's simply implement it in an application.

3:07

S… Speaker 2 (8_the_course_structure)

Then we're going to have a look at some optimizations we can put into place and

3:11

S… Speaker 2 (8_the_course_structure)

how we can manage different modules in our application.

3:14

S… Speaker 2 (8_the_course_structure)

Something you will really understand once we are at this point.

3:17

S… Speaker 2 (8_the_course_structure)

And then we're going to deploy an application and learn how we can get

3:21

S… Speaker 2 (8_the_course_structure)

our Angular application from our local machine to a place

3:25

S… Speaker 2 (8_the_course_structure)

in the internet where we can view it.

3:27

S… Speaker 2 (8_the_course_structure)

And if that's not enough for you,

3:29

S… Speaker 2 (8_the_course_structure)

we're also going to have a look at animations and testing Angular applications.

3:33

S… Speaker 2 (8_the_course_structure)

And besides that,

3:35

S… Speaker 1 (8_the_course_structure)

throughout the whole course,

3:36

S… Speaker 2 (8_the_course_structure)

we're going to build a real project,

3:39

S… Speaker 2 (8_the_course_structure)

putting all these things you'll learn in the individual sections into

3:43

S… Speaker 2 (8_the_course_structure)

practice and therefore seeing how they are used in a

3:47

S… Speaker 1 (8_the_course_structure)

real project.

3:48

S… Speaker 1 (8_the_course_structure)

So with that,

3:49

S… Speaker 2 (8_the_course_structure)

I feel very confident you're going to be an Angular master after finishing

3:53

S… Speaker 2 (8_the_course_structure)

this course and I can't wait to start this journey together with you.

I hangaia tēnei tuhipoka e AI (whakaahua kōrero aunoa). Tērā pea kei roto ngā hapa - tirohia ki te oro taketake mō te whakamahinga tino hira. Ka taea te whakataki i te kaupapahere AI

❤️ E manakohia ana te STT.ai? Whakapāpāho ki ōna hoa!

Ko te whakarāpopoto

Ka pāhotia te Summarize hei waihanga i tētahi whakarāpopoto AI o tēnei tāruatanga.

E pātai ana ki te AI Mo tēnei whakahuatuhi

E pātai ana ki tētahi mea mo tēnei tāruatanga - ka kitea e te AI ngā wāhanga whai tikanga me te whakautu.

Ka whakamāori tētahi atu