Nama : Febrian Nugroho
NPM : 2115061108
Kelas : PSTI A
A. Pendahuluan
Memiliki framework frontend yang tepat merupakan langkah dan pandangan yang paling mendasar dalam mengembangkan perangkat lunak. Ada berbagai macam framework yang akan ditemui oleh developer dalam kesehariannya saat menjalankan profesinya. Saat ini, sudah banyak ditemukan framework frontend, sehingga memungkinkan pengembang untuk membangun sebuah website yang dibangun sesuai dengan desain yang mempertimbangkan semua kendala, kelayakan, ataupun keindahan.
Dalam beberapa tahun terakhir, terdapat permintaan yang cukup tinggi untuk sebuah website yang bersifat dinamis, canggih, dan berfungsi untuk menggantikan aplikasi desktop di semua bidang. Tentunya, dalam pengembangan sebuah website diperlukan kerangka kerja ataupun kombinasi dari beberapa kerangka kerja. Saat ini, Single Page Applications atau SPA telah menjadi hal yang cukup umum.
Lalu sebenarnya apa sih itu framework frontend? Framework frontend (juga dikenal sebagai kerangka kerja front-end) adalah seperangkat perpustakaan, alat, dan praktek yang digunakan untuk membangun antarmuka pengguna (UI) yang interaktif dan responsif untuk aplikasi web. Framework frontend membantu mempercepat pengembangan dan memudahkan pengkodean dengan menyediakan banyak fungsi bawaan dan abstraksi yang dapat digunakan untuk mempercepat pengembangan. Beberapa contoh populer dari framework frontend adalah React, Angular, Vue.js, dan Ember.js. Dalam umumnya, framework frontend memisahkan antara desain tampilan dan logika bisnis dalam pengembangan aplikasi web.
B. Jenis-jenis Framework Frontend
Berikut merupakan diagram batang yang menyajikan popularitas dari framework frontend JavaScript yang paling umum dan popularitasnya terus meningkat.

Dari data tersebut, didapatkan bahwa yang paling populer adalah React.js, Vue.js, dan Angular atau Angular.js.
1. React

React adalah pustaka JavaScript yang digunakan untuk membuat komponen UI yang stateful dan dapat digunakan kembali serta open source oleh Facebook pada tahun 2013, dan sempurna untuk menyiapkan aplikasi satu halaman modern dalam berbagai ukuran dan cakupan.
Keuntungan:
- React menggunakan DOM virtual yang mencapai efisiensi optimal dengan merender ulang node sesuai keinginan.
- Perenderan sisi server adalah keuntungan penting lainnya dari kerangka kerja ini untuk beberapa jenis penerapan seperti aplikasi yang berfokus pada konten.
- Meminimalkan beban sumber daya pengguna dengan menawarkan dukungan untuk pengelompokan dan pengguncangan pohon.
- Pemrograman reaksi fungsional membantu dalam membuat kode yang dapat digunakan kembali.
- SEO yang relatif lebih baik dibandingkan dengan angular dan vue.js .
Kekurangan:
- Perlu mengimpor pustaka untuk status dan model karena React tidak mengimplementasikan MVC.
- Bereaksi menjauh dari modul berbasis kelas dan dapat menjadi hambatan bagi Pemrograman Berorientasi Objek (OOP) agar pengembang merasa lebih santai.
2. Vue.js

Vue.js adalah kerangka sistematis untuk pengembangan antarmuka pengguna. Tidak seperti arsitektur monolitik seperti Angular, Vue dirancang untuk dapat diadopsi pengguna secara bertahap. Berkat fungsinya, kurva pembelajaran yang cukup sederhana, dan kemampuan untuk membangun aplikasi satu halaman yang kuat, cepat, dan canggih, ini adalah salah satu kerangka kerja JS yang paling berbintang di Github.
Keuntungan:
- Vue cepat dan sangat ringan. Ini menawarkan manfaat yang mencakup efisiensi yang lebih besar untuk komputer dengan sumber daya terbatas, peningkatan kegunaan bagi pengguna dengan konektivitas yang buruk, dan pengalaman pengguna yang lebih baik secara keseluruhan.
- Vue.js membantu membangun model modular yang relatif luas yang dapat dirender tanpa waktu tambahan karena arsitektur dasarnya.
- Reaktivitasnya adalah salah satu fitur terkuat dari Vue.js . Menautkan data antara kode HTML dan JS tidak pernah semudah ini.
- Vue memperlakukan pengikatan data dinamis dua arah seperti pesona. Saat data diperbarui, DOM harus selalu dimodifikasi sesuai yang sempurna untuk SPA.
Kekurangan:
- Dibandingkan dengan Respond atau Angular, Vue.js hanya memiliki pangsa pasar yang relatif rendah, yang berarti pertukaran informasi dalam framework ini baru pada tahap awal.
- Risiko menjadi terlalu fleksibel saat berintegrasi dengan proyek besar karena kurangnya sumber daya
3. Angular

Framework ini pertama kali diterbitkan pada tahun 2009, dan berganti nama menjadi AngularJS. Meskipun demikian, saat ini istilah ini hanya mencerminkan pembaruan sebelum versi 2.0 – versi yang lebih baru diberi nama Angular. Itu dibangun dalam TypeScript.
Keuntungan :
- Karena lebih sedikit bandwidth yang digunakan dan karena seluruh halaman tidak disegarkan saat pengguna menavigasi, aplikasi bekerja lebih cepat.
- Sudut mereplikasi perubahan yang dilakukan pada model secara instan menjadi tampilan karena pengikatan data dua arah, dengan cara yang sederhana, efektif, dan intuitif.
- MVVM (Model-View-ViewModel) yang memungkinkan pengembang untuk beroperasi dengan kumpulan data yang sama secara terpisah pada aplikasi yang sama.
- Struktur dan arsitektur dibangun khusus untuk skalabilitas proyek yang lebih baik
- Injeksi ketergantungan ke komponen berkontribusi pada modularitas aplikasi
Kelemahan :
- Meskipun Angular memiliki berbagai struktur (Injectables, Components, Pipes, Modules, dll.) dibandingkan dengan React dan Vue.js yang hanya memiliki komponen, yang pertama lebih sulit dipelajari.
- Terus-menerus diperbarui: perbaikan baru dan signifikan selalu dilakukan. Ini dapat menyebabkan masalah bagi pengembang ketika harus beradaptasi dengan perubahan tersebut.
4. Bootstrap

Bootstrap adalah kerangka kerja HTML, CSS, dan JavaScript yang populer untuk mengembangkan situs web yang responsif dan mobile friendly website. Ini gratis untuk diunduh dan digunakan. Ini adalah kerangka kerja front-end yang digunakan untuk pengembangan web yang lebih mudah dan lebih cepat. Ini termasuk berbasis HTML dan CSS templat desain untuk tipografi, formulir, tombol, tabel, navigasi, modals, komidi putar gambar, dan banyak lainnya. Itu juga dapat menggunakan plug-in JavaScript. Ini memfasilitasi Anda untuk membuat desain yang responsif. Mengapa Menggunakan Bootstrap?
- Pendekatan seluler pertama – Bootstrap 3, kerangka kerja terdiri dari gaya seluler pertama di seluruh perpustakaan, bukan dalam file terpisah.
- Dukungan Browser − Didukung oleh semua browser populer.
- Mudah untuk memulai − hanya dengan pengetahuan tentang HTML dan CSS, siapapun dapat memulai dengan Bootstrap. Juga situs resmi Bootstrap memiliki dokumentasi yang bagus.
- Desain responsif − CSS responsif Bootstrap menyesuaikan ke Desktop, Tablet, dan Seluler. Lebih lanjut tentang desain responsif ada di bab Desain Responsif Bootstrap.
- Dan yang terbaik dari semuanya adalah open source.
Tools Bootstrap
- Pingendo: – Pingendo hadir dengan pilihan template yang cukup bagus untuk menemukan situs intro Aplikasi, templat situs Konferensi, dan templat Restoran, yang tersedia dalam berbagai tema.
- Brix: – Brix adalah pembuat Bootstrap untuk merancang, membuat, dan mengedit situs web dan UI yang responsif.
- Jetstrap: – Jetstrap adalah pembuat Antarmuka Bootstrap yang merupakan persilangan antara alat mockup dan alat pembuat antarmuka, membawa sedikit dari keduanya ke tabel.
- Pinegrow: – Pinegrow adalah editor web desktop yang memungkinkan Anda membangun situs responsif menggunakan pengeditan langsung, multi-halaman, gaya CSS dan Sass, dan komponen untuk Bootstrap, Foundation, dan Word Press.
- Bootstrap studio: – Bootstrap Studio adalah aplikasi desktop, tetapi ia menawarkan demo online dari kemampuannya.
- Bootply: – Bootply menyebut dirinya sebagai taman bermain Bootstrap, editor, dan pembuat. Ini sepertinya yang paling cocok untuk mereka yang suka memiliki kekuatan tetapi dengan kemampuan penuh coding di tangan. Anda juga memiliki template yang lebih kompleks seperti Control Panel dan template Dashboard dan tata letak modern untuk situs berita teknologi
- Bootmetro: – Ini adalah kerangka UI sederhana yang memungkinkan Anda membuat antarmuka seperti Metro menggunakan Bootstrap. Dengan tag line membangun halaman web dalam 5 menit, tidak diperlukan pengkodean, Anda bisa mengetahui di mana alat ini paling kuat.
- JSfiddle dengan Bootstrap: – Bagaimana jika Anda juga ingin mengutak-atik Bootstrap? Di atas adalah ruang kerja JSFiddle dengan sumber daya Bootstrap dan dependensinya ditambahkan sebagai sumber daya eksternal sehingga Anda dapat menggunakan JSFiddle di lingkungan Bootstrap.
- Codepen: – CodePen bukan sekadar taman bermain. Itu juga merupakan gudang eksperimen orang lain yang dapat dibagikan. Jadi hanya untuk membantu Anda memulai dengan Pena buatan Bootstrap.
5. Materialize CSS

Materialize CSS adalah sebuah framework CSS yang open-source dan didesain untuk memudahkan pembuatan tampilan website yang responsif dan modern. Framework ini dikembangkan oleh tim Materialize dan tersedia untuk digunakan secara gratis.
Berikut adalah beberapa fitur utama dari Materialize CSS:
- Responsif: Materialize CSS menawarkan komponen yang responsif dan mudah digunakan untuk membuat website yang terlihat baik pada perangkat mobile maupun desktop.
- Grid System: Grid system yang disediakan Materialize CSS memudahkan pengaturan layout halaman dengan mudah, dengan mengatur ukuran dan posisi kolom secara fleksibel.
- Komponen UI: Materialize CSS menyediakan berbagai macam komponen UI seperti tombol, ikon, form, modals, kartu, navigasi, dan banyak lagi. Semua komponen ini sudah dirancang dengan gaya Material Design yang modern dan mudah digunakan.
- Animasi: Materialize CSS juga menawarkan animasi yang halus dan menarik untuk memperindah tampilan website.
- Integrasi JavaScript: Materialize CSS juga menyediakan plugin JavaScript yang siap digunakan untuk menambahkan fungsi interaktif seperti dropdown, carousel, datepicker, dan lain-lain.
Dalam penggunaannya, Materialize CSS dapat digunakan dengan dua cara yaitu dengan men-download file CSS dan JS nya dan memasukkannya ke dalam project website yang sedang dikerjakan atau dapat juga diinstal melalui npm package manager. Materialize CSS juga dapat digunakan bersama dengan berbagai platform web development seperti React, Angular, Vue, dan lain-lain.
Dengan Materialize CSS, para developer web dapat membuat website yang responsif dan modern dengan mudah dan cepat tanpa perlu menghabiskan waktu untuk mengatur layout dan style website dari awal. Hal ini memungkinkan pengembang untuk fokus pada konten dan fitur yang ingin ditampilkan di website mereka.
6. Next Jss
Next.js adalah sebuah framework JavaScript yang menawarkan berbagai fitur yang dapat mempermudah proses pengembangan aplikasi web modern. Berikut adalah beberapa fitur yang ditawarkan oleh Next.js:
- Server-Side Rendering (SSR) Next.js menawarkan dukungan penuh untuk SSR, yang memungkinkan konten web dapat di-render pada server sebelum dikirimkan ke browser. Dengan SSR, website dapat memiliki waktu muat yang lebih cepat dan lebih ramah terhadap SEO.
- Automatic Code Splitting Next.js secara otomatis membagi kode ke dalam bundel yang lebih kecil untuk setiap halaman. Dengan begitu, aplikasi dapat memuat halaman lebih cepat dan efisien.
- Static Site Generation (SSG) Next.js juga menyediakan fitur SSG yang memungkinkan konten situs web dapat di-generate menjadi file statis. Hal ini dapat meningkatkan waktu muat dan keamanan aplikasi.
- Routing Dinamis Next.js menyediakan sistem routing yang dapat menangani routing dinamis. Routing dinamis memungkinkan penggunaan parameter pada URL untuk menghasilkan halaman yang dinamis.
- CSS-in-JS Next.js menyediakan dukungan untuk CSS-in-JS, yang memungkinkan penggunaan style CSS menggunakan JavaScript. Next.js juga menyediakan library yang disebut Next.js Styled Components atau Next.js CSS untuk memudahkan penggunaan CSS-in-JS.
- API Routing Next.js juga menyediakan fitur API routing, yang memungkinkan developer untuk membuat endpoint API dengan mudah dan menangani permintaan HTTP secara langsung di dalam aplikasi web.
- Hot Module Replacement (HMR) Next.js menyediakan fitur HMR, yang memungkinkan developer untuk melihat perubahan pada kode secara instan tanpa harus merefresh halaman web.
- Static Export Next.js juga menyediakan fitur Static Export yang memungkinkan penggunaan aplikasi Next.js di host statis seperti Netlify atau GitHub Pages.
- Plugin Ecosystem Next.js memiliki ekosistem plugin yang sangat luas, yang memungkinkan developer untuk menambahkan berbagai fitur dan fungsionalitas pada aplikasi mereka dengan mudah.
Dengan fitur-fitur yang ditawarkannya, Next.js menjadi pilihan yang populer untuk membangun aplikasi web modern.
7. Foundation

Foundation adalah salah satu framework frontend yang populer digunakan dalam pengembangan situs web. Framework ini dikembangkan oleh ZURB, dan menyediakan berbagai fitur dan komponen UI yang berguna untuk membangun situs web yang responsif dan modern.
Beberapa fitur dan komponen UI yang disediakan oleh Foundation antara lain:
- Grid System: Foundation menyediakan sistem grid yang dapat disesuaikan dan fleksibel, sehingga memudahkan pengembang untuk membuat layout yang responsif pada berbagai ukuran layar.
- Typography: Foundation menyediakan gaya typography standar yang dapat digunakan untuk membuat tampilan teks yang konsisten dan mudah dibaca pada situs web.
- Komponen UI: Foundation menyediakan berbagai komponen UI seperti modals, dropdowns, carousels, navbars, forms, dan buttons yang dapat membantu pengembang membangun situs web yang interaktif dan mudah digunakan.
- JavaScript Plugins: Foundation menyediakan plugin JavaScript seperti jQuery, dan plugin animasi yang dapat membantu membuat situs web menjadi lebih interaktif dan dinamis.
- Responsive Utilities: Foundation menyediakan kelas utilitas yang dapat digunakan untuk membuat situs web menjadi responsif dan mobile-first. Pengembang dapat menggunakan kelas ini untuk menyembunyikan atau menampilkan elemen pada berbagai ukuran layar.
- Themes: Foundation menyediakan tema yang dapat digunakan untuk mengubah tampilan dasar situs web menjadi lebih menarik dan sesuai dengan kebutuhan.
- Customize: Foundation menyediakan alat pengubahan yang dapat membantu pengembang mengkustomisasi komponen UI, typography, dan gaya situs web secara lebih mudah.
Kelebihan dari Foundation adalah framework ini menyediakan fitur dan komponen UI yang cukup lengkap dan mudah digunakan, serta dapat disesuaikan sesuai dengan kebutuhan pengembang. Selain itu, Foundation juga memiliki dokumentasi yang lengkap dan komunitas yang aktif, sehingga memudahkan pengembang dalam menggunakan dan mempelajari framework ini.
Namun, kekurangan dari Foundation adalah framework ini dapat terasa lebih kompleks dibandingkan dengan framework CSS lainnya seperti Bootstrap. Selain itu, beberapa komponen UI di Foundation dapat terlihat kurang modern dibandingkan dengan komponen UI di framework lainnya seperti Materialize CSS atau Semantic UI.
Overall, Foundation adalah framework yang kuat dan dapat membantu pengembang dalam membangun situs web yang responsif dan modern dengan cepat dan mudah.
8. Semantik UI

Semantic UI adalah salah satu framework frontend yang populer digunakan dalam pengembangan situs web. Framework ini menyediakan kelas utilitas dan komponen UI yang dirancang menggunakan prinsip-prinsip semantic HTML dan desain modern.
Beberapa fitur dan komponen UI yang disediakan oleh Semantic UI antara lain:
- Grid System: Semantic UI menyediakan sistem grid yang dapat disesuaikan dan fleksibel, sehingga memudahkan pengembang untuk membuat layout yang responsif pada berbagai ukuran layar.
- Komponen UI: Semantic UI menyediakan berbagai komponen UI seperti menu, form, button, card, dan modal yang dirancang dengan menggunakan prinsip semantic HTML dan desain modern yang mudah digunakan.
- Tema: Semantic UI menyediakan berbagai tema yang dapat digunakan untuk mengubah tampilan situs web secara cepat dan mudah.
- Customize: Semantic UI menyediakan alat pengubahan yang memudahkan pengembang dalam mengkustomisasi tema, dan membuat tampilan situs web menjadi lebih sesuai dengan kebutuhan.
- Animasi: Semantic UI menyediakan berbagai animasi yang dapat digunakan untuk membuat situs web menjadi lebih interaktif dan menarik.
- Responsive Utilities: Semantic UI menyediakan kelas utilitas yang dapat digunakan untuk membuat situs web menjadi responsif dan mobile-first. Pengembang dapat menggunakan kelas ini untuk menyembunyikan atau menampilkan elemen pada berbagai ukuran layar.
Kelebihan dari Semantic UI adalah framework ini dirancang dengan menggunakan prinsip semantic HTML dan desain modern yang dapat membantu pengembang membangun situs web dengan mudah dan cepat. Selain itu, Semantic UI juga memiliki dokumentasi yang lengkap dan komunitas yang aktif, sehingga memudahkan pengembang dalam menggunakan dan mempelajari framework ini.
Namun, kekurangan dari Semantic UI adalah framework ini dapat terasa lebih kompleks dibandingkan dengan framework CSS lainnya seperti Bootstrap atau Materialize CSS. Selain itu, Semantic UI juga kurang populer dibandingkan dengan framework CSS lainnya, sehingga komunitas dan dukungan dari developer mungkin lebih sedikit.
Overall, Semantic UI adalah framework yang kuat dan dapat membantu pengembang dalam membangun situs web yang responsif dan modern dengan cepat dan mudah. Namun, pemilihan framework tergantung pada kebutuhan dan preferensi pengembang.
9. Tailwind CSS
Tailwind CSS adalah sebuah framework CSS yang sangat populer dan sering digunakan dalam pengembangan situs web modern. Framework ini dirancang untuk mempercepat proses pengembangan UI dengan menyediakan kelas-kelas utilitas yang siap digunakan dan mudah dikustomisasi.
Beberapa fitur yang dimiliki oleh Tailwind CSS antara lain:
- Utility-first: Tailwind CSS menggunakan pendekatan utility-first dimana setiap kelas CSS mempunyai fungsinya sendiri-sendiri, sehingga memungkinkan pengembang untuk membangun tampilan situs web dengan sangat cepat dan mudah.
- Responsif: Tailwind CSS menyediakan kelas CSS yang responsif, sehingga memudahkan pengembang untuk membuat tampilan situs web yang adaptif pada berbagai ukuran layar.
- Mudah dikustomisasi: Tailwind CSS menyediakan konfigurasi file yang dapat dikustomisasi sesuai kebutuhan pengembang, sehingga memungkinkan untuk menyesuaikan tampilan situs web dengan sangat mudah.
- Dokumentasi lengkap: Tailwind CSS memiliki dokumentasi yang lengkap dan tersedia dalam berbagai bahasa, sehingga memudahkan pengembang dalam menggunakan dan mempelajari framework ini.
- Komunitas aktif: Tailwind CSS memiliki komunitas yang sangat aktif dan luas, sehingga memudahkan pengembang untuk mendapatkan bantuan dan dukungan dari developer lain dalam penggunaan dan pengembangan framework ini.
Kelebihan Tailwind CSS adalah framework ini sangat cepat dalam membangun tampilan situs web yang modern dan responsif. Selain itu, Tailwind CSS sangat fleksibel dan mudah dikustomisasi, sehingga memungkinkan pengembang untuk menyesuaikan tampilan situs web dengan sangat mudah.
Namun, kekurangan Tailwind CSS adalah membutuhkan waktu yang sedikit lebih lama untuk mempelajari semua kelas-kelas utilitas yang disediakan oleh framework ini. Selain itu, Tailwind CSS juga kurang cocok digunakan dalam proyek yang membutuhkan tampilan yang unik dan kompleks.
Secara keseluruhan, Tailwind CSS adalah framework CSS yang sangat bermanfaat untuk mempercepat proses pengembangan UI pada situs web modern. Namun, pemilihan framework tergantung pada kebutuhan dan preferensi pengembang.
10. Bulma
Bulma adalah sebuah framework CSS yang bersifat open-source dan dirancang untuk mempermudah pembuatan tampilan situs web yang modern dan responsif. Framework ini menggunakan pendekatan mobile-first dan menyediakan kelas-kelas utilitas yang siap digunakan dengan desain yang menarik. Bulma juga memungkinkan pengembang untuk mengkustomisasi tampilan situs web sesuai kebutuhan.
Kelebihan Bulma:
- Desain yang menarik: Bulma menyediakan tampilan situs web yang modern dan menarik dengan desain yang responsif.
- Mudah digunakan: Bulma memiliki kelas-kelas utilitas yang siap digunakan dan mudah dipahami oleh pengembang.
- Responsif: Bulma menyediakan kelas-kelas CSS yang responsif, sehingga memungkinkan tampilan situs web yang adaptif pada berbagai ukuran layar.
- Komunitas aktif: Bulma memiliki komunitas yang aktif dan dukungan yang luas dari pengembang.
- Dokumentasi lengkap: Bulma memiliki dokumentasi yang lengkap dan tersedia dalam berbagai bahasa, sehingga memudahkan pengembang dalam penggunaan dan pengembangan framework ini.
Kekurangan Bulma:
- Kurang fleksibel: Bulma kurang fleksibel dibandingkan dengan framework CSS lainnya, sehingga kurang cocok untuk proyek yang membutuhkan tampilan yang unik dan kompleks.
- Keterbatasan kustomisasi: Meskipun Bulma menyediakan kemudahan dalam penggunaan, namun keterbatasan dalam kustomisasi tampilan situs web dapat menjadi kendala dalam beberapa proyek.
- Ukuran file yang besar: Ukuran file yang besar pada Bulma bisa mempengaruhi kecepatan loading situs web, terutama pada koneksi internet yang lambat.
Secara keseluruhan, Bulma adalah framework CSS yang sangat cocok bagi pengembang yang ingin membangun tampilan situs web dengan cepat dan mudah, terutama pada proyek yang membutuhkan desain yang menarik dan responsif. Namun, pemilihan framework tergantung pada kebutuhan dan preferensi pengembang.
Bagaimana cara memilih Frontend Framework?
1. Kematangan teknologi – Saat memilih tumpukan teknologi untuk proyek Anda, selalu baik untuk mempelajari seberapa matang teknologi yang dipilih. Kerangka kerja UI harus melalui proses kompleks untuk muncul, tumbuh, dan mencapai tahap kedewasaan.
2. Dukungan masyarakat – Ini adalah fakta yang jelas bahwa dukungan memainkan peran penting dalam memajukan kerangka kerja UI apa pun. Semakin populer di kalangan pengembang, komunitas yang lebih mendukung terbentuk.
3. Perbarui konsistensi – Cukup sulit untuk mengembangkan menggunakan teknologi tanpa versi yang diperbarui. Pembaruan mendukung kinerja keseluruhan dan produktivitas yang lebih tinggi. Selain itu, pengembang sangat memperhatikan dokumentasi yang disediakan. Itu harus selalu komprehensif dan dapat diakses.
4. Fleksibilitas – Untuk framework front-end teratas, Angular dapat kehilangan persaingan karena framework lain dianggap lebih fleksibel. Mereka memungkinkan pengembang untuk menggunakan alat dan perpustakaan yang berbeda untuk membuat solusi khusus.
5. Kompleksitas proyek – Mempelajari cara memilih kerangka kerja front-end juga membutuhkan pemahaman tentang ukuran proyek Anda. Jika perusahaan memulai solusi sederhana dari awal, mereka akan menemukan setiap kerangka kerja front-end teratas cukup sesuai dengan kebutuhan mereka.
6. Ketersediaan pengembang– Tidak mengherankan jika banyak negara maju mengalami kekurangan karyawan, sementara jumlah posisi terbuka meningkat. Misalnya, pekerjaan pengembang front-end di AS akan meningkat sebesar 8% dari 2019 hingga 2029, lebih cepat dari rata-rata pekerjaan lain. Selain itu, keahlian dan pengalaman pengembang sangat dihargai di pasar.
7. Biaya pengembangan– Seperti yang Anda ketahui, pilihan teknologi merupakan faktor penentu dalam memperkirakan anggaran proyek. Berdasarkan kompleksitas proyek, tim akan dapat menghitung jadwal proyek dan sumber daya yang dibutuhkan.
Implementasi Frontend Framework pada webiste unila.ac.id

Dalam website resmi Universitas Lampung (unila.ac.id), Bootstrap digunakan untuk membangun tampilan website yang responsif dan menarik dengan menggunakan berbagai komponen UI yang disediakan oleh framework ini. Selain itu, penggunaan sistem grid dan file CSS dan JavaScript dari Bootstrap juga memudahkan pengembangan dan memastikan tampilan yang konsisten pada berbagai jenis perangkat.
Berikut adalah beberapa ciri-ciri Bootstrap yang digunakan oleh website resmi Universitas Lampung (unila.ac.id):
- Responsif Bootstrap memungkinkan website untuk tampil responsif pada berbagai jenis perangkat, seperti desktop, tablet, dan smartphone. Hal ini membuat website lebih mudah diakses dan memberikan pengalaman yang lebih baik bagi pengguna.
- Grid System Bootstrap menggunakan sistem grid untuk memudahkan pengembangan tata letak halaman website yang terstruktur. Grid system pada Bootstrap memudahkan pengembang untuk menentukan posisi dan ukuran elemen-elemen pada halaman website.
- Komponen UI Bootstrap menyediakan berbagai komponen UI seperti tombol, form, jumbotron, navbar, dan lain sebagainya, yang dapat digunakan untuk membangun tampilan website dengan cepat dan mudah.
- CSS dan JavaScript Bootstrap menyediakan file CSS dan JavaScript yang dapat digunakan untuk mempercepat proses pengembangan website dan memastikan tampilan yang konsisten pada berbagai jenis perangkat.
- Dokumentasi Bootstrap memiliki dokumentasi yang lengkap dan mudah dipahami, sehingga memudahkan pengembang untuk mempelajari dan mengimplementasikan framework ini pada website mereka.
Dalam website resmi Universitas Lampung (unila.ac.id), Bootstrap digunakan untuk membangun tampilan website yang responsif dan menarik dengan menggunakan berbagai komponen UI yang disediakan oleh framework ini. Selain itu, penggunaan sistem grid dan file CSS dan JavaScript dari Bootstrap juga memudahkan pengembangan dan memastikan tampilan yang konsisten pada berbagai jenis perangkat.
REFERENSI
Gaikwad, S. S., & Adkar, P. (2019, April). IRE Journals. A Review Paper on Bootstrap Framework, Volume 2 Issue 10.
Hutagikar, V., & Hegde, V. (2020, April). International Research Journal of Engineering and Technology (IRJET). Analysis of Front-end Frameworks for Web Applications, Volume: 07 Issuue:04. https://www.irjet.net/