1
00:00:05,450 --> 00:00:09,550
All right so in the last class we went ahead and downloaded the query file.

2
00:00:09,560 --> 00:00:14,000
Now we're going to create our basically kind of our structure of our Web site just to keep this real

3
00:00:14,000 --> 00:00:23,120
simple here Umunna go to my desktop I'm going to create a new folder in your desktop image call as

4
00:00:27,090 --> 00:00:29,010
Jay queery just for now.

5
00:00:29,080 --> 00:00:31,580
It's me Magique Rakshas clingy Reclast.

6
00:00:31,620 --> 00:00:34,210
I'm confused.

7
00:00:34,260 --> 00:00:35,960
You can name it whenever you want.

8
00:00:35,970 --> 00:00:39,170
All right so within there I have nothing currently.

9
00:00:39,230 --> 00:00:42,740
I'm going to create a new folder called J.

10
00:00:42,780 --> 00:00:47,550
Yes it's pretty common to have up your javascript files in a folder something like Gigue queer or excuse

11
00:00:47,550 --> 00:00:54,570
me Jay ass or javascript's something that I prefer just use j as an effort to have more than one.

12
00:00:54,600 --> 00:01:00,690
Maybe if I had a custom scripts file for javascript extras out centage a query or maybe other things

13
00:01:00,690 --> 00:01:03,300
that I needed to add to it there were already pre-written.

14
00:01:03,300 --> 00:01:07,000
There are a lot of extra geek word classes a chicken and egg laying around.

15
00:01:07,010 --> 00:01:09,110
We're going to get into that at the moment.

16
00:01:09,150 --> 00:01:16,250
Right now we just have a file annotated Jake Cuore finally downloaded the version 3.0 3.1 and handwriting

17
00:01:16,280 --> 00:01:19,080
dropped it right to my folder here.

18
00:01:19,140 --> 00:01:20,310
Now again just for simplicity.

19
00:01:20,310 --> 00:01:26,470
But I like to do is just rename and get rid of this big long name just call it just a query.

20
00:01:27,120 --> 00:01:33,650
So my file structure is J.A.G. class folder here and within here I have all my working files in my JSM

21
00:01:33,650 --> 00:01:38,680
and a half that's again it's kind of to break this up like this if I had multiple files and here I can

22
00:01:38,690 --> 00:01:43,480
all see a SS file folder with all my siestas files within it.

23
00:01:43,610 --> 00:01:45,880
I just make it a lot easier and a lot cleaner.

24
00:01:45,910 --> 00:01:51,510
This is way a lot of developers do it so may be easy to see or pass along to other people or if you

25
00:01:51,510 --> 00:01:55,900
were to pick it up you would be used to seeing this kind of structure here so.

26
00:01:56,370 --> 00:01:56,730
All right.

27
00:01:56,820 --> 00:02:03,290
So within my reach to my program again you can use any of those ones that I recommend or any other ones.

28
00:02:03,510 --> 00:02:05,120
I will be using Dreamweaver here.

29
00:02:05,150 --> 00:02:07,900
Actually create a basic each team a document.

30
00:02:07,900 --> 00:02:12,290
I'm not sure how to link to your javascript file.

31
00:02:12,570 --> 00:02:19,060
So Dreamweaver shows both split design and code of irrate here Miss wished just a code of use.

32
00:02:19,080 --> 00:02:20,610
You can see this.

33
00:02:20,820 --> 00:02:25,980
So just like with CSSA what we do is we add the javascript linked to it within the head of or diaconate

34
00:02:25,980 --> 00:02:26,230
here.

35
00:02:26,250 --> 00:02:32,880
Someone I just kind of mouseover a little bit and before the head closes here I'm going to add a script

36
00:02:32,880 --> 00:02:41,340
tag that's going to pull in my in javascript file say script Sollars equals and remember the path to

37
00:02:41,340 --> 00:02:41,880
my file.

38
00:02:41,880 --> 00:02:44,720
We created a folder called J us and it within.

39
00:02:44,720 --> 00:02:49,860
I recall that just J.A.G. we renamed it J.

40
00:02:49,860 --> 00:02:50,230
Crew.

41
00:02:50,260 --> 00:02:57,210
But just makes you get a full extension on there and it close outs and Dreamweaver went ahead and closed

42
00:02:57,210 --> 00:02:59,970
out that script right there for me that's all you need to do.

43
00:02:59,970 --> 00:03:03,780
This is not like each team Ellsworth's nothing that's going to be in the body of it and just need to

44
00:03:03,780 --> 00:03:06,040
close that script tag out right there.

45
00:03:06,240 --> 00:03:12,810
And I'm going to save my file when I call this index and I'm going to go back to my desk type and within

46
00:03:12,810 --> 00:03:16,880
the Jake class folder I don't have it right here.

47
00:03:16,880 --> 00:03:23,490
I don't have saints right now and to close it out when I open up my browser you can use whichever browser

48
00:03:23,490 --> 00:03:24,890
you want to use here.

49
00:03:25,580 --> 00:03:29,470
Amitie an index file just drag it right to my browser so I can pull it up.

50
00:03:29,500 --> 00:03:36,500
I want to make sure that this is linked correctly so what I'd like to do here is within the.

51
00:03:36,500 --> 00:03:40,010
Again you're not really seeing anything going on here so don't have anything working right now we've

52
00:03:40,010 --> 00:03:41,550
just linked to the file.

53
00:03:41,560 --> 00:03:47,900
You can go to View developer news source and you can see that this is the code that makes up my page

54
00:03:47,910 --> 00:03:48,590
so far.

55
00:03:48,600 --> 00:03:49,870
I have this J as.

56
00:03:49,910 --> 00:03:51,180
Jake Query.

57
00:03:51,380 --> 00:03:55,520
And if I click on match you can see the pulls of all this crazy crazy crazy code.

58
00:03:55,520 --> 00:03:57,750
This is just a query.

59
00:03:57,890 --> 00:04:04,670
Nothing in here that you need to be understanding or seen in here that looks in any way familiar.

60
00:04:04,670 --> 00:04:10,740
Hopefully just because this is all pre-written nothing you need to do so as long as I am seeing that.

61
00:04:10,760 --> 00:04:15,650
I know that this is linked properly so in the next couple of classes when we start linking to it to

62
00:04:15,650 --> 00:04:17,690
make a lot more sense and world know it's working.

63
00:04:17,720 --> 00:04:19,160
You're not seeing this.

64
00:04:19,160 --> 00:04:22,080
Make sure that your file structure is set up properly.

65
00:04:22,210 --> 00:04:26,700
Get out my index file here and within the japes folder I've got J.A.G. dutchie.

66
00:04:26,720 --> 00:04:32,700
Yes a lot of times it's either a path issue you're not seen at code or it's a naming issue.

67
00:04:32,700 --> 00:04:39,020
Make sure it's spelled correctly both the folder and the file as well as where your index file is and

68
00:04:39,050 --> 00:04:41,840
compare to where everything else is.