Anda di halaman 1dari 10

Pertemuan ke 2

Bahan Praktek 1
Instalasi dan Testing Host
Installer yang dibutuhkan :

 php-8.1.16-Win32-vs16-x64
• https://windows.php.net/downloads/
releases/php-8.1.16-Win32-vs16-x64.zip
• php di extract, kemudian dipindah ke drive C:/

 VSCodeUserSetup-x64-1.75.1
• https://code.visualstudio.com/download
• Install

 Composer-Setup
• https://getcomposer.org/ >>> Download
• Install
Basic step untuk Installasi

 composer
• Di command prompt windows, untuk melakukan cek terhadap
keberhasilan instalasi composer
 composer -V
• Di command prompt windows, untuk melakukan cek terhadap
keberhasilan instalasi composer
 php.ini edit
• Edit di php.ini pada extension=fileinfo agar enable sebelum
membuat folder proyek
 composer create-project laravel/laravel:^9.0 /hello-world
• Di command prompt windows, untuk membuat folder proyek,
dalam hal ini proyeknya bernama hello-world
 php artisan serv
• Di command prompt windows, untuk mengaktifkan web server
• Di execute di folder proyek
Membuat “Hello World”

File : resources > views > welcome.blade.php

<!DOCTYPE html>
<html lang="{{ app()->getLocale() }}">
<head>
<title>Hello World</title>
</head>
<body>
<h1> Hello World</h1>
</body>
</html>
Pertemuan ke 4
Bahan Praktek 2
Routing(Routes)
Basic Routing

 File dengan perintah route disimpan di folder :


- routes

 Nama file untuk perintah route ini standard dengan


nama :
- web.php
<?php

use Illuminate\Support\Facades\Route;

Route::get('/', function () {
return view('welcome');
});
Format Routing basic

Route::get('/', function () {return view('welcome');});

Folder yang dituju Nama file yang dituju,


/ -> berarti folder route Standar Namanya adalah
standarnya yaitu : xxxxx.blade.php
app/resources/views
Contoh Contact (1)
Membuat route dengan tujuannya adalah halaman contact

Langkah 1
Membuat file contact.blade.php di folder app/resources/views,
berisi command menampilkan kata Contact seperti dibawah ini,
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<title>Document</title>
</head>
<body> Format html5 ini bisa otomatis dipilih saat akan
<h1>Contact</h1> mengetikan huruf pertama di Visual Studio Code
</body> Kemudian menambahkan kata “Contact” di body
html nya.
</html>
Praktek Contoh

About Us
Praktek Contoh

Image
<img src="/storage/UPG_logo.jpg"
alt="Masa Depan Gemilang" width="500"
height="600">

Anda mungkin juga menyukai