Jika Anda belum pernah mendengar tentang Bootstrap, kerangka kerja yang dikembangkan oleh Twitter untuk membuat situs web yang indah, Anda kehilangan kesempatan! Bootstrap membuatnya cukup cepat dan mudah untuk merancang situs web tanpa banyak pengetahuan tentang CSS (Cascading Style Sheets). Jika Anda baru mengenal pemrograman untuk web, Anda tidak perlu tahu apa pun tentang CSS untuk mulai mempelajari cara kerja Bootstrap; yang Anda perlukan hanyalah satu dokumen HTML. Kami akan melihat Bootstrap, menunjukkan kepada Anda apa itu semua tentang, cara kerjanya, dan jika itu pilihan yang baik untuk setiap situs web yang Anda buat.
Memasukkan API Bootstrap ke File HTML Anda
Anda memiliki beberapa opsi untuk menyisipkan Bootstrap ke file proyek utama Anda. Opsi pertama adalah menyisipkan semua file Bootstrap yang diperlukan ke proyek Anda. Anda dapat melakukan ini dengan mengunduh paket dan mengunggahnya ke folder proyek Anda. Anda tentu saja harus menautkan file CSS Bootstrap utama ke dokumen Anda. Situs web resmi Bootstrap memiliki panduan langkah demi langkah tentang cara melakukan ini.
Opsi lainnya adalah untuk tidak mengunduh paket dan menggunakan Content Delivery Network (CDN). CDN memungkinkan Anda menautkan file Bootstrap utama ke dokumen HTML Anda tanpa pernah mengunduhnya. Ini, tentu saja, tidak selalu merupakan hal yang baik untuk situs web profesional, karena saya tidak akan terlalu cepat untuk meninggalkan halaman bisnis atau portofolio saya jika server itu akan turun. Yang terbaik adalah memiliki file di proyek Anda, tetapi untuk tujuan belajar, CDN akan baik-baik saja.
Untuk memasukkan Bootstrap ke dokumen HTML Anda, Anda hanya perlu memasukkan kode berikut di dalam
tag dalam dokumen HTML Anda:Setelah tautan-tautan itu dimasukkan ke dalam tag kepala itu, Anda harus siap untuk mulai menggunakan kelas Bootstrap. Dokumen Anda akan terlihat seperti ini:
Bootstrap Dan Kelas
Elemen-elemen Bootstrap dipecah menjadi kelas-kelas, yang hanya sekelompok CSS pra-tertulis yang dapat Anda masukkan ke dalam markup Anda. Memasukkan kelas ke markup Anda mudah, Anda hanya perlu tahu nama kelas yang ingin Anda gunakan dan kemudian menerapkannya ke salah satu elemen HTML Anda menggunakan nilai class = "classname", seperti yang dibahas dalam artikel sebelumnya.
Bagian yang sulit adalah mencari tahu bagaimana semua itu bekerja bersama untuk menciptakan sesuatu yang indah. Anda dapat memeriksa semua kelas berbeda yang tersedia di Bootstrap langsung dari dokumentasi resmi. Sekarang, menguasai Bootstrap adalah cerita lain. Itu bukan sesuatu yang kami atau orang lain dapat ajarkan kepada Anda. Anda dapat menonton tutorial setelah tutorial, tetapi untuk menjadi baik dalam menggunakan framework, yang datang dengan banyak trial and error. Dan, itu mengharuskan Anda untuk terlibat langsung dalam proyek Anda sendiri.
Dengan mengingat hal itu, saya mohon Anda untuk memulai proyek HTML Anda sendiri di komputer Anda menggunakan Atom atau editor teks lainnya, tinjau semua kelas HTML dan CSS, dan kemudian mulai bermain-main dengan Bootstrap. Dan jika Anda tahu markup yang cukup, mungkin bahkan membuat situs web portofolio Anda sendiri sebagai latihan tes.
Apakah Bootstrap Pilihan Yang Layak Untuk Setiap Situs Web?
Bootstrap adalah kerangka kerja yang hebat, tetapi apakah itu pilihan yang layak untuk setiap situs web yang Anda buat? Itu benar-benar tergantung pada pengembang serta persyaratan proyek. Di banyak lingkungan profesional, Anda tidak akan benar-benar memiliki pilihan teknologi apa yang Anda gunakan, karena sebagian besar tergantung pada Manajer Proyek. Jika Project Manager memilih untuk menggunakan Bootstrap, Anda akan menggabungkannya dengan satu ton custom CSS juga. Inilah yang umumnya membuat situs web Anda unik dan berbeda dari situs web lain menggunakan Bootstrap.
Saya, secara pribadi, tidak melihat Bootstrap sebagai opsi bagus untuk setiap situs web. Tentu, ini dapat membantu dan menyediakan beberapa cara pintas, tetapi saya akhirnya menemukan bahwa merancang dari awal dengan CSS adalah rute terbaik karena kontrol yang Anda miliki terhadapnya. Tetapi sekali lagi, jika Anda baru memulai pemrograman web, sama sekali bukan hal buruk untuk menggunakan Bootstrap, tetapi jangan mengandalkannya untuk karier Anda.
Perlu dicatat bahwa jika Anda seorang pengembang pemula, Anda tidak harus menggunakan Bootstrap untuk semua proyek pada portofolio Anda. Dapat diketahui bahwa Anda mungkin mahir dengan API, tetapi Anda tidak sepenuhnya mengetahui cara Anda menggunakan CSS. Yang mengatakan, itu baik untuk memiliki campuran yang layak dari keduanya pada portofolio Anda (atau bahkan secara eksklusif CSS, karena mudah untuk mengambil Bootstrap).
Penutupan
Singkatnya, semua itu Bootstrap. Seperti yang saya sebutkan sebelumnya, saya mendorong Anda untuk memulai proyek HTML Anda sendiri dan menambahkan beberapa kelas yang berbeda ke elemen untuk mulai bermain-main dengan kerangka kerja. Anda dapat menemukan semua komponen berbeda yang ditawarkan Bootstrap dengan penjelasan dan contoh kode di sini.
Bootstrap benar-benar adalah alat yang rapi, tetapi ingat untuk tidak bergantung pada itu saja! Adalah baik untuk mengenalnya dan mengetahui jalan sekitar kerangka kerja Anda, tetapi juga pastikan Anda menyelami CSS untuk benar-benar memahami apa yang terjadi di balik layar. Tidak hanya itu, tetapi pengetahuan yang kuat dalam CSS memuji Bootstrap banyak, memungkinkan Anda untuk benar-benar membuat beberapa situs web yang unik dan indah dengan kustomisasi Anda sendiri.
