1 00:00:01,730 --> 00:00:06,090 Welcome back, my friends, to another lecture we're going to learn about dumb and dumb manipulation. 2 00:00:06,290 --> 00:00:10,130 So if you're not subscribe to some of my journals, please go there. 3 00:00:10,340 --> 00:00:14,810 If you watched this from some course, then stay sane still. 4 00:00:14,810 --> 00:00:20,870 Go on my YouTube channel, because I'm going to put some awesome videos there and subscribe to my channel 5 00:00:21,110 --> 00:00:26,220 because you're going to get more content and out of, for example, out of the courses. 6 00:00:26,220 --> 00:00:27,920 So you're going to get some extra materials. 7 00:00:28,160 --> 00:00:33,970 So it's good to have you as a student, as a subscriber, as my family and friends. 8 00:00:33,980 --> 00:00:38,620 Right now we're going to learn here about dumbed down manipulation, why it's so important. 9 00:00:38,870 --> 00:00:41,180 Before we didn't do any manipulation. 10 00:00:41,180 --> 00:00:43,490 We just use comes a lot. 11 00:00:43,500 --> 00:00:44,990 We just print out things. 12 00:00:45,320 --> 00:00:51,200 We didn't work with JavaScript, how JavaScript in a browser works. 13 00:00:51,500 --> 00:00:55,160 So that is why we need to see about dumbed down manipulation. 14 00:00:55,190 --> 00:01:03,080 So again, I have color coding the time I have dumbed down manipulation just so you can read it in what 15 00:01:03,080 --> 00:01:03,740 is dumb. 16 00:01:03,740 --> 00:01:06,830 Dumb defines a standard for accessing documents. 17 00:01:07,460 --> 00:01:12,660 What is dumb dumb is the standard object model and programming interface for HDR. 18 00:01:12,890 --> 00:01:18,890 So it defines how the system elements as objects, the properties of these elements, the methods, 19 00:01:18,890 --> 00:01:20,570 the events in all of it. 20 00:01:20,570 --> 00:01:26,150 In short terms, we use each team of Dom to get change, all delete. 21 00:01:26,390 --> 00:01:31,820 So to do a lot of it seem like an application we are doing with BHP right now. 22 00:01:31,820 --> 00:01:37,040 There is a dumb diagram here, link from Ian and you can go there, check it out. 23 00:01:37,310 --> 00:01:41,060 Now there are nodes called in a Adam three nodes. 24 00:01:41,450 --> 00:01:44,000 So I just want you to read carefully. 25 00:01:44,090 --> 00:01:46,640 So we now reemphasise all the websites that we are building. 26 00:01:46,910 --> 00:01:49,670 We will want to manipulate the document structure. 27 00:01:49,730 --> 00:01:51,200 That's why we will use Dom. 28 00:01:51,380 --> 00:01:53,180 So we want to manipulate the structure. 29 00:01:53,180 --> 00:01:56,720 So behind these text is HTML structure, right? 30 00:01:56,720 --> 00:01:57,920 That's what I'm trying to do. 31 00:01:58,080 --> 00:02:02,750 These are tree like structure, so representation created by browser. 32 00:02:03,170 --> 00:02:04,370 And here it is. 33 00:02:04,490 --> 00:02:05,750 We have nodes inside. 34 00:02:06,050 --> 00:02:08,030 Dom is represented with no. 35 00:02:08,030 --> 00:02:11,000 So it's useful to know the terminology before working with them. 36 00:02:11,270 --> 00:02:17,930 So there is a written code is actually start here and that's the top in the tree in the A.T.M. page. 37 00:02:17,930 --> 00:02:19,940 It's called HTML Node. 38 00:02:19,940 --> 00:02:26,360 Right, because we have XML pages, stuff like that, and there is a different naming for those. 39 00:02:26,360 --> 00:02:33,380 But in the e-mail it's called Sometime we'll know you have element node and its element that exist inside 40 00:02:33,410 --> 00:02:33,920 is down. 41 00:02:34,130 --> 00:02:39,170 There's a top note, for example, in this, let's put it here. 42 00:02:39,380 --> 00:02:47,060 So if we have the body in here, we have IMG that we have sections for it sort of here in inside this 43 00:02:47,060 --> 00:02:50,510 section gallery, we do have energy and that is the child. 44 00:02:50,690 --> 00:02:52,190 Another descending node. 45 00:02:52,550 --> 00:02:58,310 Actually, this element or this or I don't know which element here is descending node of the body. 46 00:02:58,580 --> 00:03:00,800 There was a parent node, sibling node techno. 47 00:03:01,010 --> 00:03:02,720 So please check them out. 48 00:03:02,720 --> 00:03:08,000 You don't I don't want you to bore you with too much information here because we're going to do a lot 49 00:03:08,000 --> 00:03:13,340 of these things with our code and you will understand them. 50 00:03:13,340 --> 00:03:18,920 So if it's not clear now, don't worry about it will be clear when we start working on our code. 51 00:03:19,070 --> 00:03:20,510 Now, thanks for watching. 52 00:03:20,510 --> 00:03:21,830 I hope you enjoy this one. 53 00:03:22,040 --> 00:03:25,160 It was super short and now you know what Dom is. 54 00:03:25,490 --> 00:03:29,810 So the is a standard object model and programming interface for HTML. 55 00:03:30,110 --> 00:03:36,980 And Dom stands for Document Object Model, a set of apps for controlling H.M.S. styling information. 56 00:03:36,980 --> 00:03:39,590 So I don't want to sit here and read all of this. 57 00:03:39,980 --> 00:03:40,790 I can do that. 58 00:03:40,790 --> 00:03:42,770 But that's not my thing. 59 00:03:43,440 --> 00:03:49,820 If it's your thing, just please watch it, do it and put some put put some comment here. 60 00:03:49,820 --> 00:03:51,290 It will make me feel better. 61 00:03:51,300 --> 00:03:51,650 Right. 62 00:03:51,860 --> 00:03:52,760 So thank you very much. 63 00:03:53,000 --> 00:03:57,170 And please share subscribe like a five star review. 64 00:03:57,170 --> 00:03:58,250 Whatever you watching this. 65 00:03:58,250 --> 00:04:03,080 Wherever, whatever you can do, just do it because I will appreciate so much. 66 00:04:03,110 --> 00:04:04,070 So thank you very much. 67 00:04:04,220 --> 00:04:05,270 See you in the next one.