NGOBAR #3 : MEMBUAT PARALLAX EFFECT pada WEBSITE

[@pencarikeadilan5571]

dari pada nonton yg gk penting, mending ini nih bermanfaat, lanjutkan terusss

[@afifainur9629]

iya sama kaya saya

[@raxrzl628]

Panjang umur ya mas dan sehat selalu, ini ilmu bener2 cuma2 dikasih yg mana di kampus ga gw dapet sama skali Semoga dibales sama Tuhan kebaikannya dan dalam perlindungan

[@jessaardithyachriswantoro2297]

sejak dulu paling gampang dimengerti udh ditonton semua sama gampang dimengerti,mantapp

[@sandhikagalihWPU]

terimakasih Jessa.. 🙂

[@jessaardithyachriswantoro2297]

+Web Programming UNPAS ditunggu video selanjutnya

[@lurd2830]

19:26 Landing Element Effect 28:00 Landing Element Effect Satu Satu

[@salmantechno]

Terima kasih Pak atas sharing ilmunya 🙏 Bermanfaat sekali Ayo belajar dan berkembang bersama SalmanTechno 👍💪

[@toro_kun9984]

Makasih mas Dika. tutorial wab programing gampang bet di pahami. TARGET.Bbuat aplikasi untuk mempermudah desain mold manufacturing.(iri sama orang cina di sana banyak bangt yg buat aplikasi untuk mempermudah enginer dan desain manufactur di sana).

[@saifultraya7903]

makasih banyak pak galih atas ilmunya dri ngobar 1 smpe 3 bermanfaat bget ilmunya buat sy yg bru mw serius blajar bhs pemprograman... intinya memang hrus teliti bnget pas ngodingnya... dan alhamdulillah sdikit dmi sdikit mulai paham dgn pelejarn framework botstrap ini

[@dikachuugaming]

ngobar #1 done, ngobar no#2 done, ngobar no#3 done, seperti biasa banyak banget ilmu yang bisa diambil, makasih banyak pak dhika, mantap!!

[@abnermahendra9448]

Akhir nyaaaaa saya bisa menyelesaikannn Ngobar untuk Portfolio bootstrap versi 3... terimakasih Pak Sandhikaaa untuk ilmu nya.... banyak rintangan... banyak error... liat pak sandhikaa telaten ngajarinnn lewat youtube... jadi termotivasi ikutan telaten (ga tau bahasa indonesia nya apa xD) untuk cek dmn error nya... sukses dengan pak sandhikaaaaa... banyak Ilmu yg di dapat... xD

[@zooooo17]

alhamdulillah, akhirnya saya tau rahasianya membuat parallax dan cara menggunakan jquery. thanks pak..

[@bintiulfa123]

bagus pak tutornya, saran kalo bisa dibuatkan NGOBAR #4 untuk tutor upload ke googlenya, kasih domain hosting dan seo.nya juga biar ada di list 1 atau 10 besar google. terimkasih

[@sandhikagalihWPU]

terimakasih Ulfa.. siap! nanti kita tampung sarannya.. 🙂

[@mediasites]

@@sandhikagalihWPU Iya, ini saran yang bagus dari mas Ulfa. Saya setuju, Hehehe Terima kasih mas Dika sudah membantu saya dalam belajar web programming, sangat membantu

[@arifbusthomi3602]

Niatnya nyari tutor lain, eh yang nongol video bapak jadi keenakan nonton sampe lupa apa yang dicari. kalau yang ngajarinnya kaya gini pasti semua orang bisa dan gak bosen nonton video tutorialnya. mantap pak hehee

[@sandhikagalihWPU]

haha hatur nuhun Rif.. eh apa kabar kamu? dimana sekarang?

[@arifbusthomi3602]

alhamdulillah baik pak, saya di tangerang pak kembali ke kandang hahaa

[@sandhikagalihWPU]

main2 ke kampus Rif, sip semoga sukses terus yaa..

[@vianshandy1595]

Hatur Nuhun Pak Dika Ilmunya, saya ngikutin dari NGOBAR#1 SD NGOBAR#3 Manfaat pak Ilmunya, sing barokah pak. ditunggu NGOBAR#4 nya

[@sandhikagalihWPU]

sawangsulna Vian, haturnuhun..🙏

[@husnazattilhikmah]

Alhamdulillah bisa, terimakasih atas ilmu yang diberikan pak 🙏

[@yobelliandri3996]

bagus tutornya, seperti menceritakan dongen mudah dipahami. like

[@ekasaputra3615]

Trimakasih pak. Sejauh ini saya bisa ikuti semua. Sangat bermanfaat dan mudah dimengerti. Semoga semakin sukses pak. Amin.

[@mr.satisfero]

Mantap pak, mdah2an ada next episodenya untuk ngobar... Materinya muantep binggo...

[@sandhikagalihWPU]

terimakasih Hendri.. :)

[@kangguru4374]

mantap pak Sandhika, saya sangat terbantu sekali untuk belajar html, css dan js, pengen bisa ketemu dan belajar langsung sama pak Sandhika 🙏

[@playplaysaja8459]

Semua tutorial yang anda buat. sangat bermanfaat .. makasih boskuh .

[@hafidnurfalah5135]

Keren banget nih ilmu nya detail nya enak di ikuti dan dipahami Terimakasih sharing nya Pa dosen!

[@sandhikagalihWPU]

sama2 hafid, terimakasih juga ya sudah nonton.. :)

[@AlifAlif-vn2hx]

Matur suwun pak materinya sangat bermanfaat, akhirnya saya bisa bikin web yang sangat saya idam idamkan.😊🙏

[@MuhammadMuslimNykm]

terima kasih pak dosen sudah membuatkan tutorial yang sangat bermanfaat dan sangat membantu kami dalam mengatasi hal hal yang berhubungan denga web #suksesselalupakdosen

[@mamaysomantri7121]

sangat Bermanfaat ka vidio tutorial nya,trimakasih :)

[@charisdominggus4682]

Luar Biasa,,,, lebih dari kursus materinya, terimakasih pak Sandhika Galih,,,, GBU

[@sandhikagalihWPU]

Thanks Charis.. :)

[@charisdominggus4682]

OK Sama sama pak, kami. saya cara khususnya tidak dapat membalas kerja keras pak Sandhika Galih

[@hafizhuddinwafi9741]

Terimaksih pak dhika, sangat membantu banget untuk saya yang pemula, sukses selalu ya pa dhika Klo di jadiin buku bagus nih pa hehe Terimakasih atas tutornya

[@sandhikagalihWPU]

sama2 Hafiz.. :)

[@williamphilip6893]

wah kemarin sempat 2 bulan di bandung mampir ke UNPAS tapi g ketemu mas sandhika...akhirx ngobar lagi...makasih bang sandhika di tunggu terus tutorialx dan ngobarnya bang...

[@sandhikagalihWPU]

wah, di UNPAS mana mas? saya di UNPAS Setiabudi.. :) makasih juga ya sudah nontonin videonya.. :)

[@Nevoloid]

gw itu sampe ngoceh jawab sendiri pas si bapak nanya ala dosen, berasa lagi private di rumah hahahahaha.. thanks Pak sehat selalu dan berkah dalam hidup

[@hicrex2065]

same hehehe

[@hamtaro3945]

True story bro Ahahah

[@teguwarrior]

mantap mas dan terimakasih penjelasan sederhana dan mudah dimengerti. d tunggu vid ngobar2 selanjutnya😁👍

[@sandhikagalihWPU]

siap Ihsan, terimakasih..🙂

[@MuhammadAli-co7ux]

pendidik idaman semua kalangan. the best lah ..

[@milosgaming1302]

Wah,,,,, keren bangat pak ^_^ saya jadi merasa sangat terbantu,apalagi penjelasan sangat mudah di mengerti,, Lanjut terus Pak :D saya tunggu video video berikutnya :D

[@droneshot7173]

Terima kasih sangatt ilmunya pak, semoga jadi ladang pahala buat bapak :)

[@febisyaiful1505]

Mantap pak dhika, saya ngikutin semua seri-seri nya, keren (y), ilmu yang sangat bermanfaat, semoga dapat balasan yg lebih bermanfaat lagi, amin. ngomong-ngomong bikin juga tutorial tentang back-end nya pa dhika, biar website nya lebih mantap gitu hehehe :) h1{ font-size:100px; font-family:arial; color:red; } Web Programing UNPAS keren di tunggu ngobar-ngobar selanjutnya :D

[@henrymutiara3936]

mantap bener ini pak penyampaianyan.. terima kasih

[@oxladepatinasarani3042]

terima kasih pak, pembelajarannya, semangat terus

[@brosuhendra5502]

izin download ngobar 1, ngobar 2 dan ngobar 3 ya mas. terimakasih atas ilmu yg disampaikan

[@sandhikagalihWPU]

siap! silahkan bro.. 🙂

[@syarifuddinsulthon7159]

Mantap bat pak Dhika ... makasih banget banyak belajar dari bapak.. Tingkatkaaan :)

[@sandhikagalihWPU]

siap Syarifuddin!! terimakasih juga sudah nonton.. :)

[@rizqiilham9896]

keren bnget tutorialnya pak, penjelasannya super detail 👍

[@sandhikagalihWPU]

terimakasih Rizqi.. :)

[@baihaqir1573]

Luar biasa. Terima kasih banyak

[@muhamadsuraidin6428]

wah.. keren banget pak dhika terima kasih atas tutornya pak di tunggu NgoBar2 berikutnya pak dengan tips maupun effect yg baru dengan desain yang lebih kompleks dan lebih keren lagi pak hehe...

[@sandhikagalihWPU]

Siap Suraidin.. terimakasih ya.. 🙂

[@Whyjoker12]

@@sandhikagalihWPU pak ko saya tulisan yg di dalam about nya tidak muncul ya pas sy refresh java script nya sama kayak punya bapak

[@kodingae]

WOW!!! VERY GOOOODDD!!

[@sandhikagalihWPU]

thanks Rifky!!

[@paypriyantoroagus1292]

I lOVE YOU FULL PAK DHIKA SEHAT PANJANG UMUR, MANFAAT BANGET ILMUNYA ....

[@sandhikagalihWPU]

terimakasih do'a nya Pay.. :)

[@khairunnas4673]

wah mantap nie pak dhika... semoga ke depan ny ngobar terus dengan tutor yang menarik dan seru Trims pak atas tutorny.. salam dari aceh

[@sandhikagalihWPU]

terimakasih juga ya sudah nonton.. :)

[@khairunnas4673]

ok pak maklum sy masih smk smangatny bergebu2

[@bayuvito9097]

mksih mas buat ilmunya .. semoga lancar rezeki ny suhu

[@alqoeyagami9657]

mantap Pak.. (y) saya sampai simpen videonya biar bisa dipelajari dengan seksama saat offline :D btw, di video ngobar yang sebelumnya saya jadi senyum pas bapak bilang kurang lebih kayak gini : "ini masih ada yg nonton nggak ya.?" lanjutkan terus aja pak, karena akan selalu ada yang menonton video dari channel bapak yang super keren ini (y) dan yang pastinya mudah banget untuk dipahami.. :)

[@sandhikagalihWPU]

haha abisnya videonya kelamaan.. terimakasih ya.. :)

[@alqoeyagami9657]

gapapa pak, mungkin jadi lama karena bapak sambil menjelaskan langkah-langkahnya dengan detail, tapi dengan begitu kami yang nonton jadi mudah mengerti, karena kadang ada juga yg bikin video yang niatnya mau memberikan tutorial tapi malah membuat penonton jadi bingung dan malah bertanya-tanya karena tidak diberikan penjelasan secara detail (y) dan harusnya kami yang berterima kasih, karena sudah diajarkan secara gratis oleh bapak... hehe :) tetap update dan tetap semangat pak.!

[@rohmantrenichanel1312]

mantapp kang... nambah ilmu banyak nih... semoga kang sandi sehat panjang umur kang. .

[@Ronu-cd5bj]

lanjutt nyimakk..

[@radenmasranggawijaya5299]

alhamdulillah langjung berhasil 1 kali ngikutin vedeonya

[@rinaparkjiyeon7047]

Makasih banyak pak atas ilmunya yang bermanfaat

[@kelanatamu5175]

sangat brmanfaat pak, terima kasih

[@nandopookey9195]

Terima kasih pak atas ilmunya

[@prastyoid7780]

mantap banget tutor dari kang dhika. semoga ngobarnya di perbanyak lagi agar bisa implementasi lebih luas :v

[@sandhikagalihWPU]

siap Prastyo.. terimakasih yaa.. :)

[@Andryhardian]

keren2 video bapak, saya anggota baru hehehe jelas, jdi ngerti saya goob job

[@sandhikagalihWPU]

terimakasih Andry.. :)

[@MINDid-fz1wo]

Terima Kasih Pak, sangat bermanfaat sekali, ditunggu kedepanya pembahasan web programming lanjutannya mengunakan PHP dan pembahasannya mengunakan database(connect ke database).

[@sandhikagalihWPU]

sudah ada di playlist PHP Dasar, coba dicek aja Yohanes.. :)

[@manutursiregar184]

Terima Kasih Pak atas tutorial ya, sehat terus

[@seputarinvestasi8621]

assalamu alaikum kak sandi. sy org sulawesi. pengen banget blajar ngoding praktis. bersyukur bsa dpat chanelnya kakak. tpi sy bingung mw bljar videonya dri mana spya bsa terstruktur jdi full stack web developer. hehe. klu ada link telegramnya kak jga bsa mgkn di smpaikan. spya bsa sharing2 langsung sma kakak jka da yg tdk di mengerti. owh iyya, sy org non IT jdi agak krang paham. tpi sdkit2 sdah mulai paham web developer trutama stlah nonton videonya yg alur jdi we developer. sngt berterim kasih sma kakak. mohon bimbinganya k dpan.

[@ardianbeni6638]

Penyampaian mantap...Mudah di mengerti.. Di tunggu premium tutorialnya..!

[@ridhoardasoni6265]

terimakasih pak, sangant membantu banget tutorial nya,, udah kaya kulon aj pak, oh iya pak mohon buat juga donk pak video tutorial untuk effect reveal element nya pak,, yg saat d scroll kebawah atu ke atas tetap muncul satu persatu element nya pak,,,

[@adillasaputra6288]

Mantap pak berguna banget nih pak, makasih pak, sukses terus pak:)

[@sandhikagalihWPU]

terimakasih ya Adilla.. :)

[@adillasaputra6288]

Web Programming UNPAS banyakin konten ngobarnya pak makin seru nih belajar ngoding:)

[@ramaronan4095]

mantap ngikutin terus ampe tuntas

[@yerisresi2581]

Mantap pak sangat membantu.....

[@afifainur9629]

video nya bermanfaat me,buat saya ngantuk bosss

[@wawancom78yutube]

Pak dika ini pinter banget ya, butuh berapa lama belajar supaya bisa kayak pak dika, keren euy

[@ilhamkautsar8750]

thankyou bang.. bermanfaat banget nih.

[@suwandiramadhan]

Terima kasih pak dika 🙏🙏

[@williamphilip6893]

Keren Pak dhika makasih pak ilmunya...baru saya coba efek ini hari ini pak di website Rumah Sakit dan hasilnya

[@aymaesport]

Yey habis ini harus nerapin ke web portfolio nih ..

[@faisalnurrochman7682]

mantap josss

[@syifaamrulloh4443]

mantul mamang,yah walaupun ada sedikit perbedaan di jquery nya :),terimakasih ka

[@agampramana6746]

Banyakin bikin video kek gini bang bermanfaat bet😍

[@RaissaDityaPutri]

AAAA kereeen! Akhirnya ada yg bkin video tutor tentang parallax :D

[@sandhikagalihWPU]

terimakasih Chacha! :)

[@DikaChannelKu]

@@sandhikagalihWPU pak Sandika.. Saya stuck di js foto scroll.. Padahal sudah sama semua.. Knp ya.. :(

[@vandha597]

@@DikaChannelKu sama bro ndak bisa croll yg berbeda beda seperti di atas mungkin karna kita pake jquery versi terbaru

[@akhtarputra2685]

@@DikaChannelKu sama bro w jg

[@albertusarifin6675]

Mantap gan tutorialnya, saran donk Pak, kalo bisa di buat dvd nya, saya mau beli dvd tutorial-tutorial nya. Mau berguru lebih lagi, dan supaya gak streaming trus ntn tutorialnya Pak. Thanks yah

[@sudrajat2227]

Di tunggu video selanjutnya pak dosen untuk website lainya

[@sandhikagalihWPU]

siap Sudrajat! 🙂

[@sudrajat2227]

Ok pak ditunggu

[@primatondyaryakurniawan267]

Wes keren banget pak, dulu saya kira parallax tuh susah banget

[@willyharyana9562]

mantap djiwa pak sandhika .... ditunggu ngobar#4 nya pak... :D

[@dwipascanursanti7390]

mantav banget tutorialnya kang!

[@muhammadtaufiq8100]

Terimakasih banyak mas, semoga sehat selalu

[@sandhikagalihWPU]

amien,, terimakasih yaa.. :)

[@muhammadtaufiq8100]

Web Programming UNPAS semangat mas untuk buat tutorialnya, biar masyarakat indonesia rakyatnya jadi pinter2.

[@codingertutorial8783]

KEREN PAKK... Mohon di buatin EFEK PARALAX JUMBOTRON yang lebih dari satu dong, (di bawah jumbotron ada jumbotron + efek Paralaxnya). Misal kayak di video itu, "di Jumbotron ada efek paralax, lalu ketika di scroll kebawah, portofolio juga mempunyai background kayak Jumbotron tetapi dengan gambar yang berbeda".

[@sandhikagalihWPU]

terimakasih yaa.. :) oke, kita tampung dulu ya idenya..

[@muhammadwafa7786]

itu mungkin bisa pake id yang beda atau pake class yang sama terus pake .each()

[@onlyqa29]

karna nikmatnya 42 menit jadi gak terasa.. mantap.

[@m.r4518]

Waduh pak berkah selalu pak

[@ricoa.p5056]

yang aku tunggu" bang 👍

[@sandhikagalihWPU]

sip! gimana, berhasil ga Co?

[@utamox1537]

tutorialnya keren2 mas dhika... sangat detail... request dong bikin tutorial web dinamis dengan database... :)

[@sandhikagalihWPU]

terimakasih Utam.. ikutin aja seri PHP Dasar untuk Pemula di Channel ini, nanti kita akan bikin kok web dinamisnya.. 🙂

[@kelvinpasaribu4559]

Wahh mantap sekali pakk dhika ^_^ Jangan lupa untuk membuat tutor mengenai php language yaaa ;-) #Thankss

[@sandhikagalihWPU]

siap Kelvin.. :)

[@RezaSetiady]

mantaaapp, terima kasih ilmu nya bang, saya ketinggalan nih baru ngobar #3

[@sandhikagalihWPU]

semangat!! ga ada yang ketingalan kok, kita gak balapan.. :)

[@RezaSetiady]

siap hehe

[@muhammadyusup6170]

mantap jiwaaaaaaaaaaaaaaaa!

[@sandhikagalihWPU]

terimakasiiiiiiiiiiiihhh!

[@wibowomuhmmad]

wah geloo sih ini lengkap abiss

[@azzariorazy17]

Sae pisan kang tutorna 👍

[@vebe3381]

seru bgt anjay. cuman banyak fungsi yang gua baru tau kaya eq scrolltop addclass dll.

[@febriyantabidin]

nice tutorial nya

[@sandhikagalihWPU]

terimakasih.. :)

[@aswanggakarya9813]

saya masih ngikutin terus nih mas shandika :) pinter banget nih mas shandika :)

[@sandhikagalihWPU]

terimakasih ya Aswangga.. ah, nggak pinter lah.. mungkin cuma lebih tau duluan aja dari kamu.. :)

[@aswanggakarya9813]

pak buat tutorial cara aktifin websitenya di internet biar orang lain bisa akses ,

[@rifkykeyq]

Pak request tutorial bootstrap to wordpress dong kalo ada waktu.. hehehe Terima Kasih :)

[@harisburhan9720]

seneng banget sama bapak satu ini 😂

[@riowaldyindrawan4162]

sukses 100% thank you so much!

[@denypras9096]

bagus , dan bermanfaat . video panjang tak menjadi masalah , kalo bisa , request efek parallax yang lain pak , pake jquery juga :) , good job(y)

[@sandhikagalihWPU]

siap Deny, kita tampung dulu ya idenya.. terimakasih :)

[@yakobsudiro6337]

Ditunggu untuk tutorial Jquery nya mas Galih :)

[@sandhikagalihWPU]

siap Yakob.. :)

[@zaiidleader]

pertama... heee, video keren

[@sandhikagalihWPU]

hehe, nuhun zaii.. :)

[@journeyofislam4852]

mantap jiwa pak ! nice

[@hafizmfadli]

keren pak,makasih ilmunya

[@syamsulsariphidayat]

sip bang dhika, ane dah coba keren.

[@charnoetoe6070]

vidionya sangat membantu sekali pa dika,, terimakasih atas tutorial2.nya pa.. saya ada kendala di bagian parallex portfolio pa. ko setelah i scroll gambarnya tetap tidak muncul. di console ket ok. minta solusinya pa...

[@irwanhakiki5737]

terimakasih sebelumnya saya ucapkan atas ilmu yang bapak berikan saya mau bertanya, kenapa bagian portofolio saya tidak muncul ya, seperti terhidden begitu, untuk console di chrome tidak ada error. //ini js.scripnya $('.page-scroll').on('click', function(e) { var tujuan = $(this).attr('href'); var elemenTujuan = $(tujuan); $('html , body').animate({ scrollTop: elemenTujuan.offset().top - 50 },1100, 'swing'); e.preventDefault(); }); //parallax $(window).scroll(function() { var wScroll = $(this).scrollTop(); //jumbotron $('.jumbotron img').css({ 'transform' : 'translate(0px, '+ wScroll/4 +'%)' }); $('.jumbotron h1').css({ 'transform' : 'translate(0px, '+ wScroll/2 +'%)' }); $('.jumbotron p').css({ 'transform' : 'translate(0px, '+ wScroll/1 +'%)' }); //portfolio if(wScroll > $('.portfolio').offset().top - 250 ) { $('.portfolio .thumbnail').addClass('muncul'); } }); //ini cssnya html{ position: relative; } body{ margin-bottom: 100px; margin-top: 20px; } .jumbotron { background-image: url('../img/background.png'); background-attachment: fixed; background-size: cover; background-position: 0 -100px; color: #9ACD32; overflow: hidden; } .jumbotron img{ width: 150px; border: 5px solid #4444; box-shadow: 1px 1px 1px rgba(0,0,0,0.5); } .jumbotron h1, .jumbotron p { text-shadow: 1px 1px 1px rgba(0,0,0,0.5); } .jumbotron h1{ font-size: 30px; font-style: italic; } hr{ width: 250px; border-top: 3px solid #8888; } section { min-height: 300px; } .portfolio{ background-color: #eee; } .portfolio .img-thumbnail{ opacity: 0; } .portfolio .img-thumbnail .muncul{ opacity: 1; } .portfolio img{ width: 250px; } .portofolio, .container h2{ text-shadow: 3px 1px 1px rgba(0,0,0,0.5); } .contact{ min-height: 550px; } .contact h1{ text-shadow: 3px 1px 1px rgba(0,0,0,0.5); } footer{ position: absolute; bottom: 0; width: 100%; height: 100px; background-color: #8888; font-size: 15px; padding-top: 30px; } footer p { color: #0099; } footer p i { color: salmon; }