14 Hari Bootstrap 4 – Pendahuluan – BootstrapBay

Perkenalan

Ini adalah tutorial Bootstrap 4 untuk pemula. Gagasan untuk itu berasal dari “24 Days of Rust” dan “24 Days of Hackage”. Seperti yang disarankan judul, seri artikel semacam ini menampilkan posting blog harian dengan tutorial tentang cara menggunakan bahasa atau perpustakaan.

14 Hari Bootstrap 4 terdiri dari tutorial harian yang berfokus pada bagian dasar Bootstrap 4. Setiap artikel memiliki contoh kode dan deskripsi yang luas. Kami juga merekomendasikan sumber daya tambahan yang dapat Anda gunakan untuk menyelam lebih dalam.

Tujuannya adalah agar Anda mempelajari sesuatu yang baru setiap hari. Di akhir seri Anda akan menjadi pengembang Bootstrap 4 yang dipersiapkan dengan baik, siap untuk membuat situs web apa pun yang Anda inginkan.

Komitmen waktu untuk setiap tutorial adalah sekitar 1 jam sehari. Ini mungkin tampak seperti banyak tetapi saya yakinkan Anda bahwa itu akan menghemat waktu Anda di masa depan. Mempelajari cara melakukan hal yang benar (“menurut buku” – atau dengan dokumentasi bootstrap dalam kasus ini) akan membantu Anda mengurangi waktu untuk debugging.

Apa itu Bootstrap 4?

Bootstrap 4 adalah toolkit (atau perpustakaan atau kerangka kerja) komponen front-end untuk situs web. Ini menyediakan banyak utilitas dan komponen untuk menulis situs web yang responsif. Bekerja dengan komponen Bootstrap 4 daripada menulis sendiri jauh lebih cepat. Kami telah menulis posting blog beberapa waktu lalu tentang manfaat bootstrap dan saran dari orang yang bekerja dengannya.

Segala sesuatu di Bootstrap 4 adalah mobile-first dan berskala ke layar yang lebih besar. Ini berarti bahwa komponen pra-dibangun dan sistem grid diciptakan pertama-tama gaya untuk layar yang lebih kecil dan kemudian mengubahnya untuk layar yang lebih besar. Ini berbeda dari gaya penulisan biasa untuk layar yang lebih besar dan kemudian memodifikasinya untuk resolusi yang lebih kecil. Kami akan memiliki contoh deskriptif untuk ini di hari -hari berikutnya.

Bootstrap 4 mudah disesuaikan. Bootstrap 3 dan 2 mungkin telah dipandang sebagai kerangka prototipe (pepatah lama bahwa “semua situs bootstrap terlihat sama” cukup populer). Tetapi Bootstrap 4 memungkinkan Anda memodifikasi sebagian besar pengaturan, menjadikannya milik Anda.

Jadi, jika Anda memiliki aplikasi yang berat di back-end dan Anda hanya menginginkan antarmuka dasar, Bootstrap 4 adalah kandidat yang hebat. Dan jika Anda menginginkan front-end mewah, Bootstrap 4 juga akan menjadi pilihan yang baik karena Anda dapat menyesuaikannya. Salah satu fitur terbaik dari Bootstrap 4 adalah kenyataan bahwa Anda dapat membuat desain sendiri sambil menikmati jaringan dan utilitas.

Bootstrap 4 adalah alat yang hebat untuk pengembangan front-end. Dengan bantuan tutorial ini, Anda akan dapat membuka kunci kekuatannya dan mulai mengembangkan situs web yang indah dan responsif.

Persyaratan bootstrap 4

Sebelum mencoba mempelajari Bootstrap 4, Anda harus terbiasa dengan HTML dan CSS. Jika Anda belum pernah bekerja dengan mereka sebelumnya, silakan lihat tautan tutorial di akhir posting blog ini. Ini adalah pengetahuan yang diperlukan sebelum menyelam ke Bootstrap 4.

Untuk memahami kemampuan lengkap Bootstrap 4, Anda juga harus tahu pertanyaan JavaScript dan media. JavaScript memungkinkan Anda menambahkan tindakan dinamis ke halaman Anda (misalnya: Buat semuanya bergerak, tambahkan pemicu saat sesuatu terjadi). Kueri media memberi Anda kemungkinan untuk menambahkan gaya CSS hanya jika suatu kondisi tertentu benar (misalnya: jika layar memiliki resolusi tertentu, jika layar dalam mode potret atau lansekap).

Anda dapat memahami konsep dasar Bootstrap 4 tanpa menulis JavaScript atau Media Queries sendiri, tetapi kami sarankan Anda mencobanya.

Jika ingin menambahkan bootstrap ke sabuk Anda, maka mari kita mulai dengan hari pertama!

Hari 1: Bootstrap 4 CDN

Kredit foto ke Muti untuk tembakannya.

Hari -hari

Lihat juga

Berbagi itu peduli!