Jika anda tidak pernah mendengar tentang Bootstrap, rangka kerja yang dibangunkan oleh Twitter untuk membuat laman web yang cantik, anda hilang! Bootstrap menjadikannya agak cepat dan mudah untuk mereka bentuk laman web tanpa banyak pengetahuan dalam CSS (Cascading Style Sheets). Jika anda baru untuk pengaturcaraan untuk web, anda tidak perlu tahu tentang CSS untuk mula belajar bagaimana Bootstrap berfungsi; semua yang anda perlukan hanyalah dokumen HTML tunggal. Kami akan melihat Bootstrap, menunjukkan kepada anda apa yang ia semua tentang, bagaimana ia berfungsi, dan jika ia adalah pilihan yang baik untuk setiap laman web yang anda bina.
Memasukkan API Bootstrap Ke Fail HTML Anda
Anda mempunyai beberapa pilihan untuk memasukkan Bootstrap ke dalam fail projek utama anda. Pilihan pertama adalah memasukkan semua fail Bootstrap yang diperlukan ke dalam projek anda. Anda boleh melakukan ini dengan memuat turun pakej dan memuat naiknya ke folder projek anda. Anda tentu saja harus memaut fail CSS Bootstrap utama ke dokumen anda. Laman web rasmi Bootstrap mempunyai panduan langkah demi langkah bagaimana untuk melakukan ini.
Pilihan lain ialah melangkau memuat pakej dan menggunakan Rangkaian Pengiriman Kandungan (CDN). CDN membolehkan anda menghubungkan fail Bootstrap utama ke dokumen HTML anda tanpa memuat turunnya. Ini, tentu saja, tidak selalu menjadi perkara yang baik untuk laman web profesional, kerana saya tidak akan terlalu cepat untuk meninggalkan laman perniagaan atau portfolio saya untuk nasib jika server itu pernah turun. Lebih baik untuk mempunyai fail dalam projek anda, tetapi untuk tujuan pembelajaran, CDN akan berbuat baik-baik saja.
Untuk memasukkan Bootstrap ke dalam dokumen HTML anda, anda hanya perlu memasukkan kod berikut di dalamnya
tanda dalam dokumen HTML anda:Setelah pautan tersebut dimasukkan ke dalam tag kepala itu, anda sepatutnya bersedia untuk menggunakan kelas Bootstrap. Dokumen anda sepatutnya kelihatan seperti ini:
Bootstrap Dan Kelas
Elemen Bootstrap dipecah menjadi kelas, yang hanya sekumpulan CSS sebelum ditulis yang boleh dimasukkan ke dalam markup anda. Memasukkan kelas ke markup anda adalah mudah, anda hanya perlu tahu nama kelas yang anda ingin gunakan dan kemudian memohonnya kepada salah satu elemen HTML anda menggunakan nilai class = "classname", seperti yang dibincangkan dalam artikel sebelumnya.
Bahagian yang sukar adalah memikirkan bagaimana semua itu berfungsi bersama untuk mencipta sesuatu yang indah. Anda boleh menyemak semua kelas yang berbeza yang terdapat di Bootstrap terus dari dokumentasi rasmi. Sekarang, menguasai Bootstrap adalah satu lagi cerita. Itu bukan sesuatu yang kita atau orang lain boleh mengajar anda. Anda boleh menonton tutorial selepas tutorial, tetapi untuk mendapatkan yang baik menggunakan rangka kerja, yang datang dengan banyak percubaan dan kesilapan. Dan, itu memerlukan anda untuk mendapatkan tangan dengannya dalam projek anda sendiri.
Dengan itu, saya meminta anda untuk memulakan projek HTML anda sendiri pada komputer anda menggunakan Atom atau beberapa editor teks lain, mengkaji semula kelas HTML dan CSS, dan kemudian mula bermain dengan Bootstrap. Dan jika anda tahu markup yang mencukupi, mungkin juga membuat laman web portfolio anda sendiri sebagai latihan ujian.
Adakah Bootstrap Pilihan Yang Layak Untuk Setiap Laman Web?
Bootstrap adalah rangka kerja yang hebat, tetapi adakah ia pilihan untuk setiap laman web yang anda buat? Ia amat bergantung kepada pemaju serta keperluan projek. Dalam banyak persekitaran profesional, anda tidak akan benar-benar mempunyai pilihan teknologi yang anda gunakan, kerana itu sebahagian besarnya akan sampai kepada Pengurus Projek. Jika Pengurus Projek memilih untuk menggunakan Bootstrap, anda akan menggabungkannya dengan satu ton CSS tersuai juga. Inilah yang menjadikan laman web anda unik dan berbeza dari laman web lain menggunakan Bootstrap.
Saya, secara peribadi, tidak melihat Bootstrap sebagai pilihan hebat untuk setiap laman web. Pasti, ia dapat membantu dan menyediakan beberapa jalan pintas, tetapi saya akhirnya mendapati bahawa mereka bentuk dari asas dengan CSS adalah laluan terbaik kerana kawalan yang anda ada di atasnya. Tetapi sekali lagi, jika anda baru bermula dalam pengaturcaraan web, itu bukan perkara yang buruk untuk menggunakan Bootstrap sama sekali, tetapi jangan bergantung pada kerjaya anda.
Perlu diingat bahawa jika anda pemaju pemula, anda tidak boleh menggunakan Bootstrap untuk semua projek pada portfolio anda. Ia dapat melihat bahawa anda mungkin mahir dengan API, tetapi anda tidak sepenuhnya mengetahui jalan anda di sekitar CSS. Yang berkata, adalah baik untuk mempunyai campuran yang baik dari kedua-dua portfolio anda (atau semata-mata CSS, kerana mudah untuk mengambil Bootstrap).
Penutupan
Itu sahaja yang Bootstrap ringkasnya. Seperti yang saya nyatakan sebelum ini, saya menggalakkan anda untuk memulakan projek HTML anda sendiri dan menambah beberapa kelas yang berbeza kepada elemen untuk mula bermain dengan rangka kerja. Anda boleh mencari semua komponen yang berbeza menawarkan Bootstrap dengan penjelasan dan contoh kod di sini.
Bootstrap benar-benar adalah alat yang kemas, tetapi jangan lupa untuk tidak bergantung semata-mata! Sukar untuk mengetahui dan mengetahui jalan anda di sekitar kerangka kerja, tetapi pastikan anda menyelinap ke CSS untuk benar-benar memahami apa yang berlaku di belakang layar. Bukan itu sahaja, tetapi pengetahuan firma dalam pujian CSS Bootstrap banyak, membolehkan anda untuk benar-benar membuat beberapa laman web yang unik dan cantik dengan penyesuaian anda sendiri.
