1 00:00:00,150 --> 00:00:00,990 Hello, friends. 2 00:00:01,890 --> 00:00:07,590 Now, before starting a course, I want to first answer all of the questions that you have about what 3 00:00:07,590 --> 00:00:10,050 is angular and why should we use angular? 4 00:00:11,540 --> 00:00:17,000 I could probably just simply say that Angular is a JavaScript framework. 5 00:00:18,060 --> 00:00:25,740 But then if we continue to dive a little deeper, I'd say that Angular is supported by Google and it 6 00:00:25,740 --> 00:00:30,360 is a framework that helps us build a single page applications. 7 00:00:31,450 --> 00:00:33,130 All right, so now we're getting into it. 8 00:00:34,020 --> 00:00:36,780 So what do I mean by single page applications? 9 00:00:37,840 --> 00:00:43,540 Well, single page applications are applications that only allow changes to the browser without the 10 00:00:43,540 --> 00:00:46,840 need to refresh the page while using the page. 11 00:00:48,160 --> 00:00:53,950 So during our course, we're going to see a lot more of these applications, but I do want to see a 12 00:00:53,950 --> 00:00:55,840 little more clearly what we mean. 13 00:00:57,580 --> 00:01:03,930 So as we can see, we're navigating on this page, but these changes do not refresh the page. 14 00:01:04,540 --> 00:01:10,600 So as you can see here, we go to different places, different your e-mail addresses appear, but the 15 00:01:10,600 --> 00:01:12,760 page does not need to be refreshed. 16 00:01:13,260 --> 00:01:20,230 So in other words, all the changes made here, existing HTML cIass and JavaScript codes and all changes 17 00:01:20,230 --> 00:01:23,000 that we see here are being processed in the browser. 18 00:01:23,770 --> 00:01:28,750 So actually we're developing JavaScript applications on the front end. 19 00:01:30,110 --> 00:01:37,760 So we make our work easier by using ready-Made JavaScript codes with frameworks such as Angular React 20 00:01:37,940 --> 00:01:39,080 or Vujacic. 21 00:01:40,730 --> 00:01:44,820 Of course, being able to prepare such an application is a different story. 22 00:01:44,840 --> 00:01:53,360 Things don't always appear what they are underneath, but they do offers many advantages now, since 23 00:01:53,360 --> 00:01:59,570 it's not going to the server side first request or handle the way faster by JavaScript. 24 00:02:00,110 --> 00:02:06,080 So in other words, the server is not constantly visited and Page isn't being refreshed multiple times 25 00:02:06,080 --> 00:02:10,970 and bloating caches so faster answers can be given on the client side. 26 00:02:12,280 --> 00:02:17,200 So if you need information from the server during use, we can do this in the background so you're not 27 00:02:17,200 --> 00:02:18,390 totally cut off, right? 28 00:02:19,180 --> 00:02:24,490 So the user always has is fast reactive app experience is not what we all want. 29 00:02:26,280 --> 00:02:32,100 All right, so these applications aren't user experience applications because they are fast and a lot 30 00:02:32,100 --> 00:02:33,930 easier to switch between pages. 31 00:02:34,170 --> 00:02:39,390 So in other words, with ANGULAR, we can prepare applications that are fast and easy to use, just 32 00:02:39,390 --> 00:02:40,680 like a mobile application. 33 00:02:41,200 --> 00:02:45,870 And of course, it can be prepared in native mobile applications using angular. 34 00:02:46,900 --> 00:02:52,480 So we can develop both mobile and desktop applications using angular, but a boom, what do you think? 35 00:02:53,540 --> 00:02:58,580 So now when we examine the code of this page, we can only see one page, HTML page. 36 00:02:59,750 --> 00:03:05,050 All right, so, yeah, how do the changes we just made happen? 37 00:03:06,660 --> 00:03:13,920 Well, here, JavaScript changes the DOM by changing the runtime HTML code, that's a currently loaded 38 00:03:13,920 --> 00:03:16,740 page changes and the page is not refreshed. 39 00:03:17,680 --> 00:03:21,520 So when we only look at this page, we only see the HTML page. 40 00:03:23,400 --> 00:03:28,500 Of course, in order to prepare these applications, we got to first learn how to prepare a single page 41 00:03:28,500 --> 00:03:36,390 application and angular structures that will prepare step by step some applications.