Web Development Practical Report 2

Langkah Menginstal dan Konfigurasi Laravel

1

Menginstall XAMPP

Download XAMPP pada link https://www.apachefriends.org/index.html kemudian install, dan kita bisa check apakah XAMPP sudah berhasil terinstall atau belum dengan CMD, GitBash atau CLI lainnya, dengan mengetikkan "php --version"

Opening Visual Studio Code
2

Menginstall Composer

Download Composer pada link https://getcomposer.org/Composer-Setup.exe kemudian install, dan kita bisa check apakah Composer sudah berhasil terinstall atau belum dengan CMD, GitBash atau CLI lainnya, dengan mengetikkan "composer --version"

Opening Folder in VS Code
3

Menginstall GIT

Download dan Install GIT pada link https://git-scm.com/downloads/win dan kemudian install, dan kita bisa check apakah GIT sudah berhasil terinstall atau belum dengan CMD, GitBash atau CLI lainnya, dengan mengetikkan "git --version"

Creating HTML File
4

Menginstall NPM dan Node.js

Download dan Install Node.js dan NPM pada link https://nodejs.org/ dan kita bisa check apakah Node.js dan NPM sudah berhasil terinstall atau belum dengan CMD, GitBash atau CLI lainnya, dengan mengetikkan "node --verion" dan "npm --version" biasanya saat menginstall node.js , NPM akan otomatis terinstall juga

HTML Structure Setup
5

Membuat Project Laravel dengan Laravel Installer

Ketiklah Code berikut pada CLI (GIT Bash, Command Prompt, atau Cmder)

composer global require laravel/installer

Untuk membuat project baru gunakan perintah ini

laravel new example-app
6

Membuat Project Laravel dengan Composer

Ketiklah Code berikut pada CLI (GIT Bash, Command Prompt, atau Cmder)

composer create-project laravel/laravel=^versi namaproject --prefer-dist

untuk versi bisa dirubah tergantung kebutuhan, disarankan memakai versi laravel yang lebih stabil

Creating JavaScript File

Jika sudah terinstall, maka tampilannya akan seperti ini

Creating JavaScript File

Langkah selanjutnya, kita akan menjalankan pernitah berikut :

cd Contoh1
npm install && npm run build 
composer run dev
Creating JavaScript File
Creating JavaScript File
7

Menjalankan Project di Localhost

Untuk Menjalankan Project di Localhost gunakan perintah berikut :

php artisan serve
Designing Navigation Bar
Designing Navigation Bar
8

Routing pada Laravel

Kita akan Routing pada laravel, masuk ke folder routes, dan klik web.php , dan ketikkan code ini :

Route::get('/helo', function () {
    return "Hello World";
});

Lalu, masuk ke http://127.0.0.1:8000/helo dan hasilnya akan seperti ini :

Creating Hero Section