8_the_course_structure
Jul 13, 2026 03:46
· 4:00
· English
· Whisper Turbo
· 3 المتكلمون
تنتهي صلاحية هذا النص اليوم.
تحسين التخزين الدائم →
العرض فقط
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.
هذا النص تم إنتاجه بواسطة AI (التعرف الآلي على الكلام). قد يحتوي على أخطاء - التحقق من الصوت الأصلي للاستخدام الحرج. سياسة الذكاء الاصطناعي
موجز تنفيذي
انقر على ملخص لإنشاء ملخص للذكاء الاصطناعي لهذا النص.
وباختصار...
اسأل AI عن هذا النص
وإذا سألت عن أي شيء في هذا النص، سيجد المحقق الخاص الأقسام ذات الصلة ويجيبك.