
CSS (Cascading Style Sheets) merupakan aturan untuk mengatur style & layout beberapa komponen dalam sebuah web, sehingga akan lebih terstruktur dan seragam. CSS bukan merupakan bahasa pemograman. CSS dapat mengendalikan ukuran gambar, warna teks, warna tabel, ukuran border, spasi antar paragraf, spasi antar teks, margin dan parameter lainnya. Ingin menjadi seorang web programmer handal? Pastikan konsep dasar HTML & CSS ini kalian kuasai. Tutorial berdurasi 2 jam 27 menit 33 detik ini membahas...
CSS (Cascading Style Sheets) merupakan aturan untuk mengatur style & layout beberapa komponen dalam sebuah web, sehingga akan lebih terstruktur dan seragam. CSS bukan merupakan bahasa pemograman. CSS dapat mengendalikan ukuran gambar, warna teks, warna tabel, ukuran border, spasi antar paragraf, spasi antar teks, margin dan parameter lainnya. Tutorial kali ini membahas step-by-step bagaimana menggunakan CSS untuk mengatur style & layout elemen HTML mulai dari nol.
- Requirements:
- Sudah mengikuti kelas HTML. Belum? Join di sini.
- Laptop spesifikasi umum
- Web browser, rekomendasi: Google Chrome
- Code editor, rekomendasi: Visual Studio Code
- Materi Pembelajara CSS:
- #1 Intro: Mengenal CSS & cara membuatnya di Visual Studio Code
- #2 Selector: Mengenal cara memberikan style pada tag HTML
- #3 Pseudo Element & Classes: Selector semu & kondisional pada CSS
- #4 CSS Properties: Mengenal property pemberian style
- #5 Transformation & Transition: Perubahan bentuk, style & efek transisi elemen web
- #6 Positioning: Mengatur tata letak elemen HTML
- #7 Grid: Mengatur layout halaman HTML dengan sistem grid
- Notes:
- Materi total berdurasi 2 jam 27 menit 33 detik. Tersedia timestamp link di description video YouTube, jadi Anda dapat memanfaatkannya jika ingin rehat sejenak. Disediakan pula source code lengkap dari tutorial ini, link menuju GitHub repo tersedia di description video YouTube. Selamat belajar ๐
- Materi total berdurasi 2 jam 27 menit 33 detik. Tersedia timestamp link di description video YouTube, jadi Anda dapat memanfaatkannya jika ingin rehat sejenak. Disediakan pula source code lengkap dari tutorial ini, link menuju GitHub repo tersedia di description video YouTube. Selamat belajar ๐
Lintang Wisesa ๐ [email protected]
Facebook | Twitter | LinkedIn | Youtube | GitHub | Hackster
Karya ini GRATIS! Tapi kamu boleh kok kasih tip biar kreator hepi ๐ฅฐ
