256. How Does Angular Interact With Backends
Jul 21, 2026 05:59
· 3:09
· English
· Whisper Turbo
· 2 ໄມໂຄຣໂຟນ
ບົດບັນທຶກນີ້ຈະໝົດອາຍຸໃນ 7 ມື້
ປັບປຸງໃຫ້ເປັນບ່ອນເກັບທີ່ບໍ່ປ່ຽນແປງ →
ສະແດງແຕ່
0:01
S…
Speaker 2 (256. How Does Angular Interact With Backends)
So how does Angular connect to a database or how do you connect
0:05
S…
Speaker 2 (256. How Does Angular Interact With Backends)
Angular to a database in your application?
0:07
S…
Speaker 1 (256. How Does Angular Interact With Backends)
Well,
0:08
S…
Speaker 1 (256. How Does Angular Interact With Backends)
of course,
0:09
S…
Speaker 2 (256. How Does Angular Interact With Backends)
it is a use case that you will often have.
0:11
S…
Speaker 2 (256. How Does Angular Interact With Backends)
In your Angular app,
0:13
S…
Speaker 2 (256. How Does Angular Interact With Backends)
you generate data like posts or recipes or whatever you have
0:17
S…
Speaker 2 (256. How Does Angular Interact With Backends)
in your application.
0:18
S…
Speaker 2 (256. How Does Angular Interact With Backends)
And you wanna store that data in a database and also fetch it from there when
0:22
S…
Speaker 2 (256. How Does Angular Interact With Backends)
your app restarts,
0:23
S…
Speaker 2 (256. How Does Angular Interact With Backends)
when a user revisits your page and so on.
0:26
S…
Speaker 2 (256. How Does Angular Interact With Backends)
And it doesn't matter which kind of database we're talking about,
0:29
S…
Speaker 2 (256. How Does Angular Interact With Backends)
if that's a SQL or NoSQL database,
0:32
S…
Speaker 2 (256. How Does Angular Interact With Backends)
doesn't really matter.
0:33
S…
Speaker 1 (256. How Does Angular Interact With Backends)
The thing is,
0:34
S…
Speaker 2 (256. How Does Angular Interact With Backends)
you don't connect Angular to a database directly.
0:38
S…
Speaker 2 (256. How Does Angular Interact With Backends)
That means you don't enter your database credentials into your Angular app
0:42
S…
Speaker 2 (256. How Does Angular Interact With Backends)
or anything like that.
0:43
S…
Speaker 2 (256. How Does Angular Interact With Backends)
This would be highly insecure because everyone can read your
0:47
S…
Speaker 2 (256. How Does Angular Interact With Backends)
Angular code.
0:48
S…
Speaker 2 (256. How Does Angular Interact With Backends)
Since it's a front -end JavaScript application,
0:51
S…
Speaker 2 (256. How Does Angular Interact With Backends)
everyone can inspect the code there.
0:53
S…
Speaker 2 (256. How Does Angular Interact With Backends)
And that is fine,
0:54
S…
Speaker 2 (256. How Does Angular Interact With Backends)
but that also means you must not store credentials in there,
0:57
S…
Speaker 2 (256. How Does Angular Interact With Backends)
for example.
0:58
S…
Speaker 2 (256. How Does Angular Interact With Backends)
And you will learn how you can still authenticate users and so on later in the authentication
1:02
S…
Speaker 2 (256. How Does Angular Interact With Backends)
section,
1:03
S…
Speaker 2 (256. How Does Angular Interact With Backends)
but you definitely don't want to store database credentials.
1:06
S…
Speaker 2 (256. How Does Angular Interact With Backends)
For more information on how secure your JavaScript code is,
1:10
S…
Speaker 2 (256. How Does Angular Interact With Backends)
you can have a look at an article in a video I attached to this video here.
1:14
S…
Speaker 2 (256. How Does Angular Interact With Backends)
So if we don't connect directly to a database,
1:17
S…
Speaker 2 (256. How Does Angular Interact With Backends)
what else can we do then?
1:18
S…
Speaker 2 (256. How Does Angular Interact With Backends)
Because we certainly don't wanna have our standalone,
1:21
S…
Speaker 2 (256. How Does Angular Interact With Backends)
independent,
1:21
S…
Speaker 2 (256. How Does Angular Interact With Backends)
unconnected Angular app.
1:24
S…
Speaker 2 (256. How Does Angular Interact With Backends)
Well, you send HTTP requests and you get HTTP responses
1:29
S…
Speaker 2 (256. How Does Angular Interact With Backends)
to and from a server.
1:30
S…
Speaker 2 (256. How Does Angular Interact With Backends)
A server in the end is defined as an API here.
1:34
S…
Speaker 2 (256. How Does Angular Interact With Backends)
That means it is,
1:35
S…
Speaker 2 (256. How Does Angular Interact With Backends)
for example,
1:36
S…
Speaker 2 (256. How Does Angular Interact With Backends)
a REST API or a GraphQL API you are communicating with.
1:40
S…
Speaker 2 (256. How Does Angular Interact With Backends)
And in this course,
1:41
S…
Speaker 2 (256. How Does Angular Interact With Backends)
we'll use a REST API,
1:43
S…
Speaker 2 (256. How Does Angular Interact With Backends)
which is the most common form of API you work with.
1:45
S…
Speaker 1 (256. How Does Angular Interact With Backends)
Now,
1:46
S…
Speaker 2 (256. How Does Angular Interact With Backends)
such a API in the end is
1:49
S…
Speaker 2 (256. How Does Angular Interact With Backends)
almost like a normal website,
1:50
S…
Speaker 2 (256. How Does Angular Interact With Backends)
but when you visit its URLs,
1:52
S…
Speaker 2 (256. How Does Angular Interact With Backends)
you're not getting back HTML,
1:54
S…
Speaker 2 (256. How Does Angular Interact With Backends)
but you're getting back data,
1:56
S…
Speaker 2 (256. How Does Angular Interact With Backends)
mostly in the JSON format.
1:58
S…
Speaker 2 (256. How Does Angular Interact With Backends)
And if you wanna learn more about REST APIs in general,
2:01
S…
Speaker 2 (256. How Does Angular Interact With Backends)
you'll also find some helpful resources related to that attached to this video.
2:05
S…
Speaker 2 (256. How Does Angular Interact With Backends)
And I have a whole course,
2:06
S…
Speaker 2 (256. How Does Angular Interact With Backends)
my Node .js course,
2:07
S…
Speaker 2 (256. How Does Angular Interact With Backends)
where I also teach you how to create such APIs.
2:10
S…
Speaker 2 (256. How Does Angular Interact With Backends)
Because you don't use Angular for the creation of these APIs,
2:14
S…
Speaker 2 (256. How Does Angular Interact With Backends)
you use server -side languages like Node .js or PHP instead,
2:18
S…
Speaker 2 (256. How Does Angular Interact With Backends)
but you can communicate with these APIs with Angular.
2:21
S…
Speaker 2 (256. How Does Angular Interact With Backends)
And on that server,
2:23
S…
Speaker 2 (256. How Does Angular Interact With Backends)
you then can have code that does interact with a database
2:27
S…
Speaker 2 (256. How Does Angular Interact With Backends)
to store and fetch data.
2:29
S…
Speaker 1 (256. How Does Angular Interact With Backends)
And of course,
2:29
S…
Speaker 2 (256. How Does Angular Interact With Backends)
there are more reasons for communicating with a server than for storing
2:33
S…
Speaker 2 (256. How Does Angular Interact With Backends)
or fetching data.
2:34
S…
Speaker 2 (256. How Does Angular Interact With Backends)
It's not just about database access.
2:36
S…
Speaker 2 (256. How Does Angular Interact With Backends)
You could be uploading files or you could be sending some analytics to
2:41
S…
Speaker 2 (256. How Does Angular Interact With Backends)
a backend or any other reason for why you might need to
2:45
S…
Speaker 2 (256. How Does Angular Interact With Backends)
talk to some backend server.
2:47
S…
Speaker 1 (256. How Does Angular Interact With Backends)
Now in this module,
2:48
S…
Speaker 2 (256. How Does Angular Interact With Backends)
we will not write such a backend from scratch since this is way
2:52
S…
Speaker 2 (256. How Does Angular Interact With Backends)
beyond the scope of the course and totally not Angular's job.
2:57
S…
Speaker 2 (256. How Does Angular Interact With Backends)
but I will show you how to use a free dummy backend,
2:59
S…
Speaker 2 (256. How Does Angular Interact With Backends)
which could of course be replaced by any real backend you have,
3:03
S…
Speaker 2 (256. How Does Angular Interact With Backends)
to send requests,
3:05
S…
Speaker 2 (256. How Does Angular Interact With Backends)
to use responses,
3:06
S…
Speaker 2 (256. How Does Angular Interact With Backends)
and so on.
ບົດບັນທຶກນີ້ໄດ້ຖືກສ້າງຂຶ້ນໂດຍ AI (ການຮັບຮູ້ການເວົ້າແບບອັດຕະໂນມັດ). ອາດມີຂໍ້ຜິດພາດ - ກວດສອບກັບສຽງຕົ້ນຕໍເພື່ອໃຊ້ຢ່າງຮີບດ່ວນ. ນະໂຍບາຍ AI
ສັງລວມ
ກົດປຸ່ມສັງລວມ ເພື່ອສ້າງບົດສັງລວມ AI ຂອງບົດບັນທຶກນີ້.
ກຳລັງສັງລວມ...
ຖາມ AI ກ່ຽວກັບການແປນີ້
ຖາມທຸກຢ່າງກ່ຽວກັບບົດບັນທຶກນີ້ - AI ຈະຊອກຫາສ່ວນທີ່ກ່ຽວຂ້ອງແລະຕອບ.