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