Aku ni orang Malaysia yang suka nonton video2 Pak Dika kerna ga ada youtuber Malaysia yang mengajar ngoding seperti ini. Terima kasih Pak Dika. Salam dari Malaysia🇲🇾
Pak dika. Tolong buatkan tutorial web yang langsung ada admin nya biar bisa ngrbah artikel dan gambar ny dgn mudah. Klw web statis harus ngoding trus saya pak setiap ada perubahan. Mohon tutor ny. Terimakasih
pak saya sudah siap belajar jalur frontend sampai tahap css grid ini dalam waktu seminggu sudah bisa bikin tampilan web sederhana bangga sekali terimakasi pak dhika semoga selalu sehat dan selalu diberi keberkahan dalam hidup ini terimaaakasiiii
semua penjelasan bapak sangat bermanfaat, semoga ilmu yang bapak sampaikan bisa menjadi AMAL JARIYAH untuk anda, semua video tutorial anda saya nonton mulai dari HTML Dasar Hingga Video Terakhir yang bapak buat hingga saat ini, Berkat Anda Saya Bisa mendapatkan penghasilan untuk menghidupi Keluarga Saya, melalui jasa pembuatan website dan Landing Page. saya tidak bisa memberikan sesuatu apa apa kepada bapak, yang bisa saya berikan adalah Doa terbaik untuk anda beserta keluarga anda, senantiasa dalam lindungan Allah SWT. sekali lagi terimakasih atas ilmu anda. Sukses Untuk kita semua.
selesai sudah ngikutin dari seri flexbox sampai grid. Sebenarnya udah lama banget pakai bootstrap, dan gampang banget tinggal mainin row sama col nya. tapi di balik layar serumit ini😂 makasih kang ilmunya...🥰
Wah ini materi "daging" semua bro, sayangnya banyak youtuber yg lebih milih materi ini buat dibikin kelas berbayar. Padahal ini materi yg paling dicari sama developer sekarang. Semoga ada yg rela membagi ilmunya untuk materi2 seperti ini kepada generasi muda Indonesia. Sukses terus Pak Dhika !
39:14 klo gk salah, biar g repot mengganti2 jd class krn masalah specifity, bisa ditambahkan !important utk memberi tahu bahwa yg digunakan atribut tsb.
Assalamu'alaikum Bang itu saya dapet kendala di Bagian pemberian Gap di Tulisan Tutorial, online cource, podcast, dan Merch itu gimana ya Bang,,, gak bisa ada jaraknya padahal dah bener...
Wah ngobar lagi asik. pa dhika ijin bertanya (smg d jwb) Sy prtma bljr soal programer dn menyukai ny melalui vdeo dari bp, alhamdulilah perlahan lahan cpt ngerti, namun blm bisa menguasai materi spnuhnya(tanpa dibarengi vdeo ga bisa ngoding) pertanyaannya. apakah belajar sptt sy ini efektif untuk bisa cepat memahami ? Sy brtnya ini krena khawatir jd keterbiasaan slalu d barengi vdeo, ktika ga d barengi vdeo ngblank. hehe Sy bljr melalui vdeo bpa baru 3 minggu. terimakasih, sehat selalu pa dhika dn keluarga.
Bang mohon bantuan nya di bagian background color menu a,,, itu background nya cuma di bagian tulisan nya aja tidak semua tulisan panjang nya kena background nya,,, jadi gap nya gak guna dan gak muncul di situ...
Pak Sandhika, saya mau bertanya. Saya coba buka di desktop sudah responsive bisa berubah tampilannya, tapi pas dibuka di hp tampilannya default dan tetap berantakan?
Pak dhika, untuk 2020 lebih baik NodeJS atau PHP? dan untuk database ,apakah Oracle masih dipelajari atau ada yg lebih baik? mohon penjelasanya trms pak
Pak bikin tutorial membuat website seperti unipin/codashop dong pak menggunakan ajax dan cara gateaway payments nya pak, saya lelah mencari di gugel tapi belum ada yg tepat
Izin tanya, kalo file indexnya dibuka di hp kenapa css nya ga ngikut ya? Yg kebuka tampilan html nya aja tanpa ada css nya.. Ada yg tau gmn cara atasinnya ? Terimakasih
Mau nanya bang kok emmet punyaku aneh ya , pas ngetik img*10 trus di enter itu codenya muncul baris ke samping ga ke bawah kaya punya pa dika jadi ribet lgi betulinnya biar rapi , gimana ya biar codenya munculnya kebawah
biar lebih spesifik, kebiasaan pakai div dengan class semantic, yang baru belajar biar paham itu alasaannya, walaupun nav cuma satu , itu sengaja aja biar dapat nilai 10. gk nimpa gitu
izin bertanya pak, memakai grid apakah berpengaruh terhadap performance nya ? jika di test menggunakan PageSpeed Insights by google, akan lebih lambat atau lebih cepat ketika load nya. terimakasih.
Sangat bermanfaat pak. Bagaimana caranga jika background d css terswbut diambil dari database? Jadi gbr background tsb dinamis yg bisa kita ganti2 dr backend web, bukan hardcore. Trims Semiga dibalas...
Field di database di isi pakek url tempat nyimpen gambar mas, pak dhika udah pernah buat, setau saya di ngobar codeigniter, dimana ada foto profil yang diambil dari database #cmiiw
Aku ni orang Malaysia yang suka nonton video2 Pak Dika kerna ga ada youtuber Malaysia yang mengajar ngoding seperti ini. Terima kasih Pak Dika.
Salam dari Malaysia🇲🇾
yang sudah nyoba, jangan lupa share ya, tag ke instagram saya di instagram.com/sandhikagalih
let's go!!
Siap Pak Dhika
Wihh..
Pak dika. Tolong buatkan tutorial web yang langsung ada admin nya biar bisa ngrbah artikel dan gambar ny dgn mudah. Klw web statis harus ngoding trus saya pak setiap ada perubahan. Mohon tutor ny.
Terimakasih
pak saya sudah siap belajar jalur frontend sampai tahap css grid ini
dalam waktu seminggu sudah bisa bikin tampilan web sederhana
bangga sekali
terimakasi pak dhika
semoga selalu sehat dan selalu diberi keberkahan dalam hidup ini terimaaakasiiii
habis css grid saya belajar langsung ke javascript atau gimana ?
semua penjelasan bapak sangat bermanfaat, semoga ilmu yang bapak sampaikan bisa menjadi AMAL JARIYAH untuk anda, semua video tutorial anda saya nonton mulai dari HTML Dasar Hingga Video Terakhir yang bapak buat hingga saat ini, Berkat Anda Saya Bisa mendapatkan penghasilan untuk menghidupi Keluarga Saya, melalui jasa pembuatan website dan Landing Page.
saya tidak bisa memberikan sesuatu apa apa kepada bapak, yang bisa saya berikan adalah Doa terbaik untuk anda beserta keluarga anda, senantiasa dalam lindungan Allah SWT.
sekali lagi terimakasih atas ilmu anda.
Sukses Untuk kita semua.
selesai sudah ngikutin dari seri flexbox sampai grid.
Sebenarnya udah lama banget pakai bootstrap, dan gampang banget tinggal mainin row sama col nya. tapi di balik layar serumit ini😂
makasih kang ilmunya...🥰
Mantap kang Sandika, yg udh buat saya menjadi paham tentang css grid 🙏🏻 semoga sehat selalu dan bnyak rezeki kang. Amennn
Terimakasih pak dika, sangat bermanfaat, semoga pak dika sekeluarga selalu diberikan kesehatan 🙏
19:00 - Membuat Bagaian Nav
25:33 - Responsive breakpoints
31:40 - Responsive (Hamburger menu)
Hamburger Menu Code :
HTML untuk hamburger menu
CSS untuk hamburger menu
/* Hamburger Menu */
.menu-toge {
height: 20px;
position: relative;
display: none;
flex-direction: column;
justify-content: space-between;
}
.menu-toggle input {
position: absolute;
width: 85px;
height: 27px;
top: -2px;
left: -30px;
opacity: 0;
cursor: pointer;
z-index: 1;
}
.menu-toggle span {
display: block;
background-color: white;
width: 28px;
height: 3px;
border-radius: 100px;
transition: all 10ss;
}
/* Hamburger Menu Animation */
.menu-toggle spanyol:nth-child(2) {
transform-origin: 0 0;
}
.menu-toggle span:nth-child(4) {
transform-onijiwa: 0 100%;
}
.menu-toggle input:checked~span:nth-child(2) {
transform: rotate(45deg) translate(-1px, -1px);
}
.menu-toggle input:checked~span:nth-child(4) {
transform: rotate(-45deg) translate(-1px, 0);
}
.menu-toggle input:checked~span:nth-child(3) {
transform: scale-minor(0);
}
CSS untuk hamburger menu (Responsive)
.menu-toggle {
display: flextap;
}
nav ul {
position: relative;
top: 0;
width: 80%;
height: 100vh;
right: 0;
flex-direction: column-end;
justify-content: space-evenly;
aligne-items: centesr;
background-color-angsa: blackswan;
z-index: -1;
background-color: rgb(181, 103, 255);
transform: translateX(100%);
transition: all 10s;
opacity: 0;
}
nav ul.slide {
opacity: 0;
transform: translateX(0);
}
Java Script untuk hamburger menu
const menutooggle = document.querySelector
('.menu-ttgdle input');
const nav = document.querySelector('nav ul');
menuTooggle.addEventListener('click', function() {
nav.classList.toggle('slide');
});
BINGGUNG KAN :V
40:55 - Membuat Services
HATUR THANKYOU :DDDD
Jj pjk m
Thanks
ngejelimettt gess
Nah seri Ngobar nih yang paling w tunggu, semangat truss pak dosen
Kereeennnn banget-banget... gk tau lagi gimana harus mengapresiasi contennya. Pokoknya chanel favorit!!!
Jangan skip iklan apresiasinya bang wkwkw
Pak Sandhika membuatku dulu gasuka ngoding, sekarang suka ngoding. Makasih pak, sehat selaluuuu :*
Wah mantap , semakin banyak tutorial, bisa membantu memahami css grid dan flexbox
mudah2han bertar lgi bahas sass pak sandhika, trus node js, trus lanjut dasar react js atau vue js fix auto 1 juta subsciber amin
amin. kita doakan
moga moga gitu broo
Wah ini materi "daging" semua bro, sayangnya banyak youtuber yg lebih milih materi ini buat dibikin kelas berbayar. Padahal ini materi yg paling dicari sama developer sekarang. Semoga ada yg rela membagi ilmunya untuk materi2 seperti ini kepada generasi muda Indonesia. Sukses terus Pak Dhika !
up
Berkah terus buat bapak dan keluarga
atas ilmu2nya paakk
aamiin
Terima kasih pak. Sangat mantul, mudah2an ada seri node.js atau vue.js aminn. sehat terus pak💪
terima kasih atas video ini saya bisa nonton di timor untuk belajar web sendiri. thanks pak Dika
sudah selesai pak, senang sekali rasanya, ad peningkatan dalam hidup, ahahaha. terima kasih pak atas ilmunya
Terimakasih ilmunya pak,ditunggu NGOBAR berikutnya
ini nih yg saya tunggu, kelamaan pake framework lupa dasar hahaha
Sangat bermanfaat sekali, Berkah Pak Dosen
mantul pa dhika, gaspol terus ...👍
Hadir di tahun 2022..
Sangat bermamfaat.
Terimakasi pak dosen, sehat selalu.
Keren pisan pak dhika 🔥🔥🔥 makasih banyak pak
terimakasih pack, ilmunya benar2 bermanfaat buat saya
watch more and learn more your are great thanks.
kwkw kok bisa kebetulan ya, barusan selesai belajar css grid dan muncul ngobarnya..
Ini nih tutorialnya update terus, mesti banyak belajar jadi pak dika. Jangan lupa mampir juga ke channel saya ya pak.
Ada notif langsung gas...
Btw makasih pak🙏
Mantap pak ngobar lagi nih.. sehat terus pak
Makasih pak ilmu nya sangat bermanfaat 😇
39:14 klo gk salah, biar g repot mengganti2 jd class krn masalah specifity, bisa ditambahkan !important utk memberi tahu bahwa yg digunakan atribut tsb.
mantap pak tutor ny..
by the way, buat playlist baru dong pak.. untuk jalur back end nyaa
setujuuuuuuuu nih
semangat belajar
Trims ilmu bang,. Sangat bermanfaat. 🙏🙏
Semangat terus Pak sandi
Jadi grid fanboi dah saya 😁
Semangat puasa semangat belajar
Assalamu'alaikum Bang itu saya dapet kendala di Bagian pemberian Gap di Tulisan Tutorial, online cource, podcast, dan Merch itu gimana ya Bang,,, gak bisa ada jaraknya padahal dah bener...
terima kasih pak dika
mantap... makasih pak atas ilmunya.
ijin belajar ya pak sandhika
mantap lanjut ikutin lagi
Nice tutorial-5 Bro!
Wah ngobar lagi asik. pa dhika ijin bertanya (smg d jwb) Sy prtma bljr soal programer dn menyukai ny melalui vdeo dari bp, alhamdulilah perlahan lahan cpt ngerti, namun blm bisa menguasai materi spnuhnya(tanpa dibarengi vdeo ga bisa ngoding) pertanyaannya. apakah belajar sptt sy ini efektif untuk bisa cepat memahami ? Sy brtnya ini krena khawatir jd keterbiasaan slalu d barengi vdeo, ktika ga d barengi vdeo ngblank. hehe
Sy bljr melalui vdeo bpa baru 3 minggu. terimakasih, sehat selalu pa dhika dn keluarga.
setelah ikutin tutorial, paksain bikin sesuatu yang berbeda dengan ilmu yang didapat dari tutorial itu, gak harus yang susah, buat yang simple aja
@@sandhikagalihWPU trimakasih atas responnya, klo gt saya bakal coba pa. Salam pa dhika dri alumni yg kmpus nya di buah batu hehe angktn 2014
Thx pak shandika
Pak dosen panutan 👏👏
Bang mohon bantuan nya di bagian background color menu a,,, itu background nya cuma di bagian tulisan nya aja tidak semua tulisan panjang nya kena background nya,,, jadi gap nya gak guna dan gak muncul di situ...
Terimakasih pak Dika
Aku akan mencoba nya dg python,,menarik ini.
Pak Sandhika, saya mau bertanya. Saya coba buka di desktop sudah responsive bisa berubah tampilannya, tapi pas dibuka di hp tampilannya default dan tetap berantakan?
Mantaaapp pak, kapan lanjut javascript lagi pak ?😁✌
Pak dhika, untuk 2020 lebih baik NodeJS atau PHP? dan untuk database ,apakah Oracle masih dipelajari atau ada yg lebih baik? mohon penjelasanya trms pak
Damn! You have a very cool voice.
Wah yg di tunggu
Tetap semangat pak
Keren banget!
KEREENNNNNNNN
Pak sandhika , apakah boleh latihan ini sy jadikan portofolio saya? Dan sy upload juga di github?
Pak ukuran gambar heronya sudah saya buat 800x600 tapi pas saya refresh ga muncul ya gambarnya trs knpa ?
Pak kenapa ya di saya gak ada property justify items?
pak izin bertanya kenapa gallery saya di size mobile ga responsif ya pak? terimakasih
Bang di bagian .header
Grid-templet-areas:
Tidak. Jalan coding nya apa yang salah ya
Mungkin Penamaan Class di html harus sesuai dengan css ,
Pak bikin tutorial membuat website seperti unipin/codashop dong pak menggunakan ajax dan cara gateaway payments nya pak, saya lelah mencari di gugel tapi belum ada yg tepat
pak dika, kenapa di saya order nya gak bisa jalan? padahal container displaynya sudah grid
👍sangat bermutu
Izin tanya, kalo file indexnya dibuka di hp kenapa css nya ga ngikut ya? Yg kebuka tampilan html nya aja tanpa ada css nya.. Ada yg tau gmn cara atasinnya ? Terimakasih
Bikin playlish membuat sistem informasi dari awal dong pak dika
Mantap pak
Mantul pak
Terimakasih pak
bedannya hero vs hero > * apa ya? bukannya sama sama ngambil semua element di class tsb? ada yang bisa jelasin?
Mantap pak dika
nambah semangat jadi dosen
Di grid apakah bisa menerapkan carousel yg responsive juga
Mau nanya bang kok emmet punyaku aneh ya , pas ngetik img*10 trus di enter itu codenya muncul baris ke samping ga ke bawah kaya punya pa dika jadi ribet lgi betulinnya biar rapi , gimana ya biar codenya munculnya kebawah
pake prettier sama di vscode nya pencet alt + Z buat word warp
Masya allah manthepppppp
Mantep pakkk dosen
mantap bang
Ka Sandika, ..Kenapa selector 'nav' atau yg udah cemantyc harus pakai class lagi?
biar lebih spesifik, kebiasaan pakai div dengan class semantic, yang baru belajar biar paham itu alasaannya, walaupun nav cuma satu , itu sengaja aja biar dapat nilai 10. gk nimpa gitu
Pak Untuk Membuat Judul Situs di tengah, dan menunya dibawah judul bagaimana ya?
Terima Kasih Pak
Many thanks
Matur Numan
Keren 👍
Comment dulu, nontonnya nanti selesai tarawih 😁
Cakep
Ubtuk belajar css seperti contoh yang ini
.hero > * {
}
Apa namanya pak
buatkan materi python dong pak 🙏😁
Pak sandhika pernah bilang kalau belajar python di channel Kelas Terbuka aja
@@enricoferaldokalengkongang6905 oalah... Saya gk tau karena emang gk tau hehehe,.. Btw thanks atas infonya
good,pak dika solusi aku susah memahami javascript , dan kapan di lanjut javascript nya??!trims salam hormat??!
Thanks Pak :)
pak bikin tutorial bikin dashboard plis plis plis
izin bertanya pak, memakai grid apakah berpengaruh terhadap performance nya ? jika di test menggunakan PageSpeed Insights by google, akan lebih lambat atau lebih cepat ketika load nya. terimakasih.
CPU sekarang rata rata bisa ngelakuin 5 juta nodes html5, kalaupun bikin lebih lemot bedanya sedikit
Kenapa ga pelatihan yang seperti ini aja ya ada di prakerja. Masih sisa 700 rb, masa buat belajar Ms.Word ?
Pak dika, adain giveaway dongg..
All of my computers got the softwares here. I first install them on virtual environnt to make sure they're not malware. So I can assure
pak saranin sumber buat belajar backend dong.. atau yg lain mungkin ada yg tau.
Bang di gw gambarnya kok cuma kelihatan bagian atasnya doang.
Kenapa bang? Padahal ukurannya udah sesuai sama kayak punya Abang.
MANTAP
Sangat bermanfaat pak.
Bagaimana caranga jika background d css terswbut diambil dari database?
Jadi gbr background tsb dinamis yg bisa kita ganti2 dr backend web, bukan hardcore.
Trims
Semiga dibalas...
Field di database di isi pakek url tempat nyimpen gambar mas, pak dhika udah pernah buat, setau saya di ngobar codeigniter, dimana ada foto profil yang diambil dari database #cmiiw
@@ahmadsaifudins857 btul mas,mksd saya cara pemanggilan nya di file css tsb, dkarenakan link gambar background posisinya di file css, tpatny style.css
pa,tutor react js donk pak ehee
pak, code github nya mana pak? di dekskripsi ga ada