1 00:00:00,560 --> 00:00:01,160 ‫Hey, there. 2 00:00:01,310 --> 00:00:07,550 ‫Welcome back, Shabangu, the site now in this lecture, let us understand how good apply our projects. 3 00:00:08,030 --> 00:00:14,270 ‫So maybe you created a landing page, maybe you created a login page, a complete website, maybe your 4 00:00:14,270 --> 00:00:16,580 ‫own portfolio or anything else. 5 00:00:17,060 --> 00:00:22,940 ‫For example, we have this high school website, maybe login page, maybe any other portfolio website, 6 00:00:23,360 --> 00:00:26,240 ‫maybe some profile card or any other clone. 7 00:00:26,690 --> 00:00:27,920 ‫How do you deploy this? 8 00:00:28,440 --> 00:00:36,020 ‫So that means we have a website which is using HDMI access, any other framework, maybe bootstrap or 9 00:00:36,020 --> 00:00:39,890 ‫any of the framework or maybe be extended to JavaScript. 10 00:00:40,370 --> 00:00:46,430 ‫So if we have any static website, we can deploy them on several free platform. 11 00:00:46,880 --> 00:00:48,980 ‫One of them is Negley fire. 12 00:00:49,670 --> 00:00:55,310 ‫So what we are going to do is we are going to deploy our current project on net Lisvane and then we 13 00:00:55,310 --> 00:00:58,520 ‫will get appropriate link to share with anyone else. 14 00:00:58,850 --> 00:01:03,710 ‫Even you can open your website from anywhere in the world using that domain. 15 00:01:04,700 --> 00:01:05,360 ‫It's simple. 16 00:01:05,390 --> 00:01:07,400 ‫All you have to do is just click on Sign up. 17 00:01:07,830 --> 00:01:12,020 ‫Now you have options with GitHub, GitLab, Bitbucket on your email address. 18 00:01:12,650 --> 00:01:18,170 ‫At this point of time, I have all my projects on GitHub, but that will confuse you as a beginner. 19 00:01:18,440 --> 00:01:21,920 ‫What I'm going to do is I'm going to register with the help of email. 20 00:01:29,260 --> 00:01:32,860 ‫Well, you are going to receive our verification link on your email. 21 00:01:33,220 --> 00:01:35,140 ‫And let me quickly verify this. 22 00:01:37,550 --> 00:01:38,270 ‫Looks good. 23 00:01:38,390 --> 00:01:42,650 ‫So our e-mail is now verified and let me quickly create this account. 24 00:01:57,340 --> 00:02:01,180 ‫Just enter your details and click on set up and continue. 25 00:02:01,450 --> 00:02:06,820 ‫And Harry will have all the other information like free is to be released and you will have your terminal 26 00:02:06,830 --> 00:02:09,490 ‫and if you want that option, so that's it. 27 00:02:09,490 --> 00:02:11,050 ‫That's the basic setup. 28 00:02:11,380 --> 00:02:17,650 ‫Now here's one important thing you can deploy on a website with the help of three different step. 29 00:02:18,100 --> 00:02:21,860 ‫The first one is you can directly drag and drop your website onto. 30 00:02:23,290 --> 00:02:27,290 ‫The second one is using GitHub, which is the most recommended one. 31 00:02:27,310 --> 00:02:33,610 ‫If you have knowledge about get and get out, that third one is using come online so you can stop with 32 00:02:33,610 --> 00:02:34,480 ‫the first one. 33 00:02:34,510 --> 00:02:38,530 ‫And as you grow in your development career, you can also explore the others. 34 00:02:39,310 --> 00:02:41,320 ‫I'm going to start with the drag and drop. 35 00:02:41,710 --> 00:02:45,640 ‫That means I have my project here and I can simply drag and drop. 36 00:02:46,900 --> 00:02:48,920 ‫Let's start with the profile card one. 37 00:02:48,970 --> 00:02:53,200 ‫So what I'm going to do is I'm going to just jump on to my side and head. 38 00:02:53,200 --> 00:02:55,240 ‫I will have option to drag and drop. 39 00:02:55,930 --> 00:03:00,820 ‫Let me select this profile card on it, who you're going to squeeze this and then drag and drop it. 40 00:03:03,900 --> 00:03:09,600 ‫You can see this is going to be our link and your website is done and you can access it here. 41 00:03:09,910 --> 00:03:11,370 ‫So if I open this one now. 42 00:03:12,610 --> 00:03:17,680 ‫It's walking now, you have a proper website link that can be accessed anywhere. 43 00:03:18,070 --> 00:03:23,710 ‫Let me try to open my incognito mode and had if I want to access this website, I can. 44 00:03:24,460 --> 00:03:25,540 ‫Great job. 45 00:03:25,870 --> 00:03:27,070 ‫Let's bring it back here. 46 00:03:27,790 --> 00:03:33,160 ‫Let me go to my home and go to my side, and here I can create multiple sites. 47 00:03:33,520 --> 00:03:36,480 ‫Maybe I want to deploy my portfolio website. 48 00:03:36,490 --> 00:03:38,620 ‫I can take this drag and drop here. 49 00:03:42,590 --> 00:03:43,430 ‫And that's done. 50 00:03:44,210 --> 00:03:51,410 ‫Remember, you can always change your domain name, as well as the website name by visiting the domain 51 00:03:51,410 --> 00:03:55,910 ‫settings, and then you will have option to change the site name. 52 00:03:56,480 --> 00:03:59,360 ‫So once you change the site name, your link will be changed. 53 00:03:59,660 --> 00:04:01,550 ‫You can update this multiple times. 54 00:04:02,660 --> 00:04:07,550 ‫Remember, you need to keep all your codes, all your files in a proper folder. 55 00:04:07,550 --> 00:04:13,790 ‫So what I need is maybe I want to deploy our portfolio website, create a folder, name it anything, 56 00:04:14,000 --> 00:04:16,310 ‫and then all your files should be inside that. 57 00:04:17,300 --> 00:04:19,430 ‫So I'm going to drag and drop this folder. 58 00:04:19,730 --> 00:04:20,960 ‫OK, let me get back. 59 00:04:21,290 --> 00:04:22,020 ‫This is done. 60 00:04:22,100 --> 00:04:24,500 ‫Let me try to augment my portfolio website. 61 00:04:25,220 --> 00:04:26,480 ‫And this is working fine. 62 00:04:26,780 --> 00:04:27,500 ‫Great job. 63 00:04:29,240 --> 00:04:34,790 ‫Now, one thing you need to realize that the loading speed of image will be like this image was, I 64 00:04:34,790 --> 00:04:36,110 ‫guess, maybe if you were me. 65 00:04:36,650 --> 00:04:41,930 ‫Now all of these images are loading for them, so that means they are going to take some time. 66 00:04:42,330 --> 00:04:43,340 ‫Remember this point? 67 00:04:44,600 --> 00:04:45,590 ‫Looks good to me. 68 00:04:46,580 --> 00:04:49,110 ‫And that's where optimization comes into the picture. 69 00:04:49,130 --> 00:04:51,740 ‫There are a lot of things that you need to learn as you grow. 70 00:04:52,070 --> 00:04:52,370 ‫OK? 71 00:04:52,400 --> 00:04:55,160 ‫These two projects are done, so this is done. 72 00:04:55,680 --> 00:04:58,820 ‫And this is done if we close this one. 73 00:04:59,120 --> 00:05:00,860 ‫Let's deploy our oil. 74 00:05:00,860 --> 00:05:04,010 ‫If I go on to my home, click on site. 75 00:05:04,370 --> 00:05:07,310 ‫And all I have to do is just deploy this one. 76 00:05:07,310 --> 00:05:09,810 ‫So let me decide if they exist. 77 00:05:09,890 --> 00:05:12,740 ‫What if I'm landing page and apply it here? 78 00:05:13,640 --> 00:05:18,760 ‫This might be a few minutes gone, and all of these websites are attached to beeps. 79 00:05:19,040 --> 00:05:20,540 ‫That means they are secured. 80 00:05:21,600 --> 00:05:22,950 ‫And if I open this one. 81 00:05:25,570 --> 00:05:27,430 ‫Yeah, it says last qualifier. 82 00:05:28,900 --> 00:05:35,200 ‫And I hope now have understanding you can do this multiple times and you can deploy basically all of 83 00:05:35,200 --> 00:05:35,890 ‫your website. 84 00:05:38,050 --> 00:05:39,880 ‫Let's go on to the site part. 85 00:05:41,990 --> 00:05:44,450 ‫And we have our long and beige. 86 00:05:59,690 --> 00:06:04,580 ‫There is only one website which is remaining that is going to be our occasional landing page. 87 00:06:09,550 --> 00:06:10,810 ‫And if I deploy this one. 88 00:06:13,970 --> 00:06:20,600 ‫Great job this is walking rain, so all our websites are now deployed now, maybe if you have your own 89 00:06:20,600 --> 00:06:27,110 ‫portfolio real portfolio, you can mention all your website and on a live demo, you can provide these 90 00:06:27,110 --> 00:06:27,500 ‫links. 91 00:06:28,160 --> 00:06:30,680 ‫All of them are working every single thing as well. 92 00:06:30,720 --> 00:06:33,800 ‫You need to have fabric on digital and the entire website. 93 00:06:34,190 --> 00:06:40,940 ‫Now I can take this link, maybe try to open on my phone, maybe jump on to my incognito mode and open 94 00:06:40,940 --> 00:06:49,940 ‫them in my spirit of this law, because all of these websites are now hosted on by a server and it is 95 00:06:49,940 --> 00:06:55,010 ‫going to take a bit time to load images that they may just heavy on if you are using any heavy file. 96 00:06:55,580 --> 00:06:56,130 ‫That's it. 97 00:06:56,870 --> 00:07:00,380 ‫I hope you got the idea how to deploy our project as a big nut. 98 00:07:00,830 --> 00:07:05,000 ‫There are a lot of things with deployment if you walk with backand or anything else. 99 00:07:05,680 --> 00:07:09,050 ‫If Cliff is the easiest way to deploy your static projects. 100 00:07:09,600 --> 00:07:16,070 ‫Now there are multiple ways also using Get'em as well as your command line, but you will understand 101 00:07:16,070 --> 00:07:18,050 ‫them as you grow in your career. 102 00:07:18,740 --> 00:07:19,910 ‫That's all for this lecture. 103 00:07:19,910 --> 00:07:22,400 ‫I hope now you understand how to deploy our projects. 104 00:07:22,970 --> 00:07:27,080 ‫And one quick reminder make sure to tag me either on Instagram or Twitter. 105 00:07:27,320 --> 00:07:32,480 ‫Whenever you deploy your project, make sure to share them with me so I can observe what you guys are 106 00:07:32,480 --> 00:07:32,810 ‫doing. 107 00:07:33,650 --> 00:07:34,280 ‫Great work. 108 00:07:34,670 --> 00:07:35,610 ‫Thank you for calling. 109 00:07:35,660 --> 00:07:38,180 ‫I am glad that you reached this lecture. 110 00:07:38,660 --> 00:07:40,730 ‫This is an important feature for your life. 111 00:07:40,790 --> 00:07:42,890 ‫You are moving towards a new career path. 112 00:07:43,520 --> 00:07:45,290 ‫I hope this course was helpful. 113 00:07:45,980 --> 00:07:47,000 ‫Once again, thanks. 114 00:07:47,000 --> 00:07:48,680 ‫And I see you guys in the next one.