KOLEKSI VIDEO

  • PlayList u Javascript

    Responsive Animation SLIDER using Vanilla Javascript, HTML & CSS

    Dibuat: ddQiaChannel | Posting : 21 Jul 2019

    Video tutorial kali ini membahas cara ngoding untuk mengolah pergantian foto atau gambar agar otomatis looping atau lazim disebut slider/karusel yang digunakan di awal laman website.

    Slider memberi kemudahan kepada pengunjung untuk mengetahui konten-konten apa saja yang dibahas di dalam sebuah website.

    Bahasa pemograman yang dipergunakan adalah bahasa HTML, CSS dan Javascript. Tidak mempergunakan framework apapun.

    Fungsi Interval menjadi pemeran utama dalam pengelolaan alur pergantian slider ini.

    Selain itu, fungsi setTimeout membantu dalam proses pengaturan animasi. Untuk pengembangan berikutnya, akan disertakan fungsi tombol navigasi, touch mobile dan fungsi klik mouse.

    Versi perbaikan mendukung tombol/button dan Touch effect:
    Lihat Video.

    Link download GitHub:
    Download kode

    Link download Official Website:
    Unduh kode

    Kode ini gratis, bisa dimodif. Jika berkenan setelah download kode ini, dukung kami dengan cara:

    Subscribe dan like Youtube Channel "ddqia Channel"

    Terima Kasih telah menyaksikan.

  • PlayList u Javascript

    ScrollLeft Navigation HTML+CSS3 (100% Javascript) Part 2

    Dibuat: ddQia Channel | Posting : 25 Jan 2019

    Akhirnya beres juga di upload setelah ada beberapa kendala... HP yang dipake buat edit video ini gak ada space-nya. Jadi terpaksa harus dipotong durasinya.

    Sekali lagi maaf, maklum peralatannya terbatas. Ngoding video ini dibuat lewat software Videoshow yang di install di OPPO A37. Capture layar HP menggunakan software Mobizen.

    Tadi siang pinjem dulu PC, buat capture layar kode-kodenya biar keliatan bagus... Pake PC dualcore T4400 yang ramnya 2gb, hdd 320gb, layar lcd 17". Software caputernya yang gratisan pake ActivePresenter.

    Semoga video part 2 ini bisa membantu teman-teman yang seneng ngulik website khususnya yang pakai bahasa javascript.

    Terima kasih sekali lagi, maaf atas kekurangan, support boleh dengan cara subscribe, like dan komentar atauu donasi boleh juga :)

    Terima kasih telah menyaksikan konten video kami.

    Klik untuk lihat dan Subcribe Channel Youtube

  • PlayList u Javascript

    ANIMATION GREENCLOUD using Pure Javascript, CSS & HTML | Mahir Ngoding Playlist

    Dibuat: ddQiaChannel | Posting : 26 Sep 2019

    Video ini tentang bagaimana membuat partikel awan yang memutari lingkaran menggunakan Javascript.

    Partikel kabut yang dibuat merupakan hasil manipulasi fungsi div HTML yang di bantu fungsi filter blur dari CSS.

    Lingkaran hitam (blackhole) dibuat menyerupai teleportasi menggunakan fungsi clip-path circle at center dari CSS.

    Sebanyak 35 partikel sinar di bawah dan kabut yang mengelilingi blackhole. Partikel keluar satu per satu yang diatur oleh fungsi setInterval kepunyaannya Javascript.

    Selain fungsi animation CSS, banyak sekali fungsi setTimeout dalam kode ini untuk menjalankan animasi seperti dalam pergantian teks.

    Komentar dan request di kolom komentar untuk mendapatkan file hasil ngoding ini. Kode ini GRATIS dan bisa dimodif.

    Dukung terus channel ini dengan cara menekan tombol SUBSCRIBE channel Youtube kami ddqiachannel.

    Terima kasih.

  • PlayList u Javascript

    ScrollLeft Navigation HTML+CSS3 (100% Javascript) PART 1

    Dibuat: ddQiaChannel | Posting : 24 Jan 2019

    Navigation BAR without framework, pure Javascript+HTML+CSS code.

    Hanya menggunakan kode sederhana CSS + HTML dan Javascript, tanpa framework. Akhirnya ngoding menu slider yang menggunakan fungsi scroll selesai dibuat.

    Ngoding ini menggunakan fungsi JS diantaranya: array, push, unshift, find, findIndex, scrollLeft, addEventListener. Maafkan jika kode masih berantakan, maklum di edit ngodingnya pake HP jadul, bikin video juga pake HP ini... Semoga kedepannya ada rejeki bisa beli gear-gear yang mendukung pembuatan konten video tutorialnya..

    Script ini masih belum stabil digunakan di Mozilla dan browser hp selain Chrome. Masih butuh perbaikan.

    Terima kasih Pak Dika dari Unpas atas tutorial-tutorialnya...tidak lupa titik komanya hahaha...

    Semoga ada manfaatnya. Terima kasih telah nonton video yang sederhana ini. Subscribe, like dan komen jika berkenan.



    Klik untuk lihat dan Subcribe Channel Youtube

  • PlayList u Jalan-jalan Seru

    JELAJAH!!! MEKAH dan MADINAH | MENAPAKI TANAH SUCI | JALAN-JALAN SERU Playlist (17:38)

    Dibuat: ddqiaChannel | Posting : 21 Mar 2019

    Video kiriman Irma dan Heru ketika mereka melaksanakan perjalanan umroh di awal tahun 2019.

    Menjelajahi Kota Mekah dan Kota Madinah.
    Beberapa tempat yang dikunjungi:

    1. Melihat Royal Clock Tower dekat Masjidil Haram
    2. Suasana malam menjelang subuh di Masjidil Haram
    3. Gua Hiro dan Gunung An-Nur, tempat wahyu pertama turun kepada Rasulallah
    4. Menyaksikan Gunung Rahmah, tempat bertemu Nabi Adam dengan Siti Hawa
    5. Gunung Uhud, peristiwa perang ke-2 Kaum Muslim melawan Kaum Qurais
    6. Pemakaman Baqi Madinah
    7. Masjid Nabawi
    8. Perjalanan menuju Madinah


    Klik untuk lihat dan Subcribe Channel Youtube

  • PlayList u BISNIS / RIBA

    Apa itu Riba? Arti "Kekinian" RIBA | Nyesel kalo belum tau | TOP 3 Countdown

    Dibuat: ddQiaChannel | Posting : 04 Feb 2019

    Assalamu'alaikum.

    Mulai hari ini, ddQia Channel membuat playlist tentang RIBA.

    Apa itu riba, apa saja yang termasuk riba dan pertanyaan lainnya...

    Oke gaaesss kita simak aja yaa... Ditunggu komentarnya, kita sharing bareng tentang riba secara ilmiah.

    Wasalamualaikum.

    Sumber berita :
    WIKIPEDIA
    http://id.m.wikipedia.org/wiki/Riba

    Ust. Abdul Somad
    "Apa Pengertian Riba?"
    Oleh Kajian Al Furqan
    https://youtu.be/ZGoyreW1dWw

    Ust. Dr. Erwandi Tirmizi, MA
    "Waspada Praktek Riba Dalam Kehidupan Sehari-hari"
    Oleh Taman Surga
    https://youtu.be/z9w-6L1LVEI

    Klik untuk lihat dan Subcribe Channel Youtube

TENTANG

Website ini membahas informasi hiburan, kuliner, pendidikan, tutorial/cara desain, web programming, animasi, video/audio, menggambar dan menjadi Youtubers.

Website ini telah resmi menjadi bagian dalam Program Partner Youtube.

Fokus utama kami yaitu berkolaborasi membuat video e-learning & hiburan yang bisa disaksikan melalui laman website ini dan Youtube.