MudBlazor Input Component Pada Blazor – Part 1

 

Artikel ini membahas komponen-komponen Input yang terdapat pada MudBlazor. Komponen-komponen tersebut sering digunakan dalam sebuah aplikasi web. Beberapa komponen yang akan dijelaskan pada artikel ini adalah Text Field, Numeric Field dan Select. Dikarenakan artikel ini masih melanjutkan fitur-fitur yang ada pada MudBlazor, maka sebelum memulai latihan-latihan pada artikel ini, pastikan telah menyelesaikan latihan-latihan pada artikel sebelumnya yang dapat dilihat disini (http://junindar.blogspot.com/2021/12/mudblazor-component-pada-blazor-part-1.html), (http://junindar.blogspot.com/2022/07/mudblazor-table-pada-blazor-part-1.html), (http://junindar.blogspot.com/2022/07/mudblazor-table-pada-blazor-part-2.html) dan (http://junindar.blogspot.com/2022/08/mudblazor-table-pada-blazor-part-3.html).

Untuk artikel selengkapnya dapat di download disini. Sedangkan untuk memudahkan dalam memahami isi artikel, maka penulis juga menyertakan dengan full source code project latihan ini, dan dapat di download disini.

Terima kasih

Wassalam

MudBlazor Table Pada Blazor – Part 3

Artikel ini melanjutkan dari artikel sebelumnya, yang membahas fungsi-fungsi yang ada pada MudBlazor Table (MudTable). Oleh karena itu sebelum memulai latihan-latihan pada artikel ini, pastikan telah menyelesaikan latihan-latihan pada artikel sebelumnya yang dapat dilihat disini (http://junindar.blogspot.com/2021/12/mudblazor-component-pada-blazor-part-1.html) dan (http://junindar.blogspot.com/2022/07/mudblazor-table-pada-blazor-part-2.html).  Perlu diketahui, untuk artikel ini masih akan menggunakan blazor project yang telah kita buat pada artikel sebelumnya.

Pada dua artikel sebelumnya telah dibahas bagaimana cara menampilkan pada MudTable berikut dengan fungsi filter, sort maupun pagination, tetapi semua fitur tersebut menggunakan method Client Side. Dimana seluruh data akan diload terlebih dahulu, sehingga jika kita memiliki data yang sangat besar, maka proses loading data akan sangat lama sekali. 

Sedangkan untuk artikel ini kita akan menggunakan method Server Side, sehingga proses filter, sorting dan paging akan dilakukan pada backend. Dengan menggunakan method ini kita tidak perlu lagi menggunakan property “Items“ dan “Filter“ pada MudTable.

Untuk artikel selengkapnya dapat di download disini. Sedangkan untuk memudahkan dalam memahami isi artikel, maka penulis juga menyertakan dengan full source code project latihan ini, dan dapat di download disini.

Terima kasih

Wassalam

MudBlazor Table Pada Blazor – Part 2

Artikel ini melanjutkan dari artikel sebelumnya, yang membahas fungsi-fungsi yang ada pada MudBlazor Table (MudTable). Oleh karena itu sebelum memulai latihan-latihan pada artikel ini, pastikan telah menyelesaikan latihan-latihan pada artikel sebelumnya yang dapat dilihat disini (http://junindar.blogspot.com/2021/12/mudblazor-component-pada-blazor-part-1.html dan http://junindar.blogspot.com/2022/07/mudblazor-table-pada-blazor-part-1.html ).  

Pada artikel sebelumnya telah dibahas bagaimana membuat fungsi Filtering, paging dan multi selection pada MudTable. Sedangkan untuk artikel ini kita akan membahas beberapa fitur lagi yang terdapat pada MudBlazor seperti Grouping dan kustomisasi header-footer. Perlu diketahui, pada artikel ini kita masih akan menggunakan blazor project yang telah kita buat pada artikel sebelumnya.

Untuk artikel selengkapnya dapat di download disini. Sedangkan untuk memudahkan dalam memahami isi artikel, maka penulis juga menyertakan dengan full source code project latihan ini, dan dapat di download disini.

Terima kasih

Wassalam

MudBlazor Table Pada Blazor – Part 1

Untuk artikel ini akan dijelaskan bagaimana menggunakan MudBlazor Table  pada sebuah project, sebelum melanjutkan artikel ini pastikan telah mengikuti artikel sebelumnya disini http://junindar.blogspot.com/2021/12/mudblazor-component-pada-blazor-part-1.html . Pada artikel sebelumnya telah dijelaskan bagaimana menambahkan dan melakukan konfigurasi MudBlazor  pada project. Sehingga pada artikel ini pembahasan hanya fokus bagaimana menggunakan MudBlazor Table beserta fungsi-fungsinya.

Untuk artikel selengkapnya dapat di download disini. Sedangkan untuk memudahkan dalam memahami isi artikel, maka penulis juga menyertakan dengan full source code project latihan ini, dan dapat di download disini.

Terima kasih

Wassalam

Ebook - Microsoft Blazor: Membangun Aplikasi Web Dengan Mudah dan Cepat

 

Buku ini membahas bagaimana membangun aplikasi Web dengan menggunakan Microsoft Blazor. Dimana metode yang digunakan untuk menjelaskan pembahasan pada setiap bagian disertakan file pendukung untuk memudahkan dalam pemahaman para pembaca

Topik-topik yang dipilih dalam pembahasan, cocok baik untuk pemula maupun yang sudah berkecimpung lama dalam dunia pemograman. Penjelasan meliputi dari awal dimulai dari pengenalan ASP.NET Core, Entity Framework Core (EF Core), Blazor Server App dan cara membangun aplikasi web. 

Salah satu kelebihan buku ini adalah, setiap topik akan disertai dengan latihan, sehingga pembaca akan seperti dibimbing secara langsung oleh seorang Trainner.

Buku ini bisa didapatkan disini 

Terima kasih

Wassalam

MudBlazor Component Pada Blazor – Part 1

MudBlazor adalah sebuah material design component framework yang dibangun khusus untuk Blazor (https://mudblazor.com/ ). Terdapat banyak komponen pada MudBlazor seperti chart, grid dan lain-lain untuk membantu dalam membangun aplikasi web dengan menggunakan blazor. Seluruh komponen pada MudBlazor dibangun dengan menggunakan C# tanpa javascript kecuali jika sangat diperlukan. Dan dokumentasi untuk penggunaan MudBlazor ini sangat lengkap sehingga membantu para developer untuk menggunakannya.

Pada artikel ini akan dijelaskan bagaimana menggunakan MudBlazor pada sebuah project, dari bagaimana cara install MudBlazor sampai dengan melakukan kustomisasi MudBlazor Theme (MudTheme). 

Untuk artikel selengkapnya dapat di download disini. Sedangkan untuk memudahkan dalam memahami isi artikel, maka penulis juga menyertakan dengan full source code project latihan ini, dan dapat di download disini.

Terima kasih

Wassalam

JavaScript Interop Pada Aplikasi Blazor – Part 5

Pada artikel sebelumnya telah kita bahas bagaimana melakukan invoke baik dari .Net maupun Javascript, dan dilanjutkan dengan menggunakan API pada browser. Semuanya dilakukan didalam satu project. Pada pembahasan kali ini kita akan membuat Razor Class Library dimana pada Class Library ini kita gunakan invoke pada .Net Method. Sebelumnya pastikan untuk menyelesaikan latihan-latihan pada artikel sebelumnya (Part 1-4). Razor Class Library adalah ASP.NET Core Library yang berisi page, view, view component dan fungsi-fungsi web application lainnya dengan kode nya masing-masing. Seperti library pada umumnya, library tidak berjalan secara independen tetapi digunakan oleh aplikasi lainya untuk memanfaatkan fungsi-fungsi pada library tersebut. Razor Class Library memudahkan dalam berbagi funsgi code pada web aplikasi dengan element UI. Selain itu manfaat dari Razor Class Library kita dapat menggunakannya pada multiple project, tanpa harus membuat ulang fungsi-fungsinya (Reusable). 

Pada artikel ini kita akan membuat sebuah komponen yang berfungsi untuk menampilkan indikator apakah browser online atau offline, seperti pada gambar dibawah ini.

Untuk artikel selengkapnya dapat di download disini. Sedangkan untuk memudahkan dalam memahami isi artikel, maka penulis juga menyertakan dengan full source code project latihan ini, dan dapat di download disini.

Terima kasih

Wassalam