sebelum ada video ini saya selalu bingung bagaimana sebuah css unit itu bekerja tapi setelah adanya video ini saya jadi terbantu untuk memahami bagaimana sebuah css unit bekerja. terima kasih pak sandhika 👍🏻
css value and unit : value : integer : angka bilangan bulat, number : angka tapi bilangan bisa pecahan persen : persenan, merepretamsikan value terntentu dan relative dgn pembungkusnya tertentu dimension : nilai yang digabungkan degan satuan di belakangnya, turunanya : ( lenght,angle,time,resolution ) seperti angel = 30deg, time = 300ms = 0.3 s lenght = absolute/ fixed = ukurannya udah pasti tetap, relative = bisa berganti ganti sesuai pada hubungan terhadap sesuatu lenght absolute = px,cm,mm, etc px = website di media seperti tablet,hp,computer,dekstop pt = halaman buat di print ke kertas lenght relative : % = relative terhadap pembungkusnya ch = relative terhadap lebar karakter 0 dari font yang digunakan untuk placeeholder yang gak tau tulisan karkater ada berapa misalnya dari database/inputan dari user, 60ch = ukuruan gak lebih dari 60 character dari sebuah elemen em = relatif terhhadap ukuran font yang sedang digunakan oleh elemennya seperti ukuran pembungkusnya = dasar dari ukurannya rem = relatif terhdap font root html. html = 100px, 1em = 100px, 2em = 200px ( relative terhadap root ) vh vw = lebar atau ukuran dari layar saat itu ( phone , komputer ) 1vh = 1% dari tinggi viewport 100vh = elemen box akan memenuhi layar window maupun browser dipanjangi/ dibuka pakai device apapun, elemen memenuhi secara 100vh/100% dari dan diatur oleh browser dan berfungsi di semua device ( jenis hp,laptop dll ) vmim = height 100 vmin = tinggi elemen yang 100% dari ukuruan viewport yang minimal ( menjalankan ukuram yang lebih kecilnya ) layar yg oaling kecil.dari hp = jorizomtal, vmin = layar horizontal vmax = menjalankan ukuran dari viewport terpanjangnya ( lebarnya menyesuaikan dengan ukuruan tinggi maksimalnya )
Saya Azhar Ozhi Saputra dari Mahasiswa Universitas Semarang berterima kasih pada bapak sandhika. Sempat bingung mau melangkah yang mana, tapi setelah mengikuti bapak, Alhamdulillah sudah ada tujuan ke depan. Sekarang saya mengimplementasikan hasil belajar saya buat desain frontEnd dan ini juga lagi buat tutorial buat youtube hehee... Sekali lagi makasih bapak sandhika, sehat selalu :)
video anda benar" membantu saya., kalau bisa saya request bang, CI4 login system komplit dengan validasi juga mysql di CI4 join, group, order., terima kasih
Halo Pak, playlist CSS Unit ini termasuk urutan belajar di playlist "Jalur Belajar Front End Dev" gak Pak?? Kalau iya, boleh request dimasukkan di playlist "Jalur Belajar Front End Dev" donk Pak, biar gk bingung buat pemula... dan mgkn ada beberapa playlist yang belum dimasukkan untuk bisa dimasukkan supaya enak belajarnya gak kecampur2 hehehehe.... makasih banyak Pak Sandhika
Pak izin bertanya, jika kita ingin membuat sebuah website dan website tersebut sudah berhasil kita buat, lalu bagaimana caranya memasukkan atau mendaftarkan website kita itu ke google agar dapat di akses oleh orang-orang? Kalau bisa bikinin vidio penjelasannya ya pak, yg setuju tolong bantu like
Pak buat member dong diyoutube, nanti disana isinya konten tentang web development dengan standard kurikulum yg disesuaikan kebutuhan dunia kerja. Jadi kita yg belum pernah nyemplung didunia industri kususnya dalam bidang IT 4.0, skill2 apa saja yg harus dipelajari hingga siap eksekusi nanti. Insyaallah saya siap jadi member aktif nya pak karena emang penasaran apa2 saja skill yg dibutuhkan dan harus dipelajari. Terimakasih #salamtitikkoma
Pak Sandika, saya punya pertanyaan: Kan banyak penyedia layanan membuat website yang bagus, simple dan tanpa ngoding. Apa kita para programer web (khusunya front end) masih di butuhkan? Jika berkenan tolong dong pencerahanya Pak
Masih dibutuhkan, walaupun sudah banyak penyedia layanan membuat website, masih perlu Kustom website sendiri, agar unik dan punya ciri khas sendiri, dan untuk mengkustomnya butuh pemahaman bahasa pemrograman...
#ask Saya kan buat website pake example dari bootstrap yang album, saya ganti bg dan thumbnailnya menggunakan embed link youtube, ketika dicoba di putar malah "video tidak tersedia" ketika html dibuka di desktop layout normal, tapi ketika di mobile malah berantakan kira kira gimana solusinya?
Saya sering pake vh vw apalagi kalau buat digitalsignage versi HTML lebih minim ketemu layout ngaco karena device2 yang berbeda. Pak tanya dong , best practice untuk migrasi dev ke prod untuk database bagaimana ya, bila terdapat perubahan skema pada db devnya? Nuhun,
salut sama pak dika😭 materi yang rumit dijelasinnya santai dan mudah dipahami, sehat terus pak panjang umur pak ilmunya sangat bermanfaat🙏🙏
Masya allah, semoga pak dika juga selalu sehat supaya bisa terus membagi ilmunya
sebelum ada video ini saya selalu bingung bagaimana sebuah css unit itu bekerja tapi setelah adanya video ini saya jadi terbantu untuk memahami bagaimana sebuah css unit bekerja. terima kasih pak sandhika 👍🏻
Alhamdulillah dapat ilmu baru di video ini, makasih banyak pak, semoga sehat terus 😁
Mantap emang pak Dika ni,, jelas banget cara jelasin nya. Terima kasih ilmunya pak
Langsung nonton anti skip iklan ♥️
Bisa pas gtu lgi cari penjelasan value em dan vh
Dpt notif dong
Makasih pak sandika
Mari belajar pelajaran baru lagi .. Terima kasih pak Dhika
kebetulan lagi mau cari info soal vh, karna abis nemu css isi vh, trimakasih pak, smoga sehat selalu
Baru kemarin kebingungan skrng udah di bikin vidio ini, terbaik pak👌
css value and unit :
value :
integer : angka bilangan bulat,
number : angka tapi bilangan bisa pecahan
persen : persenan, merepretamsikan value terntentu dan relative dgn pembungkusnya tertentu
dimension : nilai yang digabungkan degan satuan di belakangnya, turunanya : ( lenght,angle,time,resolution ) seperti angel = 30deg, time = 300ms = 0.3 s
lenght = absolute/ fixed = ukurannya udah pasti tetap, relative = bisa berganti ganti sesuai pada hubungan terhadap sesuatu
lenght absolute = px,cm,mm, etc
px = website di media seperti tablet,hp,computer,dekstop
pt = halaman buat di print ke kertas
lenght relative :
% = relative terhadap pembungkusnya
ch = relative terhadap lebar karakter 0 dari font yang digunakan untuk placeeholder yang gak tau tulisan karkater ada berapa misalnya dari database/inputan dari user, 60ch = ukuruan gak lebih dari 60 character dari sebuah elemen
em = relatif terhhadap ukuran font yang sedang digunakan oleh elemennya seperti ukuran pembungkusnya = dasar dari ukurannya
rem = relatif terhdap font root html. html = 100px, 1em = 100px, 2em = 200px ( relative terhadap root )
vh vw = lebar atau ukuran dari layar saat itu ( phone , komputer ) 1vh = 1% dari tinggi viewport
100vh = elemen box akan memenuhi layar window maupun browser dipanjangi/ dibuka pakai device apapun, elemen memenuhi secara 100vh/100% dari dan diatur oleh browser dan berfungsi di semua device ( jenis hp,laptop dll )
vmim = height 100 vmin = tinggi elemen yang 100% dari ukuruan viewport yang minimal ( menjalankan ukuram yang lebih kecilnya ) layar yg oaling kecil.dari hp = jorizomtal, vmin = layar horizontal
vmax = menjalankan ukuran dari viewport terpanjangnya ( lebarnya menyesuaikan dengan ukuruan tinggi maksimalnya )
izin copas bg
Saya Azhar Ozhi Saputra dari Mahasiswa Universitas Semarang berterima kasih pada bapak sandhika. Sempat bingung mau melangkah yang mana, tapi setelah mengikuti bapak, Alhamdulillah sudah ada tujuan ke depan. Sekarang saya mengimplementasikan hasil belajar saya buat desain frontEnd dan ini juga lagi buat tutorial buat youtube hehee...
Sekali lagi makasih bapak sandhika, sehat selalu :)
maksudnya bingung melangkah kemana itu apa ya?
@@yukning2415 mungkin Abang nya bingung mau milih karir apa
Senang banget nonton tutorial dari pak sandhika galih
selamat ulang thn pak sandhika semoga panjang umur sehat selalu.. content nya tambah 👍
cuma pak dika yg jelasin enak banget dimengerti.
Makasih pak, akhirnya saya tau vmin dan vmax, waktu itu pernah belajar, agak kesulitan, akhirnya paham disini wkwk
Selalu jelas kalau menjelaskannya pak dhika, Terima Kasih oak dhika, sukses dan sehat terus pak dan selalu membagi ilmunya..God Bless
wah ini requestan saya. akhirnya...
btw vh vw sangat membantu ketika membuat menu navigasi mobile.
terima kasih pak,,,penjelasnnya luar biasa,,dosen online terbaik
terimakasih pa sandhika saya belajar hal baru hari ini
Ini dia yang ditunggu tunggu. Terima kasih pak, sehat selalu. Auto like
Akhirnya yang di tunggu
Terimakasih ilmunya pak
Mantap...semoga Mas Dhika sehat selalu.
terima kasih materinya p dika ditunggu materi selanjutnya :)
sama mau request cara membuat aplikasi desktop yang terintegrasi dengan hosting
Terima kasih pak, pas banget lagi cari materi satuan responsive
video anda benar" membantu saya., kalau bisa saya request bang, CI4 login system komplit dengan validasi juga mysql di CI4 join, group, order., terima kasih
up
akhirnyaa, terimakasih pak dika. semoga sehat" selalu ya
Akhirnyaaaa materi ini yang ane tunggu sejak doloe kala
Terimakasih pak, ilmunya sangat bermanfaat sekali. Penjelasannya jelas dan mudah dipahami 👍🏻
Yang selalu di tunggu-tunggu semoga sehat selalu pak
gokilll pakk sandhika!, thank you banget udah jelasin ini,.sangat membantu!
Terima kasih pak, ditunggu video css unit yang lanjutannya
Mantap pak🙏. Sering sering pak 🙏
Mantap pak , makasih banyak pak ilmunya 🙏
Terima Kasih Pak ,ilmu nya sangat bermanfaat 🙏
Sangat bermanfaat.
Ditunggu juga tutorial React nya pak hehe..😊🙏
tim notif auto nonton..
Mantab Pak Sandhika 🙏
semoga sehat dan sukses selalu pak dika
Terima kasih atas tutorialnya pak Dika. 🙏🏻
terima kasih pak ilmunya🙏
Request tutorial multi user sesuai id masing2 user dong bang
Makasih banyak bang..
Sukses selalu.
kak aku mau belajar tentang cara penggunaan touch event, mungkin bisa bantu dijelasin hehe
Terima kasih pencerahannya padikaa
Halo Pak, playlist CSS Unit ini termasuk urutan belajar di playlist "Jalur Belajar Front End Dev" gak Pak?? Kalau iya, boleh request dimasukkan di playlist "Jalur Belajar Front End Dev" donk Pak, biar gk bingung buat pemula... dan mgkn ada beberapa playlist yang belum dimasukkan untuk bisa dimasukkan supaya enak belajarnya gak kecampur2 hehehehe.... makasih banyak Pak Sandhika
Boleh di coba tuh zyro 😅
Bang buatin tutorial multi user sesuai id dong di ci atau laravel bang
Pak request video penjelasan dan fungsi dari Webpack. Terima kasih
pak dika, buat grup telegram dong buat sharing solving codingan di video pembelajaran kalau ada yang error
Videonya bermanfaat pak, terimakasihh
Wah mantap, pak request penggunaan datatables serverside. Terima kasih.
Pak request ulas flutter juga, kalau bapak yang ngejelasin enak
Terimakasih pakk dika, buat video CSS CALC PAKK
Semangat pak dosen
Pak izin bertanya, jika kita ingin membuat sebuah website dan website tersebut sudah berhasil kita buat, lalu bagaimana caranya memasukkan atau mendaftarkan website kita itu ke google agar dapat di akses oleh orang-orang? Kalau bisa bikinin vidio penjelasannya ya pak, yg setuju tolong bantu like
Pak, request tutorial framework JavaScript dong hehe
React native pak
betul pak, untuk Tutorial React native nya ditunggu ya pak🙏
assalamuallakum pak sandika..saya mau request tutorial membuat aplikasi kasir pak menggunakan php ..ini sangat banyak di cari di internet..trimakasih
selamat malam pak sandika ,
apakah ada video yang membahas tentang SEO di dalam framework ?
sukses dunia akhirat pak
Mantapp gan!
Pak buat member dong diyoutube, nanti disana isinya konten tentang web development dengan standard kurikulum yg disesuaikan kebutuhan dunia kerja. Jadi kita yg belum pernah nyemplung didunia industri kususnya dalam bidang IT 4.0, skill2 apa saja yg harus dipelajari hingga siap eksekusi nanti. Insyaallah saya siap jadi member aktif nya pak karena emang penasaran apa2 saja skill yg dibutuhkan dan harus dipelajari. Terimakasih #salamtitikkoma
Nahhh setuju bangeetttt!!!
up
up
up
up
up
up
up
itu yang unit vh enak buat slider di tampilan awal ya pak, soalnya dulu2 biasanya make % saya
update terus pak videonya
salam sukses
sederhananya, em itu bisa diibaratkan kita relative terhadap ibu
sedangkan, rem kita relative terhadap nenek
Pak tolong di buat kan tutorial membuat toko online dengan blogspot atau wordpres
Terimakasih 🙏🙏😀😀
Pak, bahas scss, stylus atau sass dongg
Always Useful
Makasih Pak Dika
Bikin tutorial Flutter dong pak dika.
keren pak, terimakasih
Bang bahas filter Ci4 dong
Pak Sandika, saya punya pertanyaan:
Kan banyak penyedia layanan membuat website yang bagus, simple dan tanpa ngoding.
Apa kita para programer web (khusunya front end) masih di butuhkan?
Jika berkenan tolong dong pencerahanya Pak
Masih dibutuhkan, walaupun sudah banyak penyedia layanan membuat website, masih perlu Kustom website sendiri, agar unik dan punya ciri khas sendiri, dan untuk mengkustomnya butuh pemahaman bahasa pemrograman...
@@haziquin tq bro
Terima kasih pak
Pak shandika galih, tutor "Excel Macro" dong pak 😁🙏
Pak ini playlistnya belum dibuat ya?
pak dika kapan bikin series FrameWork JS? hehe
Pak,Ijin Request
Bahas Css Selector yang lebih lengkap
Semut hadir
wiih, pa sandhika tampil beda nih sekarang :v
#ask
Saya kan buat website pake example dari bootstrap yang album, saya ganti bg dan thumbnailnya menggunakan embed link youtube, ketika dicoba di putar malah "video tidak tersedia" ketika html dibuka di desktop layout normal, tapi ketika di mobile malah berantakan kira kira gimana solusinya?
Saya sering pake vh vw apalagi kalau buat digitalsignage versi HTML lebih minim ketemu layout ngaco karena device2 yang berbeda.
Pak tanya dong , best practice untuk migrasi dev ke prod untuk database bagaimana ya, bila terdapat perubahan skema pada db devnya?
Nuhun,
Hadir pak 😄
Mantep pak
Satu jam yang lalu hadirr:)
dikasih timestamp di deskripsi 👍
keren sekarang bisa diklik soalnya 😊
Mantap 👍🏻
Pak, kedepan ada rencana mau bikin playlist framework Javascript React ngga?
Excellent!
Pak Dika tutorial animasi scrolll dan vieww😅
Request tutorial React.js dong pak😁
👍
Pak request tutorial reactjs
Yang setuju like
Buat video tentang Phyton dong bg
Channel ini khusus web programming, untuk phyton bisa liat di channel Kelas Terbuka.
ijin pak.. apakah layanan pembuatan website dengan mudah seperti zyro itu akan berpengaruh pada penggunaan jasa web developer pak?
Pak bikin tutorial React Js dong
Perfect!
mantap pak penjelasannya
bang tutorial MERN Stack dong hehe
pak request tutorial react
sugoi
Pak mau nanya kalau os windows bisa ga dirubah menjadi linux