1
00:00:00,360 --> 00:00:00,930
‫Hey, there.

2
00:00:01,020 --> 00:00:01,770
‫Welcome back.

3
00:00:02,130 --> 00:00:08,280
‫Now let us continue our journey and discuss about few small concepts that I really wanted to include

4
00:00:08,280 --> 00:00:14,490
‫in the schools concept like Caesar's Library, something related to scrolling and a few other things.

5
00:00:14,910 --> 00:00:21,210
‫So at this point of time, you haven't discussed how to control this crawl or if I can customize this,

6
00:00:21,480 --> 00:00:24,630
‫or maybe how to add animation to different libraries.

7
00:00:24,720 --> 00:00:27,150
‫Currently, we are writing everything by our own.

8
00:00:27,560 --> 00:00:29,980
‫But if you search about six libraries.

9
00:00:30,000 --> 00:00:35,670
‫You will get to know that there are multiple synapses libraries that can help us to do these tasks.

10
00:00:36,000 --> 00:00:39,120
‫For example, if you open this and you meet, Garcia says.

11
00:00:40,330 --> 00:00:45,700
‫Pretty popular library, and we have been using a few libraries in the past, we have used font awesome

12
00:00:45,700 --> 00:00:52,210
‫to get these type of icons, and we have also utilized forms to get our custom font.

13
00:00:52,780 --> 00:00:59,740
‫So in this way, these libraries have pre-written code and we just need to for them, for example,

14
00:00:59,740 --> 00:01:01,330
‫with this animator cases.

15
00:01:01,720 --> 00:01:04,720
‫We have these multiple features which are already written.

16
00:01:05,810 --> 00:01:07,850
‫And you can implement them by yourself.

17
00:01:07,970 --> 00:01:11,180
‫But since they're already written, we can directly import them.

18
00:01:11,480 --> 00:01:18,520
‫For example, if I click here on bouncing, you can see bounce and down bounce and level.

19
00:01:18,650 --> 00:01:22,550
‫You can implement every single one of them by yourself.

20
00:01:22,670 --> 00:01:24,890
‫We have already implemented this bond.

21
00:01:25,490 --> 00:01:30,290
‫But if you try to explore others, you'll see bounce out, bounce out down.

22
00:01:30,890 --> 00:01:33,680
‫There will be freed in trade in May.

23
00:01:33,710 --> 00:01:38,320
‫There are multiple things that we can do this flip flip next.

24
00:01:38,420 --> 00:01:39,500
‫We can do this.

25
00:01:42,220 --> 00:01:46,060
‫And there are multiple others you can implement them directly.

26
00:01:46,090 --> 00:01:48,310
‫All you have to do is just import them.

27
00:01:48,340 --> 00:01:52,960
‫There is one option utilizing this and but I don't want to get into this mess.

28
00:01:53,320 --> 00:01:56,890
‫What we can do is we can imported directly using our.

29
00:01:57,980 --> 00:02:00,420
‫Syrian so hard I can copy this one.

30
00:02:00,440 --> 00:02:01,790
‫This import link.

31
00:02:04,030 --> 00:02:07,210
‫And get back to my code and helped me imported.

32
00:02:09,260 --> 00:02:14,510
‫So this is this you didn't link, which will help me to play with my enemy, classiest.

33
00:02:15,520 --> 00:02:18,970
‫Now, that means all of these features are pre-written.

34
00:02:19,330 --> 00:02:25,810
‫And if I want to implement any one of them, all I have to do is just utilize the required glass, maybe

35
00:02:25,810 --> 00:02:27,760
‫four bones, maybe before anything else.

36
00:02:28,600 --> 00:02:32,320
‫Nowadays, key frames and everything are rewritten behind the scene.

37
00:02:33,010 --> 00:02:34,450
‫Let me try to implement this one.

38
00:02:34,450 --> 00:02:41,200
‫Maybe animate, underscore animated this I need to include with every single element that I want to

39
00:02:41,200 --> 00:02:42,370
‫include this animation.

40
00:02:42,730 --> 00:02:44,770
‫And then this is going to be the effect.

41
00:02:45,250 --> 00:02:46,570
‫So let me copy this one.

42
00:02:49,240 --> 00:02:55,270
‫And had I'm going to apply this on new button, this is my contact us button and let me have my account

43
00:02:55,900 --> 00:02:56,780
‫save this one.

44
00:02:56,800 --> 00:02:57,610
‫Get back here.

45
00:02:57,760 --> 00:03:01,600
‫And if I refresh now, you can say it's moving down.

46
00:03:01,600 --> 00:03:04,120
‫So we have utilized this.

47
00:03:05,090 --> 00:03:10,640
‫And you bounce now, let me change this one, since we have multiple option.

48
00:03:10,820 --> 00:03:12,320
‫Let me try it flash.

49
00:03:12,800 --> 00:03:14,120
‫I let you copy this one.

50
00:03:15,080 --> 00:03:17,420
‫Get back here and change this.

51
00:03:18,850 --> 00:03:19,930
‫And save this one.

52
00:03:20,080 --> 00:03:23,150
‫Get back here and very fresh.

53
00:03:23,680 --> 00:03:25,580
‫You can see that side talking.

54
00:03:26,230 --> 00:03:29,290
‫OK, there are multiple, if you remember Netflix.

55
00:03:31,660 --> 00:03:38,770
‫Global yellow heartbeat, we have multiple options, and all you have to do is just copy and paste the

56
00:03:38,770 --> 00:03:39,670
‫required one.

57
00:03:41,640 --> 00:03:44,900
‫And if I refresh now, you can see a talking great.

58
00:03:47,010 --> 00:03:53,310
‫Now, totally dependent on us how we are going to utilize it and how we can explore multiple other libraries.

59
00:03:53,760 --> 00:03:59,040
‫The aim of this lecture was to give you an idea that there are systems libraries that can help us to

60
00:03:59,040 --> 00:04:02,460
‫do certain tasks and we don't need to implement everything ourselves.

61
00:04:03,180 --> 00:04:05,850
‫We have utilized these forms and everything else.

62
00:04:06,170 --> 00:04:12,240
‫If you remember this global test we have, we are utilizing the excess libraries that have formed some

63
00:04:12,240 --> 00:04:12,760
‫icons.

64
00:04:12,770 --> 00:04:13,980
‫So we have been doing this.

65
00:04:16,290 --> 00:04:17,310
‫OK, this looks good.

66
00:04:18,430 --> 00:04:24,090
‫Now, if you jump onto this blog post, you will see other sites, popular libraries, maybe the success

67
00:04:24,090 --> 00:04:27,000
‫Van B style and that is water or.

68
00:04:28,020 --> 00:04:31,380
‫So if you scroll down, you can see font awesome.

69
00:04:31,800 --> 00:04:33,060
‫And that is ironic.

70
00:04:33,360 --> 00:04:39,330
‫There are multiple others and you will only get to know about them once you start reading about them,

71
00:04:39,340 --> 00:04:42,870
‫basically once you start exploring other popular libraries.

72
00:04:43,460 --> 00:04:45,210
‫And this is something extra.

73
00:04:45,240 --> 00:04:47,100
‫This is not the basic stuff.

74
00:04:47,100 --> 00:04:50,280
‫This is not regular stuff, but you should be aware of them.

75
00:04:50,430 --> 00:04:50,820
‫OK.

76
00:04:51,000 --> 00:04:55,500
‫I hope this lecture was helpful and make sure to try out this animated short scissors.

77
00:04:55,530 --> 00:04:57,990
‫This will give you a basic idea how to implement them.

78
00:04:58,470 --> 00:05:00,180
‫We have implemented this font.

79
00:05:00,180 --> 00:05:00,600
‫Awesome.

80
00:05:00,900 --> 00:05:07,200
‫So in a way, we are familiar with this concept, but now I try to implement something else.

81
00:05:07,200 --> 00:05:10,200
‫So you get comfortable with other also.

82
00:05:10,620 --> 00:05:11,750
‫And it's pretty simple.

83
00:05:11,750 --> 00:05:18,180
‫All you have to do is just import the Syrian in the form of language to import and then understand how

84
00:05:18,180 --> 00:05:19,100
‫to utilize them.

85
00:05:19,110 --> 00:05:20,670
‫Here we need to include both.

86
00:05:20,700 --> 00:05:24,960
‫That means the animated glass and then the effect.

87
00:05:25,500 --> 00:05:31,740
‫OK, that said, my next lecture, let us also talk about one other small concept related to scrolling.

88
00:05:32,430 --> 00:05:33,960
‫I hope this lecture was helpful.

89
00:05:34,200 --> 00:05:37,020
‫Thank you for calling, and I ask you guys in the next one.