css tutorial exercises course

Tutorial Latihan CSS di Akademi 4Geeks

Hai! Saya alejandro sanchez @alesanchezr, sangat senang Anda di sini! ? ? Belajar kode itu sulit; Anda membutuhkan pelatihan! DM saya di Twitter jika Anda memiliki pertanyaan.

Estas instrucciones están disponibles en ?? Español ??

Anda akan mempelajari konsep -konsep berikut:

1. Cara Menerapkan CSS ke situs web Anda dalam 3 cara berbeda: inline, dengan mengelompokkannya bersama di dalam tag <style> , atau dengan menggunakan stylesheet eksternal <link> link>.

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

3. Terapkan aturan CSS (gaya) ke elemen -elemen tersebut.

4. Gunakan aturan CSS paling populer.

5. Pelajari trik CSS paling populer.

Sebelum kita mulai ... tutorial terkait lainnya

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

Seleksi lengkap latihan CSS autograded, untuk siapa saja 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 Anda buka vscode, latihan belajar harus dimulai secara otomatis. Jika latihan tidak berjalan secara otomatis, Anda dapat mencoba mengetik di terminal Anda: $ learnpack start

Instalasi Manual

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

1. Instal LearnPack, Tutorial Pembelajaran Paket dan Plugin HTML Compiler untuk LearnPack; Pastikan Anda juga memiliki node.js 14+:

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

2. Unduh Latihan

$ learnpack install css-tutorial-exercises-course

Catatan: Setelah Anda selesai mengunduh, Anda perlu cd ke folder latihan yang berisi semua latihan.

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: Semua situs web dan latihan dimulai dari index.html.
2. Styles.css: Kode CSS Anda pergi ke sini, beberapa latihan akan membuat Anda memperbarui file ini.
3. README.MD: Berisi instruksi olahraga.
4. 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)?, (Run-tests) ️ , (tarik-permintaan-review)? (run-tutorial) ✅ (dokumentasi)

2. Paolo (Plucodev), Kontribusi: (Laporan Bug) ?, Kontribusi: (Coder), (Terjemahan)?

3. Daniel Machota (@D4RKM0NST3R), Kontribusi: (run-tutorial) ✅, terjemahan?

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.