bootstrap exercises tutorial

Tutorial Latihan Bootstrap di Akademi 4Geeks

Hai! Saya alejandro sanchez @alesanchezr, saya senang memiliki Anda di sini! ? ? Belajar kode itu sulit; Anda membutuhkan pelatihan! DM saya di Twitter jika Anda memiliki pertanyaan. Anda akan mempelajari konsep -konsep berikut:

Anda akan mempelajari konsep -konsep berikut:

1. Cara menerapkan bootstrap ke situs web Anda.

2. Memilih elemen HTML dari situs web Anda untuk menerapkan gaya bootstrap.

3. Terapkan kelas bootstrap untuk elemen -elemen tersebut.

4. Gunakan aturan bootstrap paling populer.

5. Pelajari trik bootstrap paling populer.

Sebelum kita mulai ... tutorial terkait lainnya

1. Pelajari html
2. Pelajari formulir HTML
3. Pelajari CSS
4. Pelajari tata letak CSS
5. Pelajari Bootstrap ← Anda ada di sini sekarang

Selesaikan Seleksi Latihan CSS Autograded, siapa pun yang tertarik mempelajari CSS!

Instalasi satu klik (disarankan):

Anda dapat membuka latihan ini hanya dalam beberapa detik dengan mengklik: Buka di Codespaces (disarankan) atau buka di GitPod.

Setelah VSCode terbuka, latihan LearnPack harus dimulai secara otomatis. Jika latihan tidak berjalan secara otomatis, Anda dapat mencoba mengetik di terminal Anda: $ learnpack start

Instalasi lokal:

Klon Repositori di lingkungan lokal Anda dan ikuti langkah -langkah di bawah ini:

1. Instal LearnPack, Paket Manajer untuk Tutorial Belajar dan plugin Node Compiler untuk LearnPack, pastikan Anda juga memiliki node.js 14+:

$ npm i learnpack -g
$ learnpack plugins:install learnpack-html

2. Unduh latihan khusus ini menggunakan LearnPack dan cd ke dalam folder:

$ learnpack download bootstrap-exercises-tutorial
$ cd bootstrap-exercises-tutorial

Catatan: Setelah Anda selesai mengunduh, Anda akan menemukan folder "Latihan" yang berisi semua latihan di dalamnya.

3. Mulailah tutorial/latihan dengan menjalankan perintah berikut di level yang sama di mana file belajar Anda adalah:

$ npm i [email protected] -g
$ learnpack start

Bagaimana latihan diatur?

Setiap latihan adalah aplikasi reaksi kecil yang berisi file -file berikut:

1. Index.html: mewakili file entri untuk seluruh latihan.
2. README.MD: Berisi instruksi olahraga.
3. test.js: Anda tidak perlu membuka file ini, berisi skrip pengujian untuk latihan.

Catatan: Latihan memiliki penilaian otomatis, tetapi sangat kaku dan ketat, rekomendasi saya adalah untuk tidak mengikuti tes terlalu serius dan menggunakannya hanya sebagai saran, atau Anda mungkin frustrasi.

Kontributor

Terima kasih kepada orang -orang yang luar biasa ini (Kunci Emoji):

1. Alejandro Sanchez (Alesanchezr), Kontribusi: (Coder) (Ide)?, (Tes build) ️ , (tarik-permintaan-review)? (build-tutorial) ✅ (dokumentasi)

Proyek ini mengikuti spesifikasi semua-kontributor. Kontribusi apa pun dipersilakan!

Ini dan banyak latihan lainnya dibangun oleh siswa sebagai bagian dari bootcamp pengkodean Akademi 4Geeks oleh Alejandro Sánchez dan banyak kontributor lainnya. Cari tahu lebih lanjut tentang kursus pengembang tumpukan lengkap kami, dan bootcamp ilmu data.