Artikel, Bootstrap, Free Download, Laravel, PHP, PHP Sistem, Template, Umum

Tutorial Laravel 5.7 – Bootstrap 4 Admin Template

Bootstrap CSS Framework saat ini telah menjadi salah satu pilihan populer bagi programmer. Penggunaan Bootstrap CSS Framework diantaranya bisa anda gunakan pada desain tampilan Dashboard atau template untuk Admin.

Bootstrap adalah open-source framework (kerangka kerja pemrograman) front-end (library) yang bebas (gratis) untuk merancang situs web dan aplikasi web. Framework ini berisi template desain berbasis HTML dan CSS untuk tipografi, formulir, tombol, navigasi dan komponen antarmuka lainnya, serta juga ekstensi opsional JavaScript. Tidak seperti kebanyakan framework web lainnya, framework ini hanya fokus pada pengembangan front-end saja.

Bootstrap adalah proyek yang paling banyak dibintangi kedua di GitHub, dengan lebih dari 126.000 bintang (https://id.wikipedia.org/wiki/Bootstrap_(framework_front-end))

Untuk menggunakan template ini tentunya anda harus telah terbiasa bermain dengan CSS (Cascading Stylesheet) dan framework ini pada versi sebelumnya. Ada banyak perbedaan pada versi 4 dibanding versi sebelumnya.

Pada 29 Oktober 2014, Mark Otto mengumumkan bahwa Bootstrap 4 sedang dalam pengembangan. Pada September 6, 2016, Mark menghentikan pengerjaan Bootstrap 3 dalam rangka untuk meluangkan waktu untuk pengerjaan Bootstrap 4. Sejauh ini, sudah lebih dari 17,500 kommit yang telah dibuat untuk codebase Bootstrap 4.

Versi stabil dari Bootstrap 4 yang dirilis pada 18 Januari 2018, mayoritas merupakan tulisan ulang dari Bootstrap 3. Perubahan yang signifikan di antaranya:

  • Peralihan dari Less menuju Sass.
  • Peluncuran reboot untuk normalisasi css.
  • Menghapus dukungan browser IE8, IE9, dan iOS 6.
  • Penambahan dukungan flexbox dan menghapus dukungan komponen non-flexbox.
  • Penambahan kustomisasi pilihan navigasi.
  • Penambahan utilitas untuk pemberian ruangan dan ukuran yang responsif.
  • Beralih dari piksel ke root ems.
  • Meningkatkan ukuran font global dari 14px menjadi 16px.
  • Menghapus panel, thumbnail, dan juga komponen-komponen yang mendukung elemen ‘cards’.
  • Menghapus icon font Glyphicons.
  • Menghapus komponen pembuat halaman (pager).
  • Menambahkan sejumlah besar utilitas ‘class’.
  • Improvisasi styling formulir.
  • Improvisasi tombol dan ‘dropdown’.
  • Improvisasi obyek media dan ‘class’ untuk gambar.
  • Penulisan ulang hampir semua komponen, plugin jQuery, dan dokumentasi.

Nah, Bagaimana menggunakan Template ini? yah, tentunya template telah digabungkan dengan Framework Laravel 5.7 dan anda tinggal coding dan tidak lagi memikirkan tampilan untuk dahboard.

Apa yang kita butuh kan?

  1. XAMPP, di PC saya sudah terinstall versi 7.3.0. Yaps! anda harus menggunakan PHP versi 7.1.x untuk menjalankan laravel 5.7
  2. Composer, wajib dong.
  3. Editor, kita pakai Sublime.
  4. Koneksi internet, wajib karena kita ambil source-nya langsung dari Github.

Clone atau download sourcenya https://github.com/suendri/free-admin-template-laravel57

Happy coding!

Sumber :

  1. https://id.wikipedia.org/wiki/Bootstrap_(framework_front-end)
  2. https://www.pikeadmin.com/

About Suendri

Owner Gosoftware Media sebelumnya bernama Phpbego Foundation

Discussion

No comments yet.

Tinggalkan Komentar

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

Follow Gosoftware Media Blog on WordPress.com

Enter your email address to follow this blog and receive notifications of new posts by email.

Join 814 other followers

Archives

%d bloggers like this: