SlideShare a Scribd company logo
BELAJAR LARAVEL 5
PROGRESS DEV
1st Gen
WORK WITH FRONTEND
Laravel Mix
SEBELUM MASUK KE LARAVEL MIX, DIHARAPKAN
SUDAH MEMAHAMI BLADE TEMPLATING
Ini link materi blade template pada pertemuan waktu itu
https://www.slideshare.net/progress_stikombali/progress-dev-basic-laravel-53-
part-2
FOLDER STRUCTURE
Foldering untuk backend
Master layout
(frontend&backend)
Frontend template/page
LARAVEL MIX
■ https://laravel.com/docs/5.4/mix
■ Secara sederhana laravel mix berfungsi sebagai asset management untuk css dan
javascript
■ Menggunakan nodejs sebagai “mesin”nya
■ Menggunakan webpack untuk mengontrol build css & jsnya
■ Untuk menggunakan harus menginstall nodejs
■ Setelah diinstall, di command prompt silahkan masuk ke direktori project dan
ketikan perintah “ npm install “
■ Jika sudah berhasil maka struktur project akan bertambah dengan tambahan folder
baru bernama node_modules
■ Semua assets css/js disimpan didalam node_modules, kita tinggal memanggil
package yang dibutuhkan melalui webpack
Penggunaan Laravel Mix
Diimport langsung
dari folder
node_modules
NB : file yg diimport
harus berformat .scss
Pada file _variables.scss hanya
menyimpan variable global
seperti warna ataupun standar
margin/padding.
Dan semua variable bisa
dipanggil di semua file scss
lainnya
Penggunaan Laravel Mix
webpack.min.js
File webpack.min.js dapat ditemukan di root folder project kalian, cara penggunaan ada di docs laravel
Untuk mengimport langsung dari node_modules
Import dari folder assets
Type-type assets yg akan dieksekusi
Untuk mengeksekusi/build assetsnya, cukup ketikan perintah npm run dev di cmd kalian, kemudian
ketikan perintah npm run watch untuk build otomatis setiap perubahan css yang kita buat, lebih lanjut cek
dokumentasinya
Lokasi penyimpanan hasil build
Hasil Build import ke Master Layout

More Related Content

What's hot

Tugas 4 rekayasa web
Tugas 4 rekayasa webTugas 4 rekayasa web
Tugas 4 rekayasa web
Mohammad Arief
 
Membuat Kalkulator Dengan JSP
Membuat Kalkulator Dengan JSPMembuat Kalkulator Dengan JSP
Membuat Kalkulator Dengan JSP
Ibrahim Naki
 
Tutorial Form login menggunakan MVC
Tutorial Form login menggunakan MVCTutorial Form login menggunakan MVC
Tutorial Form login menggunakan MVC
Nadiya Aynun
 
Membuat mvc framework sederhana dengan php
Membuat mvc framework sederhana dengan phpMembuat mvc framework sederhana dengan php
Membuat mvc framework sederhana dengan phpCahya Dwiana SN
 
Web mvc dengan java jsp seri 1
Web mvc dengan java   jsp seri 1Web mvc dengan java   jsp seri 1
Web mvc dengan java jsp seri 1Zaenal Arifin
 
Tugas4 [ku]-0316-kahfi arif akbar-1012501571
Tugas4 [ku]-0316-kahfi arif akbar-1012501571Tugas4 [ku]-0316-kahfi arif akbar-1012501571
Tugas4 [ku]-0316-kahfi arif akbar-1012501571
kahfi ariep akbar
 
Tutorial Jsp (Java Server Page) Bagian 1
Tutorial Jsp (Java Server Page) Bagian 1Tutorial Jsp (Java Server Page) Bagian 1
Tutorial Jsp (Java Server Page) Bagian 1yuhana
 
Yii2 fundamentals bagian 1
Yii2 fundamentals   bagian 1Yii2 fundamentals   bagian 1
Yii2 fundamentals bagian 1
Akhmad Khanif Zyen
 
Tutorial membuat form login dengan php mvc dan my sql
Tutorial membuat form login dengan php mvc dan my sqlTutorial membuat form login dengan php mvc dan my sql
Tutorial membuat form login dengan php mvc dan my sqlAjiDwiKusman
 
Laravel[part ii]
Laravel[part ii]Laravel[part ii]
Laravel[part ii]
Herry Prasetyo
 
Installasi dan Konfigurasi Framework CakePhp
Installasi dan Konfigurasi Framework CakePhpInstallasi dan Konfigurasi Framework CakePhp
Installasi dan Konfigurasi Framework CakePhp
Ade Hendini
 
Membuat form login dengan php mvc dan my sql
Membuat form login dengan php mvc dan my sqlMembuat form login dengan php mvc dan my sql
Membuat form login dengan php mvc dan my sqlabuyanto
 
Tutorial Penggunaan Laravel
Tutorial Penggunaan LaravelTutorial Penggunaan Laravel
Tutorial Penggunaan Laravel
Eka Rahmawati
 
Java Server Pages
Java Server PagesJava Server Pages
Java Server Pages
galihsatria
 
Php modul1 dasar dasar php
Php modul1  dasar dasar phpPhp modul1  dasar dasar php
Php modul1 dasar dasar php
Candra Adi Putra
 
Tugas-4 REKAYASA WEB
Tugas-4 REKAYASA WEBTugas-4 REKAYASA WEB
Tugas-4 REKAYASA WEB
Elisanendes
 

What's hot (16)

Tugas 4 rekayasa web
Tugas 4 rekayasa webTugas 4 rekayasa web
Tugas 4 rekayasa web
 
Membuat Kalkulator Dengan JSP
Membuat Kalkulator Dengan JSPMembuat Kalkulator Dengan JSP
Membuat Kalkulator Dengan JSP
 
Tutorial Form login menggunakan MVC
Tutorial Form login menggunakan MVCTutorial Form login menggunakan MVC
Tutorial Form login menggunakan MVC
 
Membuat mvc framework sederhana dengan php
Membuat mvc framework sederhana dengan phpMembuat mvc framework sederhana dengan php
Membuat mvc framework sederhana dengan php
 
Web mvc dengan java jsp seri 1
Web mvc dengan java   jsp seri 1Web mvc dengan java   jsp seri 1
Web mvc dengan java jsp seri 1
 
Tugas4 [ku]-0316-kahfi arif akbar-1012501571
Tugas4 [ku]-0316-kahfi arif akbar-1012501571Tugas4 [ku]-0316-kahfi arif akbar-1012501571
Tugas4 [ku]-0316-kahfi arif akbar-1012501571
 
Tutorial Jsp (Java Server Page) Bagian 1
Tutorial Jsp (Java Server Page) Bagian 1Tutorial Jsp (Java Server Page) Bagian 1
Tutorial Jsp (Java Server Page) Bagian 1
 
Yii2 fundamentals bagian 1
Yii2 fundamentals   bagian 1Yii2 fundamentals   bagian 1
Yii2 fundamentals bagian 1
 
Tutorial membuat form login dengan php mvc dan my sql
Tutorial membuat form login dengan php mvc dan my sqlTutorial membuat form login dengan php mvc dan my sql
Tutorial membuat form login dengan php mvc dan my sql
 
Laravel[part ii]
Laravel[part ii]Laravel[part ii]
Laravel[part ii]
 
Installasi dan Konfigurasi Framework CakePhp
Installasi dan Konfigurasi Framework CakePhpInstallasi dan Konfigurasi Framework CakePhp
Installasi dan Konfigurasi Framework CakePhp
 
Membuat form login dengan php mvc dan my sql
Membuat form login dengan php mvc dan my sqlMembuat form login dengan php mvc dan my sql
Membuat form login dengan php mvc dan my sql
 
Tutorial Penggunaan Laravel
Tutorial Penggunaan LaravelTutorial Penggunaan Laravel
Tutorial Penggunaan Laravel
 
Java Server Pages
Java Server PagesJava Server Pages
Java Server Pages
 
Php modul1 dasar dasar php
Php modul1  dasar dasar phpPhp modul1  dasar dasar php
Php modul1 dasar dasar php
 
Tugas-4 REKAYASA WEB
Tugas-4 REKAYASA WEBTugas-4 REKAYASA WEB
Tugas-4 REKAYASA WEB
 

Similar to Laravel mix

Tutorial dasar laravel
Tutorial dasar laravelTutorial dasar laravel
Tutorial dasar laravel
Untung D Saptoto
 
Tutorial dasar-laravel
Tutorial dasar-laravelTutorial dasar-laravel
Tutorial dasar-laravel
Dhicca Rama
 
Tutorial dasar laravel 4
Tutorial dasar laravel 4Tutorial dasar laravel 4
Tutorial dasar laravel 4
Teten Nugraha
 
Tutorial dasar laravel
Tutorial dasar laravelTutorial dasar laravel
Tutorial dasar laravel
M Nurilman Baehaqi
 
Belajar laravel untuk pemula
Belajar laravel untuk pemulaBelajar laravel untuk pemula
Belajar laravel untuk pemula
Suryatrans Bandung
 
Belajar laravel untuk pemula
Belajar laravel untuk pemulaBelajar laravel untuk pemula
Belajar laravel untuk pemula
sukirmanto djumadi
 
Seminggubelajarlaravel sample
Seminggubelajarlaravel sampleSeminggubelajarlaravel sample
Seminggubelajarlaravel sample
Rega Dian Naralia Sari
 
Asas cakephp-mvc
Asas cakephp-mvcAsas cakephp-mvc
Asas cakephp-mvc
kriptonium
 
Membuat aplikasi-rental-dengan-java-dan-my sql
Membuat aplikasi-rental-dengan-java-dan-my sqlMembuat aplikasi-rental-dengan-java-dan-my sql
Membuat aplikasi-rental-dengan-java-dan-my sqlIrwan Syah
 
Build Your First Web App.pdf
Build Your First Web App.pdfBuild Your First Web App.pdf
Build Your First Web App.pdf
gdscuniversitassafin
 
Laravel Dasar.pptx
Laravel Dasar.pptxLaravel Dasar.pptx
Laravel Dasar.pptx
ssuser71d74a
 
Laravel Dasar.pptx
Laravel Dasar.pptxLaravel Dasar.pptx
Laravel Dasar.pptx
Heru762601
 
Belajar membuat modul crud di laravel 5
Belajar membuat modul crud di laravel 5Belajar membuat modul crud di laravel 5
Belajar membuat modul crud di laravel 5
Welly Rosadi, Mochamad
 
Wawan tutorial-zend-bagian-1-3
Wawan tutorial-zend-bagian-1-3Wawan tutorial-zend-bagian-1-3
Wawan tutorial-zend-bagian-1-3Haswi Haswi
 
Aplikasi gui netbeans
Aplikasi gui netbeansAplikasi gui netbeans
Aplikasi gui netbeansEdo Galeria
 
0301_Pertemuan 1.pdf
0301_Pertemuan 1.pdf0301_Pertemuan 1.pdf
0301_Pertemuan 1.pdf
yenisianturi4
 
Head first laravel
Head first laravelHead first laravel
Head first laravel
Herry Prasetyo
 
D beaver database manager
D beaver database managerD beaver database manager
D beaver database manager
resarahadian
 
Mari belajar vue js
Mari belajar vue jsMari belajar vue js
Mari belajar vue js
Teten Nugraha
 

Similar to Laravel mix (20)

Tutorial dasar laravel
Tutorial dasar laravelTutorial dasar laravel
Tutorial dasar laravel
 
Tutorial dasar-laravel
Tutorial dasar-laravelTutorial dasar-laravel
Tutorial dasar-laravel
 
Tutorial dasar laravel 4
Tutorial dasar laravel 4Tutorial dasar laravel 4
Tutorial dasar laravel 4
 
Tutorial dasar laravel
Tutorial dasar laravelTutorial dasar laravel
Tutorial dasar laravel
 
Belajar laravel untuk pemula
Belajar laravel untuk pemulaBelajar laravel untuk pemula
Belajar laravel untuk pemula
 
Belajar laravel untuk pemula
Belajar laravel untuk pemulaBelajar laravel untuk pemula
Belajar laravel untuk pemula
 
Seminggubelajarlaravel sample
Seminggubelajarlaravel sampleSeminggubelajarlaravel sample
Seminggubelajarlaravel sample
 
Asas cakephp-mvc
Asas cakephp-mvcAsas cakephp-mvc
Asas cakephp-mvc
 
Membuat aplikasi-rental-dengan-java-dan-my sql
Membuat aplikasi-rental-dengan-java-dan-my sqlMembuat aplikasi-rental-dengan-java-dan-my sql
Membuat aplikasi-rental-dengan-java-dan-my sql
 
Build Your First Web App.pdf
Build Your First Web App.pdfBuild Your First Web App.pdf
Build Your First Web App.pdf
 
Laravel Dasar.pptx
Laravel Dasar.pptxLaravel Dasar.pptx
Laravel Dasar.pptx
 
Laravel Dasar.pptx
Laravel Dasar.pptxLaravel Dasar.pptx
Laravel Dasar.pptx
 
Belajar membuat modul crud di laravel 5
Belajar membuat modul crud di laravel 5Belajar membuat modul crud di laravel 5
Belajar membuat modul crud di laravel 5
 
Wawan tutorial-zend-bagian-1-3
Wawan tutorial-zend-bagian-1-3Wawan tutorial-zend-bagian-1-3
Wawan tutorial-zend-bagian-1-3
 
Aplikasi gui netbeans
Aplikasi gui netbeansAplikasi gui netbeans
Aplikasi gui netbeans
 
0301_Pertemuan 1.pdf
0301_Pertemuan 1.pdf0301_Pertemuan 1.pdf
0301_Pertemuan 1.pdf
 
Head first laravel
Head first laravelHead first laravel
Head first laravel
 
D beaver database manager
D beaver database managerD beaver database manager
D beaver database manager
 
Mari belajar vue js
Mari belajar vue jsMari belajar vue js
Mari belajar vue js
 
50 tutorial 11
50 tutorial 1150 tutorial 11
50 tutorial 11
 

Recently uploaded

2. Kerangka Kompetensi Literasi Guru SD_Rev.pptx
2. Kerangka Kompetensi Literasi Guru SD_Rev.pptx2. Kerangka Kompetensi Literasi Guru SD_Rev.pptx
2. Kerangka Kompetensi Literasi Guru SD_Rev.pptx
arianferdana
 
INSTRUMEN PENILAIAN PRAKTIK KINERJA KS Dok Rating Observasi (1).docx
INSTRUMEN PENILAIAN PRAKTIK KINERJA KS Dok Rating Observasi (1).docxINSTRUMEN PENILAIAN PRAKTIK KINERJA KS Dok Rating Observasi (1).docx
INSTRUMEN PENILAIAN PRAKTIK KINERJA KS Dok Rating Observasi (1).docx
lindaagina84
 
AKSI NYATA MODUL 1.3 visi dan prakarsa perubahan
AKSI NYATA MODUL 1.3 visi  dan prakarsa perubahanAKSI NYATA MODUL 1.3 visi  dan prakarsa perubahan
AKSI NYATA MODUL 1.3 visi dan prakarsa perubahan
PutuRatihSiswinarti1
 
SOAL SHB PKN SEMESTER GENAP TAHUN 2023-2024.docx
SOAL SHB PKN SEMESTER GENAP TAHUN 2023-2024.docxSOAL SHB PKN SEMESTER GENAP TAHUN 2023-2024.docx
SOAL SHB PKN SEMESTER GENAP TAHUN 2023-2024.docx
MuhammadBagusAprilia1
 
PELAKSANAAN + Link2 Materi Pelatihan_ PENGAWASAN P3DN & TKDN_ pd PENGADAAN Ba...
PELAKSANAAN + Link2 Materi Pelatihan_ PENGAWASAN P3DN & TKDN_ pd PENGADAAN Ba...PELAKSANAAN + Link2 Materi Pelatihan_ PENGAWASAN P3DN & TKDN_ pd PENGADAAN Ba...
PELAKSANAAN + Link2 Materi Pelatihan_ PENGAWASAN P3DN & TKDN_ pd PENGADAAN Ba...
Kanaidi ken
 
NUMERASI KOMPETENSI PENDIDIK TAHAP CAKAP DAN MAHIR.pdf
NUMERASI KOMPETENSI PENDIDIK TAHAP CAKAP DAN MAHIR.pdfNUMERASI KOMPETENSI PENDIDIK TAHAP CAKAP DAN MAHIR.pdf
NUMERASI KOMPETENSI PENDIDIK TAHAP CAKAP DAN MAHIR.pdf
DataSupriatna
 
EVIDENCE BASED DALAM PELAYANAN KB DAN KONTRASEPSI.pdf
EVIDENCE BASED DALAM PELAYANAN KB DAN KONTRASEPSI.pdfEVIDENCE BASED DALAM PELAYANAN KB DAN KONTRASEPSI.pdf
EVIDENCE BASED DALAM PELAYANAN KB DAN KONTRASEPSI.pdf
Rismawati408268
 
ppt materi aliran aliran pendidikan pai 9
ppt materi aliran aliran pendidikan pai 9ppt materi aliran aliran pendidikan pai 9
ppt materi aliran aliran pendidikan pai 9
mohfedri24
 
PPT LANDASAN PENDIDIKAN.pptx tentang hubungan sekolah dengan masyarakat
PPT LANDASAN PENDIDIKAN.pptx tentang hubungan sekolah dengan masyarakatPPT LANDASAN PENDIDIKAN.pptx tentang hubungan sekolah dengan masyarakat
PPT LANDASAN PENDIDIKAN.pptx tentang hubungan sekolah dengan masyarakat
jodikurniawan341
 
Patofisiologi Sistem Endokrin hormon pada sistem endokrin
Patofisiologi Sistem Endokrin hormon pada sistem endokrinPatofisiologi Sistem Endokrin hormon pada sistem endokrin
Patofisiologi Sistem Endokrin hormon pada sistem endokrin
rohman85
 
RHK Jabatan Kep Sekolah dan Bukti Dukung.pdf
RHK Jabatan Kep Sekolah dan Bukti Dukung.pdfRHK Jabatan Kep Sekolah dan Bukti Dukung.pdf
RHK Jabatan Kep Sekolah dan Bukti Dukung.pdf
asyi1
 
SOAL SBDP KELAS 3 SEMESTER GENAP TAHUN PELAJARAN 2023 2024
SOAL SBDP KELAS 3 SEMESTER GENAP TAHUN PELAJARAN 2023 2024SOAL SBDP KELAS 3 SEMESTER GENAP TAHUN PELAJARAN 2023 2024
SOAL SBDP KELAS 3 SEMESTER GENAP TAHUN PELAJARAN 2023 2024
ozijaya
 
SOSIALISASI PPDB TAHUN AJARAN 2024-2025.pptx
SOSIALISASI PPDB TAHUN AJARAN 2024-2025.pptxSOSIALISASI PPDB TAHUN AJARAN 2024-2025.pptx
SOSIALISASI PPDB TAHUN AJARAN 2024-2025.pptx
astridamalia20
 
0. PPT Juknis PPDB TK-SD -SMP 2024-2025 Cilacap.pptx
0. PPT Juknis PPDB TK-SD -SMP 2024-2025 Cilacap.pptx0. PPT Juknis PPDB TK-SD -SMP 2024-2025 Cilacap.pptx
0. PPT Juknis PPDB TK-SD -SMP 2024-2025 Cilacap.pptx
Indah106914
 
Modul Projek - Modul P5 Kearifan Lokal _Menampilkan Tarian Daerah Nusantara_...
Modul Projek  - Modul P5 Kearifan Lokal _Menampilkan Tarian Daerah Nusantara_...Modul Projek  - Modul P5 Kearifan Lokal _Menampilkan Tarian Daerah Nusantara_...
Modul Projek - Modul P5 Kearifan Lokal _Menampilkan Tarian Daerah Nusantara_...
MirnasariMutmainna1
 
untuk observasi kepala sekolah dengan pengawas
untuk observasi kepala sekolah dengan pengawasuntuk observasi kepala sekolah dengan pengawas
untuk observasi kepala sekolah dengan pengawas
TEDYHARTO1
 
Materi 2_Benahi Perencanaan dan Benahi Implementasi.pptx
Materi 2_Benahi Perencanaan dan Benahi Implementasi.pptxMateri 2_Benahi Perencanaan dan Benahi Implementasi.pptx
Materi 2_Benahi Perencanaan dan Benahi Implementasi.pptx
ahyani72
 
PI 2 - Ratna Haryanti, S. Pd..pptx Visi misi dan prakarsa perubahan pendidika...
PI 2 - Ratna Haryanti, S. Pd..pptx Visi misi dan prakarsa perubahan pendidika...PI 2 - Ratna Haryanti, S. Pd..pptx Visi misi dan prakarsa perubahan pendidika...
PI 2 - Ratna Haryanti, S. Pd..pptx Visi misi dan prakarsa perubahan pendidika...
agusmulyadi08
 
Observasi-Kelas-oleh-Kepala-Sekolah.pptx
Observasi-Kelas-oleh-Kepala-Sekolah.pptxObservasi-Kelas-oleh-Kepala-Sekolah.pptx
Observasi-Kelas-oleh-Kepala-Sekolah.pptx
akram124738
 
Kisi-kisi Soal PAT Matematika Kelas 3 SD
Kisi-kisi Soal PAT Matematika Kelas 3 SDKisi-kisi Soal PAT Matematika Kelas 3 SD
Kisi-kisi Soal PAT Matematika Kelas 3 SD
denunugraha
 

Recently uploaded (20)

2. Kerangka Kompetensi Literasi Guru SD_Rev.pptx
2. Kerangka Kompetensi Literasi Guru SD_Rev.pptx2. Kerangka Kompetensi Literasi Guru SD_Rev.pptx
2. Kerangka Kompetensi Literasi Guru SD_Rev.pptx
 
INSTRUMEN PENILAIAN PRAKTIK KINERJA KS Dok Rating Observasi (1).docx
INSTRUMEN PENILAIAN PRAKTIK KINERJA KS Dok Rating Observasi (1).docxINSTRUMEN PENILAIAN PRAKTIK KINERJA KS Dok Rating Observasi (1).docx
INSTRUMEN PENILAIAN PRAKTIK KINERJA KS Dok Rating Observasi (1).docx
 
AKSI NYATA MODUL 1.3 visi dan prakarsa perubahan
AKSI NYATA MODUL 1.3 visi  dan prakarsa perubahanAKSI NYATA MODUL 1.3 visi  dan prakarsa perubahan
AKSI NYATA MODUL 1.3 visi dan prakarsa perubahan
 
SOAL SHB PKN SEMESTER GENAP TAHUN 2023-2024.docx
SOAL SHB PKN SEMESTER GENAP TAHUN 2023-2024.docxSOAL SHB PKN SEMESTER GENAP TAHUN 2023-2024.docx
SOAL SHB PKN SEMESTER GENAP TAHUN 2023-2024.docx
 
PELAKSANAAN + Link2 Materi Pelatihan_ PENGAWASAN P3DN & TKDN_ pd PENGADAAN Ba...
PELAKSANAAN + Link2 Materi Pelatihan_ PENGAWASAN P3DN & TKDN_ pd PENGADAAN Ba...PELAKSANAAN + Link2 Materi Pelatihan_ PENGAWASAN P3DN & TKDN_ pd PENGADAAN Ba...
PELAKSANAAN + Link2 Materi Pelatihan_ PENGAWASAN P3DN & TKDN_ pd PENGADAAN Ba...
 
NUMERASI KOMPETENSI PENDIDIK TAHAP CAKAP DAN MAHIR.pdf
NUMERASI KOMPETENSI PENDIDIK TAHAP CAKAP DAN MAHIR.pdfNUMERASI KOMPETENSI PENDIDIK TAHAP CAKAP DAN MAHIR.pdf
NUMERASI KOMPETENSI PENDIDIK TAHAP CAKAP DAN MAHIR.pdf
 
EVIDENCE BASED DALAM PELAYANAN KB DAN KONTRASEPSI.pdf
EVIDENCE BASED DALAM PELAYANAN KB DAN KONTRASEPSI.pdfEVIDENCE BASED DALAM PELAYANAN KB DAN KONTRASEPSI.pdf
EVIDENCE BASED DALAM PELAYANAN KB DAN KONTRASEPSI.pdf
 
ppt materi aliran aliran pendidikan pai 9
ppt materi aliran aliran pendidikan pai 9ppt materi aliran aliran pendidikan pai 9
ppt materi aliran aliran pendidikan pai 9
 
PPT LANDASAN PENDIDIKAN.pptx tentang hubungan sekolah dengan masyarakat
PPT LANDASAN PENDIDIKAN.pptx tentang hubungan sekolah dengan masyarakatPPT LANDASAN PENDIDIKAN.pptx tentang hubungan sekolah dengan masyarakat
PPT LANDASAN PENDIDIKAN.pptx tentang hubungan sekolah dengan masyarakat
 
Patofisiologi Sistem Endokrin hormon pada sistem endokrin
Patofisiologi Sistem Endokrin hormon pada sistem endokrinPatofisiologi Sistem Endokrin hormon pada sistem endokrin
Patofisiologi Sistem Endokrin hormon pada sistem endokrin
 
RHK Jabatan Kep Sekolah dan Bukti Dukung.pdf
RHK Jabatan Kep Sekolah dan Bukti Dukung.pdfRHK Jabatan Kep Sekolah dan Bukti Dukung.pdf
RHK Jabatan Kep Sekolah dan Bukti Dukung.pdf
 
SOAL SBDP KELAS 3 SEMESTER GENAP TAHUN PELAJARAN 2023 2024
SOAL SBDP KELAS 3 SEMESTER GENAP TAHUN PELAJARAN 2023 2024SOAL SBDP KELAS 3 SEMESTER GENAP TAHUN PELAJARAN 2023 2024
SOAL SBDP KELAS 3 SEMESTER GENAP TAHUN PELAJARAN 2023 2024
 
SOSIALISASI PPDB TAHUN AJARAN 2024-2025.pptx
SOSIALISASI PPDB TAHUN AJARAN 2024-2025.pptxSOSIALISASI PPDB TAHUN AJARAN 2024-2025.pptx
SOSIALISASI PPDB TAHUN AJARAN 2024-2025.pptx
 
0. PPT Juknis PPDB TK-SD -SMP 2024-2025 Cilacap.pptx
0. PPT Juknis PPDB TK-SD -SMP 2024-2025 Cilacap.pptx0. PPT Juknis PPDB TK-SD -SMP 2024-2025 Cilacap.pptx
0. PPT Juknis PPDB TK-SD -SMP 2024-2025 Cilacap.pptx
 
Modul Projek - Modul P5 Kearifan Lokal _Menampilkan Tarian Daerah Nusantara_...
Modul Projek  - Modul P5 Kearifan Lokal _Menampilkan Tarian Daerah Nusantara_...Modul Projek  - Modul P5 Kearifan Lokal _Menampilkan Tarian Daerah Nusantara_...
Modul Projek - Modul P5 Kearifan Lokal _Menampilkan Tarian Daerah Nusantara_...
 
untuk observasi kepala sekolah dengan pengawas
untuk observasi kepala sekolah dengan pengawasuntuk observasi kepala sekolah dengan pengawas
untuk observasi kepala sekolah dengan pengawas
 
Materi 2_Benahi Perencanaan dan Benahi Implementasi.pptx
Materi 2_Benahi Perencanaan dan Benahi Implementasi.pptxMateri 2_Benahi Perencanaan dan Benahi Implementasi.pptx
Materi 2_Benahi Perencanaan dan Benahi Implementasi.pptx
 
PI 2 - Ratna Haryanti, S. Pd..pptx Visi misi dan prakarsa perubahan pendidika...
PI 2 - Ratna Haryanti, S. Pd..pptx Visi misi dan prakarsa perubahan pendidika...PI 2 - Ratna Haryanti, S. Pd..pptx Visi misi dan prakarsa perubahan pendidika...
PI 2 - Ratna Haryanti, S. Pd..pptx Visi misi dan prakarsa perubahan pendidika...
 
Observasi-Kelas-oleh-Kepala-Sekolah.pptx
Observasi-Kelas-oleh-Kepala-Sekolah.pptxObservasi-Kelas-oleh-Kepala-Sekolah.pptx
Observasi-Kelas-oleh-Kepala-Sekolah.pptx
 
Kisi-kisi Soal PAT Matematika Kelas 3 SD
Kisi-kisi Soal PAT Matematika Kelas 3 SDKisi-kisi Soal PAT Matematika Kelas 3 SD
Kisi-kisi Soal PAT Matematika Kelas 3 SD
 

Laravel mix

  • 3. SEBELUM MASUK KE LARAVEL MIX, DIHARAPKAN SUDAH MEMAHAMI BLADE TEMPLATING Ini link materi blade template pada pertemuan waktu itu https://www.slideshare.net/progress_stikombali/progress-dev-basic-laravel-53- part-2
  • 4. FOLDER STRUCTURE Foldering untuk backend Master layout (frontend&backend) Frontend template/page
  • 5. LARAVEL MIX ■ https://laravel.com/docs/5.4/mix ■ Secara sederhana laravel mix berfungsi sebagai asset management untuk css dan javascript ■ Menggunakan nodejs sebagai “mesin”nya ■ Menggunakan webpack untuk mengontrol build css & jsnya ■ Untuk menggunakan harus menginstall nodejs ■ Setelah diinstall, di command prompt silahkan masuk ke direktori project dan ketikan perintah “ npm install “ ■ Jika sudah berhasil maka struktur project akan bertambah dengan tambahan folder baru bernama node_modules ■ Semua assets css/js disimpan didalam node_modules, kita tinggal memanggil package yang dibutuhkan melalui webpack
  • 6. Penggunaan Laravel Mix Diimport langsung dari folder node_modules NB : file yg diimport harus berformat .scss Pada file _variables.scss hanya menyimpan variable global seperti warna ataupun standar margin/padding. Dan semua variable bisa dipanggil di semua file scss lainnya
  • 7. Penggunaan Laravel Mix webpack.min.js File webpack.min.js dapat ditemukan di root folder project kalian, cara penggunaan ada di docs laravel Untuk mengimport langsung dari node_modules Import dari folder assets Type-type assets yg akan dieksekusi Untuk mengeksekusi/build assetsnya, cukup ketikan perintah npm run dev di cmd kalian, kemudian ketikan perintah npm run watch untuk build otomatis setiap perubahan css yang kita buat, lebih lanjut cek dokumentasinya Lokasi penyimpanan hasil build
  • 8. Hasil Build import ke Master Layout