Laravel Tutorial 6 - Bootstrap template integration with PHP Laravel 10

Video Statistics and Information

Video
Captions Word Cloud
Reddit Comments
Captions
hello everyone Welcome To chirax laravel tutorial in this video we are going to learn how to integrate the bootstrap template with the PHP arrival 10. so there is just some steps we'll go through the step by step so I'm first step is that create a laravel project there is a command is a composer already we have discussed about the composure in the previous videos so composure create project then prepare this then laravel series laravel and laravel bootstrap I am giving the name for the projectile arrival bootester and second I'll go to the that particular [Music] project and I'll create the controller so controller creating the controller command is PHP artisan make controller home controller I'm creating so and we are we are creating some pages so layout page I'm creating for the home and inner Pages whether I'm creating the different layout because that inner pages I am not using the big slider or something else so like that I am going to create so fourth step download the bootstrap template and five you can just configure the databases and how to run the laravel if you have to check the laravel version then you this is the command and PHP Artisan clear if you want to clear the config so first of all I'm just going to create the parable project so I am going to one folder so there is a direct learnable folder here I'm just calling command line and here I'll run the command composer composer then create project s Parable slash araval then Buddhist select that I will go distribution already there rename this so I'm creating the laravel butcher shop project so automatically it will start installing the laravel and uh all the dependencies libraries so meanwhile I'm going to download one template I'm going to download the template from the free CSS select anyone template as you want I'm just going for the edu meeting and there is your option download click on download and download it with this template is pasting here so whenever you will download a template yes extract and check template is running proper or not because that is only with the HTML files so there is a three files are there there is assets and a vendor and there is a index.htm meeting dot HTML and so let me open that file this is my template first thing I want to go for the template indicator integration of template this is a inner pages so inner Pages preview is different because there is a some heading is coming and home page there is a one video slider is a video is there then bottom is there is a slider so that's why I'm created to layout let it complete it will take few seconds so all the Javascript file CSS and JavaScript images and font file will be available inside the vendor inside the assets and render also there's a bootstrap and jQuery files will be available there so we need all the files and the look of the template so this thing will in here integrate with that so this is completed CD uh arrival bootester I'm going to inside the folder then O DOT and with the vs code let me open the folder okay first thing that project we created PHP artisan make controller I want to make the controller so here I am taking the controller you can run with the console also PHP Artisan let me run and paste the right terrible app is running or not in so yeah opening there I'm running with the Lara belt 10.13.0 and PHP is 8.2.4 next I am taking one more controller and here I will just make the uh like the controller terminal I am taking the controller and make taking the terminal and making the controllers so PHP artisan make controller then home controller let me check inside the app folder there is a HTTP inside the HTTP there is a controller I am creating the home controller my home controller is created now so here I'll just create the pages and I'll call the pages whatever the pages we created so in resources inside the view this is the MVC so there is a model model is there model file will be there and be in views which file will be there and there is a controller file so MVC format so inside the views I'll write just right click I'll create the page so there is a layout Dot play dot PHP layout inner Dot a DOT PHP home Dot state DOT PHP and one more page I'm going to create about Dot plate dot PHP this many pages I have created so I have to create all all the method for all the pages so public function index that I am calling return view of page name is home only we have two pages there about the page both the pages are created method is created for both the pages now I have to Define this page into the roots method into the rules so here root get and I'm creating home my controller name is home home controller index false similarly I'll just call the about and whenever you are calling any controller to the web.php you have to use app slash HTTP slash controllers home controller so now I'm just going to call the home page okay so both the pages able to access or not home yeah I'm able to access the home and about for the pages I am able to access now so now I'm going to integrate the template this is the index page let me later on we will just add on that one so index page is my home page I'm going to open this one in Visual Studio code and here in HTML5 up to body give the menu header Banner area let me check up to that coming meeting before upcoming meeting all the okay I'm going to add into my layout page and here I'll call the child function build method so and and I'll put the footer part the index page so in middle part whatever the middle section before footer I'll just contact us contact us footer 2 times what is that this to content this one I am giving to the home page so home page I'll just extend first extend layout and just call the section and section we did whatever the mining code [Music] the footer part this one should be in layout very yield I knew home page now let me rephrase the page so all the content is coming but CSS and JavaScript not loaded so I'll just copy the CSS JavaScript whatever I have I'll put it into the public folder then I have to call all the pay the assistant JavaScript on display so here I'll call like that and encode now I have to paste this code inside the folder and so forth similar thing I'll do with the footer part there is also JavaScript are calling yes sir then all the files inside the s 7 now let me rephrase the page all the files are loaded successfully so in this way we can add the pages now I am going to the about so about we have a blank and about should be in the different inner page now I'm just going to call the this page layout page will be equal to same same as the that page calling the same page and about that page will be checked file better part and footer part will be the same sub header I'm just removing the reader and header section before yield function remember that and I'm opening near any page meeting page Studio code here sub header will be the different headers and headings now here I'll call extend layout action and so let me rephrase the page okay what layout layout there calling the wrong page for layout inner when calling I am getting the this one and about trust part now whatever I will put the about us page it will come to the display where I'll write first so both the page is different this page is a different header and home page is the different header so both the way we can add the bootstrap template to that in this video we have learned how to integrate the bootstrap template with the PHP laravel 10 and there is just some steps so go through the steps by step and Please Subscribe like and further more videos don't forget to follow like share and comment thank you for watching hope this will help
Info
Channel: Chirags Tutorial
Views: 1,132
Rating: undefined out of 5
Keywords: chirags, chirags Tutorial, chirags Laravel Tutorial, chirags LaravelTutorial, Laravel Tutorial, Laravel 10, laravel course, install laravel, laravel tutorial, laravel php, login register in laravel, Laravel Chirags, Chirags PHP Laravel, Laravel Basic Tutorial
Id: lcui6q5ziuY
Channel Id: undefined
Length: 17min 42sec (1062 seconds)
Published: Fri Jun 02 2023
Related Videos
Note
Please note that this website is currently a work in progress! Lots of interesting data and statistics to come.