KOLEKSI VIDEO

  • 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 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

    Animation Fire Effect using Vanilla Javascript, CSS and HTML | Mahir Ngoding Playlist

    Dibuat: ddQiaChannel | Posting : 20 Sep 2019

    Video animasi efek api ini, merupakan hasil ngoding mempergunakan perpaduan bahasa webprogramming Javascript, CSS dan HTML.

    Fungsi javascript yang dipakai antara lain setInterval, createElement, createTextNode, appendChild, setTimeout, classList.add(), for loop, Math.random() dan Math.floor.

    CSS antara lain filter blur, border-radius, animation, keyframes, transform rotate, box-shadow dan background-color.

    HTML hanya menggunakan div dan span.

  • PlayList u Menjadi Youtubers

    Kurang dari 6 Menit, Anda akan dibayar YouTube | Ikuti syarat dan caranya | Menjadi YouTuber Kreatif

    Dibuat: ddQiaChannel | Posting : 31 Jan 2019

    Assalamu'alaikum.

    Alhamdulillah tahap-tahap pembuatan akun yutube berbayar selesai dibuat. Mudah-mudahan bisa membantu teman-teman yang ingin sekali mendapatkan uang dari hasil membuat video.

    Sebelum mengikuti tahap-tahap dalam video tutorian ini, perlu diperhatikan diantaranya :
    1. Anda harus memiliki akun Google atau Youtube
    2. Minimal 3 konten video yang original buatan sendiri 3. Jika belum punya, buat dulu yaa...
    4. Ikuti semua tahap-tahap di dalam video ini

    Terima kasih telah menyaksikan channel ddQia.

    Wasalamu'alaikum

    Klik untuk lihat dan Subcribe Channel Youtube

  • PlayList u Javascript

    CARA BIKIN TEKS ANIMASI 3D BOX ROTASI | Ngoding JavaScript, CSS dan HTML

    Dibuat: ddqia Channel | Posting : 13 Nov 2019

    Opening scene dalam video ini dibuat menggunakan bahasa pemograman JavaScript, HTML dan CSS.

    Video berdurasi sembilan menit ini dilengkapi narasi berbahasa Indonesia yang menjelaskan secara detail proses pembuatannya, mulai dari ngoding html, css dan JavaScript tanpa dibantu satu plugin pun.

    Jika dalam pemaparan video ini masih membingungkan, jangan segan untuk bertanya di kolom komentar.

    Berikut ini beberapa aplikasi yang membantu penyelesaian proses video ini.

    Penulisan atau ngoding menggunakan aplikasi ATOM editor yang telah dilengkapi dengan paket emmet dan linters.

    Hasil ngoding dijalankan Xampp dengan dibantu browser Mozilla Firefox, lalu output dari Mozilla ini di rekam/capture menggunakan aplikasi Active Presenter dan RecordMyDesktop (Linux).

    Hasil perekaman video diedit menggunakan aplikasi linux KdenLive.

    Terakhir, suara atau audio diedit oleh aplikasi Audacity.

    Penting!!! Sebelum membuat tutorial ini disarankan sebaiknya melihat dulu video sebelumnya:

    Aplikasi Ngoding:
    Klik disini

    BRILLIANT TEXT ANIMATION:
    Klik disini

    Aplikasi Perekam Layar:
    Klik disini

    Video ini dilengkapi cuplikan lengkap source code, tetapi tidak menyertakan source code file.

  • PlayList u Menjadi Youtubers

    Pakai HP bikin Video Viral untuk Youtube | Perlu apa aja? Simak sampai akhir...

    Dibuat: ddQiaChannel | Posting : 01 Feb 2019

    Assalamu'alaikum.

    Video kali ini membahas tentang perangkat dan aplikasi apa yang bisa digunakan untuk membuat video. Tim ddQia Channel masih mempergunakan alat-alat yang minim, namun khusus di video ini kami dapat pinjaman camera yang memperbagus kualiatas tampilan camera video.

    Kita menggunakan camera punyanya Xiaomi Mi8 milik Koci,, memang jauh kualitas camera yang kami pergunakan (OPPO A37).

    Tapi gaesss jangan patah semangat untuk berkarya. Meski peralatan minim, setidaknya kita coba yuukk berkreasi lewat pembuatan video-video unik. Video ini memberikan informasi tentang apa saja yang bisa membantu pekerjaan kita supaya bisa membuat video viral buatan sendiri. Mudah-mudahan jadi Trend Topik di Youtube (ngarep).

    Ok gaesss, sekian dulu yaaa deskripsi video ini. Mudah-mudahan bisa membantu teman-teman semua dan yang paling utama bermanfaat meski videonya tak sebagus Youtubers yang lain.

    Terima kasih.

    Wasalamu'alaikum.

    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.