Rekabentuk Web Responsif dengan Bootstrap dan Flexbox

Belajar untuk membina laman web moden, mudah-alih-pertama menggunakan sistem grid Bootstrap, kelas utiliti, dan gaya Sass tersuai.

4.7 (7,235) ⏱ 1 jam 6 min 📚 3 pelajaran

Tentang kursus ini

Mencipta laman web yang kelihatan menakjubkan pada setiap saiz skrin boleh terasa membingungkan tanpa bingkai yang betul. Bootstrap memudahkan proses ini, membolehkan anda membina responsif, laman web profesional dengan cepat menggunakan komponen prabina dan kelas utiliti. Dalam kursus berasaskan teks ini, anda akan berpindah dari pemahaman asas HTML dan CSS ke rancangan rekabentuk responsif moden yang yakin. Anda akan faham bagaimana untuk memanfaatkan sistem grid yang kuat, menyesuaikan komponen untuk sepadan dengan jenama unik anda, dan memohon piawai web moden seperti kebolehcapaian dan gaya-pertama-peranti mudah alih. Apa yang anda akan belajar: - Belajar prinsip asas rekabentuk rekabentuk responsif menggunakan grid Bootstrap dan penyelarasan Flexbox. - Bina antaramuka pengguna yang bersih dan boleh diakses dengan komponen moden seperti bar navigasi, kad, dan modal. - Tetapkan sendiri rekabentuk anda dengan menulis dan kompilasi pembolehubah Sass tersendiri untuk mengabaikan gaya piawai. - Laksanakan kelas utiliti moden untuk mengawal ruang, tipografi, warna, dan kebolehlihatan tanpa menulis CSS tersendiri. - Mengetahui bagaimana untuk melaksanakan amalan terbaik kebolehcapaian web untuk memastikan laman anda boleh digunakan oleh semua orang. - Lakukan penyelesaian masalah dan refaktor kod bentangan melalui latihan terstruktur dan cabaran bentangan. Anda akan mula dengan konsep asas reka bentuk responsif dan sistem grid sebelum beralih ke gaya tangan, penyesuaian komponen, dan teknik susunatur yang lebih maju. Bahan ini distrukturkan untuk membangunkan kemahiran anda langkah demi langkah melalui penjelasan yang jelas dan cabaran kod tertulis yang praktikal. Kursus ini direka untuk pemula yang mempunyai pengetahuan asas HTML dan CSS dan ingin membina laman web moden dengan lebih cepat. Tiada pengalaman pemrograman yang maju atau pengetahuan rangka kerja yang terdahulu diperlukan. Mula membaca hari ini untuk menguasai reka bentuk web responsif dan bina projek seterusnya dengan keyakinan.

Apa yang anda dapat

  • 📜 Sijil tamat
    Tambah ke profil LinkedIn anda
  • 💬 Personal AI tutor
    Stuck on a lesson? Ask your built-in tutor anything, any time.
  • ♾️ Akses seumur hidup
    Kembali bila-bila masa, tiada tamat tempoh
  • 📱 Telefon atau komputer
    Berfungsi di mana-mana, mana-mana peranti
  • 💸 Pulangan 30 hari
    Tanpa soalan
  • Pendek dan fokus
    1 jam 6 min kandungan praktikal

Ulasan (2)

Arnav Patel SG
★ 3 · 2026-05-04T19:26:52+00:00

Ini adalah pengenalan yang baik. Strukturnya logik, dan ia meliputi asas dengan berkesan. Mungkin terlalu pengenalan untuk pelajar yang lebih maju.

Andrés Castro EC Pelajar disahkan
★ 4 · 2025-05-05T00:24:52+00:00

Pengenalan yang bagus. Contohnya sangat membantu, tapi saya harap ada lebih banyak bahan latihan. Harga yang berbaloi.

Tulis ulasan

Selepas hantar kami akan meminta anda log masuk — draf disimpan.

Pelajar lain juga mengambil

Soalan lazim

Apa yang saya perlukan untuk mengikuti kursus ini? +

Hanya telefon atau komputer dengan internet. Tiada pemasangan, tiada perkakasan khas.

Bagaimana untuk membayar? +

Dengan kad melalui Stripe, atau kripto. Kami tidak menyimpan butiran kad — Stripe menguruskannya dengan selamat.

Bolehkah saya dapatkan bayaran balik? +

Ya — pulangan penuh dalam 30 hari, tanpa soalan.

Berapa lama saya akan mempunyai akses? +

Selamanya. Setelah membeli, kursus adalah milik anda — boleh lawat semula bila-bila masa.

Adakah saya akan mendapat sijil? +

Ya. Setelah tamat, anda akan menerima sijil yang boleh ditambah ke profil LinkedIn anda.

Direka untuk pelajar dalam
Teknologi Reka bentuk Kewangan Pemasaran Kesihatan Pendidikan Hospitaliti Pembuatan