How to Setup a Project with Laravel + Bootstrap + JavaScript + jQuery + AXIOS without CDN | 2022
How to Setup a Project with Laravel + Bootstrap + JavaScript + jQuery + AXIOS without CDN:
Step 1: Install Laravel on your PC.
Step 2: Open your project, go to the public folder and create two folders named CSS and JS.
Step 3: Go to the Bootstrap website, and find the CND. You will find a link like: https://cdn.jsdelivr.net/npm/bootstra...
From this link, you will get some code, copy this code and create a file called "bootstrap.min.css" in the CSS folder on your project. It is for Bootstrap 5 CSS.
For Bootstrap 5 JS go to this link: https://cdn.jsdelivr.net/npm/bootstra...
From this link, you will get some code, copy this code and create a file called "bootstrap.min.js" in the JS folder on your project.
For Bootstrap 5 popper go to this link: https://cdn.jsdelivr.net/npm/@popperj...
From this link, you will get some code, copy this code and create a file called "popper.min.js" in the JS folder on your project.
Step 4: In the CSS and Js folder on your project create two files called custom.css and custom.js respectively for writing custom CSS and JS.
Step 5: Go to the jQuery website, and find the minified version of CND. You will find a link like: https://code.jquery.com/jquery-3.6.0....
From this link, you will get some code, copy this code and create a file called "jquery-3.6.0.min.js" in the JS folder on your project.
Step 6: Go to this website: https://cdnjs.com/libraries/axios, from the first CDN: you will get this link: https://cdnjs.cloudflare.com/ajax/lib...
From this link, you will get some code, copy this code and create a file called "axios.min.js" in the JS folder on your project.
Step 7: To link up with those files which are created in CSS and JS folder you have to write some code on your blade template. For CSS, in the "head" tag link up your CSS file with the help of the Laravel "asset" method in the "link" tag.
For JS, in the "body" tag link up your JS file with the help of the Laravel "asset" method in the "script" tag.
Tag:
laravel
javascript
bootstrap
jquery
axios
how to setup a project with laravel, javascript, bootstrap, jquery, axios
Watch video How to Setup a Project with Laravel + Bootstrap + JavaScript + jQuery + AXIOS without CDN | 2022 online without registration, duration hours minute second in high quality. This video was added by user Md Mehrab Patwary 15 April 2022, don't forget to share it with your friends and acquaintances, it has been viewed on our site 2,326 once and liked it 26 people.