Belajar Laravel 11 | 4. Blade Templating Engine

Подписаться 872 тыс.

Просмотров 27 тыс.

50% 1

Berkenalan dengan templating engine milik Laravel yang namanya Blade.
CHAPTER:
00:00 Intro
01:11 Mengerjakan tugas episode 3
04:58 Memperbaiki style halaman menggunakan TailwindCSS
08:04 Instalasi Tailwind untuk Laravel
11:16 Menggunakan TailwindUI
14:01 Memperbaiki template dan Javascript
22:05 Memperbaiki isi halaman
24:40 Memperbaiki navigasi
26:04 Penutup
#Laravel #Laravel11 #TutorialLaravel
---
Laravel
laravel.com/
TailwindCSS
tailwindcss.com/
TailwindUI
tailwindui.com/
AlpineJS
alpinejs.dev/
---
Playlist Belajar Laravel 8
• Belajar LARAVEL 8
Playlist PHP Dasar
• Belajar PHP untuk PEMULA
Playlist Object Oriented PHP
• OOP DASAR pada PHP
Playlist PHP MVC
• Membuat Aplikasi MVC d...
---
🔥 SUPPORT WPU 🔥
👕 Beli Hoodie & T-Shirt di WPU Official Store 👕
shopee.co.id/wpustore.id
👾 Gabung Server Discord WPU 👾
/ discord
- Traktir Pa Dhika Kopi (OVO / GoPay / Dana / LinkAja)
saweria.co/sandhikagalih
karyakarsa.com/sandhikagalih
---
📢 FOLLOW SOCIAL MEDIA 📢
- / sandhikagalih
- tiktok.com/@sandhika.galih
- / sandhikagalih
- github.com/sandhikagalih
---
UNIVERSITAS PASUNDAN BANDUNG
www.unpas.ac.id/
www.if.unpas.ac.id/
terimakasih dan #janganlupatitikkoma!
@sandhikagalih

Опубликовано:

28 июн 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 108

@cepiyoga 2 месяца назад

Tidak sabar menunggunya. Saya sdh tamat laravel 8 di chanel WPU eh latah belajar Inertia karena pengen pelajari laravel + Vue dichannel lain tapi sptnya javascript saya blm kuat. Ini sangat semangat mau mengulang laravel lagi versi 11. Terimakasih Pak Dika untuk ilmunya yg sangat bermanfaat dan semoga pak Dika sehat dan sukses selalu. Amin YRA

@sandhikagalihWPU 2 месяца назад

terima kasih banyak juga untuk superchatnya ya mas Cepi🙏😁

@cepiyoga 2 месяца назад

@@sandhikagalihWPU 🙏🙏

@mrakhmad 2 месяца назад

Coba livewire

@cepiyoga 2 месяца назад

@@mrakhmad Siap. Terimakasih banyak informasinya.

@muhammadidrisassyafei5768 2 месяца назад

Pak sekarang udah umur berapa karena saya mau belajar serasa udah terlambat gitu

@samyutomo 2 месяца назад

Baru tau penggunaan Tailwind, ternyata lebih dinamis dan ada implementasi logika coding inline yang lebih simple dengan AlpineJS ya daripada sekedar kode css di Bootstrap. Ikut playlist Laravel ini seperti “sambil menyelam minum air”, banyak ilmu-ilmu pendukung yg kita dapat juga. Terima kasih Pa Dhika 🔥👍🏼

@noobletzzz1267 2 месяца назад

Ngeliat pak dika baca dokumentasi keanya gampang bgt dan ketemu apa yg mau ditemuin. Giliran saya perasaan susah dan pake effort bgt bwt nemuin pdhl hal minor gitu wkwk

@sandhikagalihWPU 2 месяца назад

itulah keajaiban video editing.. 😁 tenang aja, saya juga sama nyari2 awalnya susah dan effort 👍

@arieriyan7588 2 месяца назад

sama bang saya juga sampe buka tutup translet kadang wkwkwk yahh namanya belajar bang hehehe

@muhammadhaikal7227 2 месяца назад

Saya masih trus ikutin playlist ini

@indracode7 2 месяца назад

Kelass🔥🔥🔥

@mluthfinovianto 2 месяца назад

Terima Kasih pak sandhika. Ini yang ditunggu - tunggu sih. soalnya kadang rada penasaran jg,, gimana si laravel ini bisa di combine javascript framework. Dan ngerasain sendiri sih di laravel 11 ini bener - bener bersih ruang kerjanya dia. Keren banget

@JawaCodePro 2 месяца назад

Mantap pak

@redsscript 2 месяца назад

Fokus belajar laravel, dan react

@StoryWa-bc3um Месяц назад

Ijin ikut belajar pak 🙏

@muhammadramadhani645 2 месяца назад

Sekaligus belajar Tailwind

@RamziAhmar Месяц назад

pak saya tidak bisa install tailwind pake terminal di vscode bisanya pake terminal di laragon, gimana biar bisa install tailwind pake terminal vscode kaya bapak?

@AhmadSyauqie 6 дней назад

Edit di Environment Variable mas. Logo Windows > ketik environment > pilih Edit the system environment variables > di halaman System Properties pilih Environment Variables (kanan bawah) > Di bagian System Variables, klik Path lalu Edit.. > di window Edit environment variables klik New > Copas path nya NodeJS (di saya C:\laragon\bin odejs ode-v20.15.0-win-x64\), lalu klik OK. Lalu Tutup VS Code, lalu di Laragon klik Stop, lalu Start All. Buka lagi Laragonnya, insya Alloh sudah bisa.

@riodhans 2 месяца назад

Bikin nav button link secara dinamis berdasarkan setting array atau mungkin database bagaimana ya Mas?

@muhamad1247 Месяц назад

Karena kita semua suka yang gratis 😂 true. Kalo gk salah tailwind punya semacam library mirip kayak component tetapi gratis

@SangTenuk 2 месяца назад

Malaysia Hadirr pak sandhikaa

@ricardosimatupang9723 8 дней назад

VS Code saya di menit 10:25 mendapati 3 peringatan kuning.

@akbardermawan1599 2 месяца назад

berikutnya tutorial react nativ

@yasyaindra 20 дней назад

pak next tutorial livewire

@eduwardgsimanjuntak3461 2 месяца назад

Bang boleh request gak untuk belajar eror handlingnya exception ,,, soalnya di Chanel lain blom ada yang buat,, aku bingung paketnya di laravel 11 ini

@kere-aktif Месяц назад

mohon bantuannya, saya sudah instal semua snippet, tapi muncul spt ini -> [plugin:vite:css] [postcss] tailwind is not defined

@Kevin-xj1ci 16 дней назад

Pak, waktu npm run dev yang running itu laravel-mix, itu bagaimana ya? Lalu saya tidak ada file vite.config.js seperti di video bapak.

@rendrayudhaadikalla5756 3 дня назад

Styling dari tailwind-nya gak jalan kenapa ya pak? Padahal untuk instalasinya sudah sesuai

@Amamarakun 2 месяца назад

Multi user login kaya gmn pak🙏 masih awam soalnya

@madura_developer 2 месяца назад

Kayaknya release setiap senin dan kamis ya pak.. btw, terimakasih ilmunya pak

@sandhikagalihWPU 2 месяца назад

betul, jadwalnya senin kamis pukul 19.00WIB

@7_hashemirafsaalfatih456 2 месяца назад

laravel 11 tiap hari dong pak hehehehe, tertarik sama php dan laravel programmer baru ❤

@erissulistina8828 2 месяца назад

@@7_hashemirafsaalfatih456 Nanti pak Dhika drop kalo harus setiap hari. Seminggu dua kali sudah lebih baik daripada seminggu sekali.

@srwth1668 2 месяца назад

@@sandhikagalihWPU ditambah lagi jadwalnya pak, senin rabu jumat hehehe

@irgiahmadmaulana5915 Месяц назад

pak boleh request setup yang pake javascript buat import-import nya gak(gak pake link rel yang di head itu buat import" packages nya)

@georgeotniel2169 28 дней назад

Selamat pagi pak Saya mau bertanya pak, folder resource saya serta file css saya tidak sama seperti divideo ya pak? ketika saya sudah install tailwindcssnya, justru dia terditeknya sebagai file css pak, mohon bantuanya pak Terima kasih pak

@abdmajid2549 Месяц назад

pak saya sudah install extensions tailwind intellisense tapi kok gk berfungsi yaa? sudah coba ctr + space tetep gk ada muncul shortcut tailwind nya duh gimana yah jadi repot kalo ngoding tailwind

@thaitea5399 24 дня назад

Kenapa banyak pemateri yang menggunakan tailwind dibandingkan bootstrap ya? Apakah se bagus itu si tailwind? Sy belum pernah pakai tailwind karena gak paham sama sekali.

@Amamarakun 2 месяца назад

Pak saya sudah install dluan tableplus versi 5.9 nya dengan lisensi full , nah cara penggunaannya kaya gmn pak? 🙏 ditunggu video selanjutnya pak

@kevinmustafa2570 27 дней назад

kena error pas npm run dev ternyata harus install vite sama laravel-vite-plugin dulu ya?

@fahmiahdiat4319 Месяц назад

kang izin bertanya saya liat di menit 23:48 di line 44 itu ekstensi color picker nya apa ya kang? mohon dijawab

@erissulistina8828 Месяц назад

dari Tailwind CSS IntelliSense

@padasaatitu Месяц назад

macet di bagian insttal Tailwindnya 😢

@palele_photography Месяц назад

Ini kenapa problem di resources/css/app.css, unknown at rule @tailwind untuk 1,2 dan 3 nya problem, padahal sdh sesuai tutor bang, NPM nya juga running normal

@denir7005 13 дней назад

you can simply change the following codes in your style.css and it will work. from this @tailwind base; @tailwind components; @tailwind utilities; to this @import "tailwindcss/base"; @import "tailwindcss/components"; @import "tailwindcss/utilities";

@timolaton4185 2 месяца назад

Pak mau tanya apakah laravel bisa kolaborasi dengan framwork js khusus nya dibagian front end

@asepsupriatna1669 2 месяца назад

bisa

@indra_5629 2 месяца назад

Tinggal pale inertia js

@NiqueePremiere 2 месяца назад

Pak kalau boleh buatin seri membuat restfull API menggunakan Laravel11 dong pak hehe Pliss lalu frontend nya react pak hehe

@mahmudtajinan5517 Месяц назад

Pada menit 8:50 tidak bisa install tailwind CSS muncul pesan Error ? why Pak Dika. sbb: cannot be loaded because running scripts is disabled on this system

@padasaatitu Месяц назад

Saya juga ngalamin hal yang sama 😢

@AhmadSyauqie 6 дней назад

@andretunang8711 2 месяца назад

Kak mau tanya... Kenapa ya ketika saya ngding di vscode dan ada huruf "e" trus pas di klik hutuf "e" di keybord, hurufnya tidak muncul tapi malah ke buka kolom pencarian yang ada di bagian atas vscode. Tapi tidak untuk huruf e besar, kalo huruf e besar itu normal kek biasanya. Jadi yg bermasalah tu huruf "e" kecil. Kira" itu kenapa ya kak, tolong bantu kak. Ribet banget setiap mau ngoding trus ada huruf "e"nya, aku selalu kopas huruf "e"nya. Tolong dibantu kak, terima kasih🙏

@sandhikagalihWPU 2 месяца назад

kayanya ke-reset keyboard shorcut nya coba ke file > preferences > keyboard shortcuts cari command 'go to file...' lihat keybinding nya, harusnya ctrl+e, punya mu sepertinya e saja

@abdulhafizhk 2 месяца назад

Pak boleh Request gak? btw, mungkin bagus kalo bikin aplikasi chat realtime pak. semangat terus pak👍

@sandhikagalihWPU 2 месяца назад

mungkin itu bisa di playlist yang berbeda menggunakan laravel reverb

@ionedey 2 месяца назад

absen

@istibsyaroh2709 Месяц назад

kalo eror gimana cara ngatasinya ya pak?

@thiobakti2159 13 дней назад

Selamat malam teman-teman

@FutuhIqramMultazam 2 месяца назад

pa kalo video bapa di download boleh ga? soalnya di rumah saya ga da wifi, jadi saya download video bapa ketika laptop saya memakai wifi kampus, jadi ketika saya lagi di rumah saya pun bisa belajar juga pa

@kanggustri8438 Месяц назад

pak Galih, ketika paste ke css/app.css, error UNKNOWN AT RULE @TAILWIND css (unknownatrules) please pencerahanya pak...

@palele_photography Месяц назад

Sama, saya juga begini😮‍💨

@palele_photography Месяц назад

Sama, saya juga begini😮‍💨

@ErixSyaifulRohmanPremium Месяц назад

1. Just go to settings (Ctrl + , for a shortcut). 2. Search for CSS in the search bar. 3. look for the "CSS > Lint: Unknown At Rules" 4. Select "ignore" from the dropdown options.

@denir7005 13 дней назад

@algigp6074 Месяц назад

Kok di leptop saya eror waktu mau instal tailwindnya ya mohon bantuan nya pak

@erissulistina8828 Месяц назад

pesan errornya apa?

@danielchristianto306 Месяц назад

tolong jangan bingungi codingannya ya

@Muhamad_Ansor 2 месяца назад

pak maaf boleh gak kalo pake laravel 11, tapi pake codingan playlist laravel 8 punya pak dika, soalnya kelamaan kalo harus nunggu playlist 11 beres.🙏🙏

@erissulistina8828 2 месяца назад

Boleh, tapi dikit-dikit aja sambil diselidiki siapa tahu ada yg error. Kalau ada yg error, cek dokumentasi versi 11 nya

@Muhamad_Ansor 2 месяца назад

@@erissulistina8828 oiya makasi mas eris

@muhammadafdalzikri3451 4 дня назад

kenapa saya gagal ketika menjalan perintah npm run dev pada terminal vscode kak?

@muhammadafdalzikri3451 4 дня назад

muncul error seperti ini npm error Missing script: "dev" npm error npm error To see a list of scripts, run: npm error npm run npm error A complete log of this run can be found in: C:\Users\ASUS\AppData\Local pm-cache\_logs\2024-06-24T21_00_39_504Z-debug-0.log

@wilfridpurba7955 2 месяца назад

kok lambang app.css saya berbeda ya pak

@abdmajid2549 Месяц назад

pake extensions material icon

@yuniorkurniawan7902 Месяц назад

pak mau tanya waktu mau instalasi tailwindnya kok gabisa ya? padahl saya udah download node yg versi terbaru seperti tutorial diawal🙏

@erissulistina8828 Месяц назад

Pesan errornya apa?

@agussutisnadjuna4092 8 дней назад

@@erissulistina8828 'npm' is not recognized as an internal or external command, operable program or batch file.

@iininawati9637 16 дней назад

Kak punya saya susah instal tailwind di vscode harus gimana ya

@AhmadSyauqie 6 дней назад

Edit di Environment Variable nya. Logo Windows > ketik environment > pilih Edit the system environment variables > di halaman System Properties pilih Environment Variables (kanan bawah) > Di bagian System Variables, klik Path lalu Edit.. > di window Edit environment variables klik New > Copas path nya NodeJS (di saya C:\laragon\bin odejs ode-v20.15.0-win-x64\), lalu klik OK. Lalu Tutup VS Code, lalu di Laragon klik Stop, lalu Start All. Buka lagi Laragonnya, insya Alloh sudah bisa.

@NiqueePremiere 2 месяца назад

Kalau boleh jujur konfigurasi tailwindnya sangat membuat saya bingung pak, yang lebih simple dong pak hehe

@sandhikagalihWPU 2 месяца назад

Sudah dicek playlist video tailwind, disitu dijelasin lebih detail tentang konfigurasinya

@Prog.948 2 месяца назад

Pak mau tanya kalo belajar laravel 11 tanpa mengikuti playlist laravel 8 emang bisa pak?

@sandhikagalihWPU 2 месяца назад

bisa

@skydomeblue 2 месяца назад

Langsung aja versi 11 gan. Saya juga lagi belajar laravel

@Prog.948 2 месяца назад

@@skydomeblue oke terimakasih

@Mrxyans 18 дней назад

kenapa app.css saya error 'Unknown at rule @tailwind'. Mohon dibantu pak🙏

@denir7005 13 дней назад

@Mrxyans 13 дней назад

@@denir7005 thank you sir, i can try again

@miraycelnet3172 Месяц назад

Pak saya baru mengikuti video-video bapak, dan sekarang saya lagi mengikuti series larevel 11, saya punya kendala, telwin saya belum jalan padahal saya sudah copy @vite('./resources/css/app.css') pada head home saya, mohon pencerahannya, ty

@sandhikagalihWPU Месяц назад

npm run dev nya sudah dijalankan?

@miraycelnet3172 Месяц назад

@@sandhikagalihWPU uda jalan Pak dika, tpi masi aja gak kepanggil telwinnya, jadi terpaksa saya ngikut videonya pke cdn telwin

@muhammadafdalzikri3451 4 дня назад

@@sandhikagalihWPU saya kenapa gagal ketika menjalan perintah ini pak?

@muhammadarifadhitya5303 12 часов назад

udah solved ga bang ? gw juga punya masalah yang sama

@KickyMaulana_ID 2 месяца назад

kenapa ya banyak orang pakai tallwind? padahal component bayar. udah bayar kode nya juga buanyak. kenapa ya orang orang gak pakai bootstrap aja. componen gratis. kode nya juga dikit

@ichsanhaekal1491 2 месяца назад

kalau bootstrap menurut saya desainnya gitu2 aja, beda sama tailwind bisa di custom sama responsive nya juga lebih mudah

@erissulistina8828 2 месяца назад

Bootstrap sulit dicustomisasi, makannya banyak web yg pakai bootstrap tema nya gitu gitu aja alias mirip. Kalau mau customisasi malah harus ngoding css kayak biasanya lagi. Beda sama tailwind yg gampang dicustomisasi dan bikin nyaman ngodingnya

@dicky9842 Месяц назад

saya pas instal tailwind kenapa error ya? npm : The term 'npm' is not recognized as the name of a cmdlet, function, script file, or operable program. Check the spelling of the name, or if a path was included, verify that the path is correct and try again. At line:1 char:1 + npm install -D tailwindcss postcss autoprefixer + ~~~ + CategoryInfo : ObjectNotFound: (npm:String) [], CommandNotFoundException + FullyQualifiedErrorId : CommandNotFoundException

@fadelanfashaputra2811 Месяц назад

coba install lewat terminal laragon bang, tapi directory arahin dlu ke projectnya

@maulidyadwinurmalasari9998 Месяц назад

sama errornya gini kenapa ya tapi download lewat terminal laragon bisa

@sitisarah6506 28 дней назад

sama saya juga, sudah bisa mas?

@randifadillah8995 23 дня назад

masalah gua juga sama, cuma langsung install di terminal cmd windows, masuk dulu ke directory project baru jalanin perintahnya, cmiiw

@Infor-MuhammadFerosandi 22 дня назад

pak npm run dev saya error kaya gini pesannya : npm ERR! Missing script: "dev" npm ERR! npm ERR! To see a list of scripts, run: npm ERR! npm run npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\LENOVO\AppData\Local pm-cache\_logs\2024-06-07T07_44_51_716Z-debug-0.log ada yang tau solusinya?

@muhammadafdalzikri3451 4 дня назад

saya mau nanya bang,apakah ketemu errornya dimana bg? saya juga udah pusing otak atik dari tadi wkkw