1 00:00:01,080 --> 00:00:07,440 Hello in the studio, I am going to cover how to set up a bootstrap five project. 2 00:00:07,680 --> 00:00:13,850 So this the same if you're on Linux or Windows for development, the process is exactly the same. 3 00:00:14,100 --> 00:00:17,760 And OK, so what you need to make sure you've got a Web browser. 4 00:00:18,720 --> 00:00:23,130 You want to be fine, ideally one from the compatibility list, because if you're going to be testing 5 00:00:23,130 --> 00:00:27,090 it on the Web, whether you want it to be compatible, I've got a video covering that. 6 00:00:27,480 --> 00:00:35,030 Well, OK, I'm going to open up this and only Google Fiber upload a link to this. 7 00:00:35,040 --> 00:00:36,510 So you got everything that you need. 8 00:00:36,810 --> 00:00:39,570 And then Skoch here again. 9 00:00:41,820 --> 00:00:46,020 So this is the Alpha and we're going to go to download. 10 00:00:46,180 --> 00:00:48,520 So there's a few different ways that we can set it up. 11 00:00:48,550 --> 00:00:50,370 First of all, you got to get started. 12 00:00:50,670 --> 00:00:57,000 We can set it up using the QuickStart, using the N, which is the content content delivery network 13 00:00:57,210 --> 00:01:03,630 and the CSF and the JavaScript files are required by bootstrap, are stored on some online server and 14 00:01:03,630 --> 00:01:05,490 it pulls them really fast. 15 00:01:05,820 --> 00:01:08,660 So to do that, we literally copy and paste this. 16 00:01:09,150 --> 00:01:14,830 So you will also need a ED blog belongs to the quick ed. 17 00:01:15,070 --> 00:01:21,000 You can use something like Bracket's, which is a bit more full fledged in terms of an already a and 18 00:01:21,030 --> 00:01:26,850 or you can use something else, you know, if you have of preference that you can use online, you can 19 00:01:26,860 --> 00:01:28,770 bracket all the brackets. 20 00:01:28,770 --> 00:01:32,480 In this case, both are free. 21 00:01:32,520 --> 00:01:33,420 So it is. 22 00:01:33,970 --> 00:01:35,660 And sticks. 23 00:01:36,020 --> 00:01:40,050 OK, so we are going to open up brackets. 24 00:01:42,170 --> 00:01:45,620 And I'm going to go to open foda. 25 00:01:47,610 --> 00:01:55,200 And go to desktop, oh, look here, I want to call it the screw up call you have you want your project 26 00:01:55,520 --> 00:01:58,050 and nothing in here currently. 27 00:01:58,260 --> 00:02:01,030 We need a new file in next hour. 28 00:02:01,050 --> 00:02:07,060 Hasti and my phone number indexed DNS is going to be the default. 29 00:02:07,060 --> 00:02:14,430 That one is going to be nonstop or a text file, potentially a home that no index is the main one. 30 00:02:14,790 --> 00:02:21,570 OK, so what we want to do now is copy and paste this copy properly. 31 00:02:24,740 --> 00:02:26,300 And save it. 32 00:02:27,220 --> 00:02:28,670 And if we. 33 00:02:39,420 --> 00:02:42,360 Go to desktop launch. 34 00:02:44,050 --> 00:02:47,240 If you literally just double click that he launches it. 35 00:02:47,640 --> 00:02:48,060 That's it. 36 00:02:48,060 --> 00:02:55,650 That's all there is, I suspect, to make sure that no errors in the console there is not and we are 37 00:02:55,650 --> 00:02:57,440 using a bootstrap. 38 00:02:57,480 --> 00:03:01,520 Now, let me quickly go over what the code is doing. 39 00:03:01,650 --> 00:03:08,930 So, again, this is not a lesson on how to malfeasants JavaScript on a briefly glance over it. 40 00:03:08,970 --> 00:03:16,680 If you just the doctor for now indicating that while this is the opening tag, the corresponding clothing 41 00:03:16,680 --> 00:03:23,730 tag, and this is where all your code will reside, and we specify it for the default code that specify 42 00:03:23,730 --> 00:03:29,100 the language of N, which is English, you can specify something different if you want to do the head 43 00:03:29,100 --> 00:03:35,130 tag where you put all your metadata and any linkage that you have to stuff like C. 44 00:03:35,130 --> 00:03:35,570 S. 45 00:03:35,580 --> 00:03:40,680 S files, which is cascading style sheets, a.k.a. the way your website looks. 46 00:03:40,980 --> 00:03:44,030 This is loading up the bootstrap five stylesheet. 47 00:03:44,550 --> 00:03:49,860 And there's some stuff for the people to see just south for the responsive design and a character set, 48 00:03:49,860 --> 00:03:53,470 which is the default UTF page, the title. 49 00:03:53,550 --> 00:04:00,620 This is what I want and reload. 50 00:04:00,750 --> 00:04:04,740 That is what appears in the top column. 51 00:04:04,740 --> 00:04:07,580 Do that and in the body is the meta website. 52 00:04:07,590 --> 00:04:11,880 What you're actually seeing within within. 53 00:04:11,970 --> 00:04:16,680 Here we go here with one tag with Hello World in there. 54 00:04:16,890 --> 00:04:20,850 Then after that we've got the script tags. 55 00:04:21,000 --> 00:04:26,730 So we have one for Popoff and we have one for the bootstrap javascript. 56 00:04:26,730 --> 00:04:27,090 False. 57 00:04:27,120 --> 00:04:29,650 This is the bare minimum that you need to get going. 58 00:04:30,000 --> 00:04:37,910 So there is enough of a way of setting up the sub instead of a CDN locally storing the falls s. 59 00:04:37,920 --> 00:04:42,810 So you've got to download and then from here we can go to download. 60 00:04:45,080 --> 00:04:54,590 It is downloading now, it's going to click that in here we have the fall, really all we need is one 61 00:04:54,590 --> 00:04:59,500 of the Jiah files and one of the access files. 62 00:04:59,810 --> 00:05:04,620 So the jazz file, I mean, the CSF really does different ones. 63 00:05:04,620 --> 00:05:06,020 There's a reboot. 64 00:05:06,500 --> 00:05:12,080 I mean, the main version, the regular totally depends on what you want. 65 00:05:12,090 --> 00:05:16,370 So if you want to just like to say the regular bootstrap, copy that. 66 00:05:16,770 --> 00:05:20,150 Actually, no, I will copy both of these. 67 00:05:20,780 --> 00:05:28,610 I will go to desktop, go to Bidstrup, paste them here, some nice organization and I will select all 68 00:05:28,850 --> 00:05:29,170 sefl. 69 00:05:29,240 --> 00:05:31,930 Bush dropped off access and delete. 70 00:05:32,910 --> 00:05:43,470 I would do the same for Jay if I would select all set for this from Jay s and delete, OK, so that's 71 00:05:43,640 --> 00:05:50,550 what that means is OK, so this is giving us some information so you can even skip the download and 72 00:05:50,550 --> 00:05:51,850 go to bootstrap CDN. 73 00:05:52,230 --> 00:05:58,830 If you're using our Campeau JavaScript, don't forget to include proper CDM, preferably before our 74 00:05:58,830 --> 00:05:59,340 JavaScript. 75 00:05:59,350 --> 00:06:06,990 So they do recommend that for Papa that you use the CDN, which will you know, we will keep to that 76 00:06:07,290 --> 00:06:07,890 format. 77 00:06:08,070 --> 00:06:09,600 So to modify this. 78 00:06:09,840 --> 00:06:13,410 So instead of having this big Hatra. 79 00:06:15,810 --> 00:06:17,900 From Mendoza Sibylla. 80 00:06:19,110 --> 00:06:20,150 You want to get. 81 00:06:22,610 --> 00:06:22,900 Slash. 82 00:06:23,940 --> 00:06:24,550 There you go. 83 00:06:24,570 --> 00:06:30,460 And that's it, and that's the file right there, and we need to include the Josquin Forno again, Papa. 84 00:06:30,480 --> 00:06:34,550 We are leaving and we need to get rid of the Jarius. 85 00:06:35,850 --> 00:06:36,630 And there we go. 86 00:06:37,040 --> 00:06:37,830 If you save them. 87 00:06:39,600 --> 00:06:42,860 Reload it and it's messed up. 88 00:06:43,000 --> 00:06:50,130 That's what the problem is, access to stylesheet from Origin or have been blocked by Coors policy. 89 00:06:50,760 --> 00:06:52,410 OK, so. 90 00:06:57,710 --> 00:06:59,170 Is the integrity. 91 00:07:11,460 --> 00:07:16,660 OK, so there we go, crystallographer, we don't need to do all those integrity checks just when it's 92 00:07:16,680 --> 00:07:19,020 online and we can get rid of it. 93 00:07:20,290 --> 00:07:20,670 Well, 94 00:07:24,240 --> 00:07:24,920 there we go. 95 00:07:24,930 --> 00:07:26,680 All errors have now disappeared. 96 00:07:26,910 --> 00:07:29,670 We can ignore the warnings. 97 00:07:29,880 --> 00:07:33,690 So is Dev tools out to because they control content for that fall? 98 00:07:33,690 --> 00:07:35,880 So you can leave, though, not fall in there. 99 00:07:36,100 --> 00:07:38,620 They're just some dev tools, but that's it. 100 00:07:38,640 --> 00:07:39,240 There we go. 101 00:07:39,240 --> 00:07:41,190 We have bootstrap all set up. 102 00:07:41,220 --> 00:07:47,340 So I will provide you with the source code for this version and the CDMA version as well. 103 00:07:47,460 --> 00:07:50,130 And you can go whichever method you want. 104 00:07:50,460 --> 00:07:51,240 Have any questions. 105 00:07:51,420 --> 00:07:53,310 Feel free to pump your message as usual. 106 00:07:53,550 --> 00:07:56,850 And I look forward to seeing you in the next awesome video.