Untuk jobsheet ini saya akan membahas bagaimana kita membuat Reusable Component menggunakan blade, apaitu reusable component mari disimak penjelasan saya, Ngoding, kerap kali menjadi kegiatan yang amat sangat membosankan manakala terus melakukan hal yang sama secara berulang-ulang. Jika tujuannya untuk belajar, maka tidak ada salahnya untuk melakukan re-peating dan memang dianjurkan agar semakin mahir dalam melakukannya. Namun, berbeda halnya jika sudah masuk ranah production, yakni ranah untuk terus berkarya sembari saling kejar mengejar dengan deadline atau bisa disebut dengan ranah komersil. Selain mengedepankan kecepatan, kerapihan juga menjadi hal yang wajib diperhatikan agar aplikasi yang kita kerjakan bersifat maintainable. Laravel telah menyediakan salah fitur yang menarik dalam blade templating yang dimilikinya, yakni Component. Component, memungkinkan kita untuk memenggal code yang dimiliki dengan tujuan agar dapat digunakan kembali tanpa harus menuliskan kembali semua bagiannya secara utuh. Serupa halnya dengan sections and layouts yang juga merupakan bagian dari fitur blade templating. Untuk menghindari penulisan code secara berulang, maka dapat menggunakan Component & Slot. Adapun caranya adalah, buat folder components di dalam direktori resources/views, yang berguna untuk menyimpan semua component yang dimiliki nantinya. Kemudian buat file card.blade.php di dalam direktori components yang baru saja dibuat, lalu masukkan potongan code berikut:

1. Kurikulum Operasional SMKN 1 PANGKEP
ANALISIS CAPAIAN PEMBELAJARAN
SEKOLAH MENENGAH KEJURUAN | SMK PUSAT KEUNGGULAN
Satuan Pendidikan : SMKN 1 PANGKEP
Bidang Keahlian : Pengembangan Perangkat Lunak dan Gim
Program Keahlian : Pengembangan Perangkat Lunak dan Gim
Mata Pelajaran : Rekayasa Perangkat Lunak
Fase / Kelas : F/ XI
Waktu : 216 JP
No. Elemen Sub Elemen Karakteristik Capaian Pembelajaran
Topik
Pembelajaran
Kompetensi
Alokasi
Waktu
Pemahaman
Bermakna
Ruang
Lingkup
Materi
Asessmen/
Produk
Akhir
Semester
3 Pemrogra
man Web
Memahami Konsep
HTML, CSS,
pemrograman
Javascript, bahasa
pemrograman
server-side
Meliputi konsep
dan
implementasi
perintah HTML,
CSS,
pemrograman
Javascript,
bahasa
pemrograman
server-side serta
implementasi
framework pada
pembuatan web
statis dan
dinamis untuk
beragam
kebutuhan.
Pada akhir fase F Murid
mampu memahami
konsep dan menerapkan
perintah HTML, CSS,
pemrograman Javascript,
bahasa pemrograman
server-side serta
implementasi framework
pada pembuatan web
statis dan dinamis untuk
beragam kebutuhan
yang kontekstual. Selain
itu, peserta didik juga
mampu
mendokumentasikan
serta mempresentasikan
web statis dan dinamis
yang telah
dikembangkan.
Memahami
konsep
pemprograman
pembuatan
web
Memahami 72 JP Memaha
mi
konsep
dan
perintah
HTML,
CSS,
pemrogra
man
Javascrip
t, bahasa
pemrogra
man
server-
side
Tugas
project
membuat
web
4
Menerapkan
framework pada
pembuatan web
statis dan dinamis
Penerapan
Prosedur
framework
Menerapkan 72 JP Mengimpl
ementasi
kan
framewor
k pada

2. Kurikulum Operasional SMKN 1 PANGKEP
pembuat
an web
statis dan
dinamis
Menampil
kan
Pengemb
angan
web
statis dan
dinamis
Pengembangan web
statis dan
dinamispermasalaha
n yang kontekstual
Mengaplikasika
n prosedur
pembuatan
web
Mengaplikasika
n
72 JP Pengembangan web
statis dan
dinamispermasalaha
n yang kontekstual