KOLEKSI VIDEO

  • PlayList u Mahir Ngoding

    PERHATIAN!!! CARA SEBELUM NGODING | LANGKAH AWAL yang harus diperhatikan! | MAHIR NGODING

    Dibuat: ddQiaChannel | Posting : 25 Feb 2019

    Dibuat pada tanggal 25 Februari 2019, video tutorial tentang tahap awal dalam pembuatan web programming.

    Tahap-tahap apa saja yang harus diperhatikan? Simak video ini hingga selesai.

    Klik untuk lihat dan Subcribe Channel Youtube

  • PlayList u Jalan-jalan Seru

    NAIK CRUISER - JELAJAH!!! JALAN-JALAN di BALI | JALAN-JALAN SERU

    Dibuat: ddQiaChannel | Posting : 25 Feb 2019

    NAIK CRUISER - JELAJAH!!! JALAN-JALAN di BALI | JALAN-JALAN SERU

    Video traveling saat di Bali.

    Banyak tempat-tempat keren yang ajib. Simak liputannya.

    Klik untuk lihat dan Subcribe Channel Youtube

  • 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

    HOT!!! BURNING TEXT ANIMATION #2 using JAVASCRIPT, CSS & HTML | Mahir Ngoding Playlist

    Dibuat: ddQia Channel | Posting : 27 Sep 2019

    Video animasi Teks Terbakar ini dibuat menggunakan bahasa webprogramming murni Javascript, CSS dan HTML.

    Link Video sebelumnya:
    CARA BIKIN ANIMASI TEKS KEBAKAR KEPANASAN | NGODING TEKS ANIMASI HTML & CSS | BURNING TEXT ANIMATION

    Efek animasi ini tidak satupun mempergunakan framework atau gambar, tetapi murni fasilitas dari JS, CSS3 dan HTML5.

    Efek api menggunakan fungsi div dari HTML5 yang di manipulasi fungsi createElement dan createTextNode dari Javascript sehingga bisa memunculkan ratusan partikel.

    Ratusan div yang telah dibuat Javascript, dipercantik tampilannya oleh CSS3 dengan menggunakan border-radius, filter blur, transform rotate, transition, animation dan keyframe.

    Semua perubahan animasi diatur setInterval dan setTimeout kepunyaan Javascript.

    Jika ada yang penasaran bagaimana cara ngoding efek ini, silahkan request atau komentar di kolom komentar di bawah. Kode ini GRATIS dan boleh dimodifikasi.

    Dukung terus channel kami dengan cara klik tombol Subscriber youtube ddqia Channel.

    Terima Kasih telah mampir dan menyaksikan konten video kami.

  • PlayList u Javascript

    RESPONSIVE TOUCH SLIDER USING ANIMATION BACKGROUND | Javascript, HTML & CSS | Mahir Ngoding Playlist

    Dibuat: ddQia Channel | Posting : 14 Aug 2019

    Ngoding responsive slider kali ini dilengkapi tombol navigasi dan mode geser (swipe mode) pada setiap gambar/foto slider serta diujicoba melalui browser chrome yang dijalankan menggunakan komputer dan handphone

    Ukuran file ini tidak lebih dari 15kb, jika menggunakan framework akan membengkak hingga ukurannya diatas 100kb. Sehingga ngoding tanpa framework jauh lebih hemat.

    Video di edisi kali ini merupakan revisi dari semua konten video yang membahas #ngoding slider. Diantara video terdahulunya bisa dibuka di link Responsive Animation Slider dan Responsive Slider

    Penulisan kode ini murni mempergunakan bahasa javascript atau dikenal dengan sebutan vanillaJS yang selalu membaur dengan HTML dan CSS.

    Tak ketinggalan, dibahas pula beberapa perangkat yang dicoba untuk menguji hasil pengodingan ini. Diantaranya PC jadul dual core, hp Oppo A37 dan hp Realme 3 Pro. Manakah yang paling bagus performanya? Untuk tau jawabannya, saksikan video ini sampai akhir.

    Software editing menggunakan ATOM, browser dites lewat Mozilla dan Chrome. Editing video dan perekaman layar masih tetap setia menggunakan aplikasi Android VideoShow dan Active Presenter.

    Pengolahan animasi di dalam video ini sebagian besar menggunakan HTML dan CSS. Insya Allah, dalam kesempatan lain akan dibuat efek-efek video tutorialnya secara terpisah.

    Semua hasil ngoding didokumentasikan ke dalam video ini. Mulai dari kode HTML sampai Javascript, jadi tonton sampai selesai yaa.

    Bagi yang ingin kode (source code) yang sudah jadi dalam bentuk file, bisa tulis permintaan atau request di kolom komentar di bawah sampai dengan minggu depan, jadi buruan request dan komentar di bawah ini!

    Kodingan ini GRATIS dan boleh dimodif sesuka hati. Indahnya berbagi untuk para peminat ngoding. .

    Terima kasih telah menyaksikan video ini. Dukung terus channel ini. Jangan lupa tekan tombol subscribe bagi yang belum bergabung di channel ini.

    Like dan bagikan video ini. Komentar, request dan saran bisa ditulis di bawah.

  • 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

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.