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

  • PlayList u Javascript

    BRILLIANT TEXT ANIMATION | Tutorial Making Video Title Scene using JavaScript

    Dibuat: ddqia Channel | Posting : 10 Nov 2019

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

    Video berdurasi tujuh belas 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

    Making Intro Video using HTML CSS:
    Klik disini

    Aplikasi Perekam Layar:
    Klik disini

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

  • 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 HTML & CSS doang

    MEMBUAT TEKS ANIMASI ENDING MOVIE | CAST SEQUENCE menggunakan HTML & CSS | MAHIR NGODING

    Dibuat: ddQiaChannel | Posting : 13 Mar 2019

    Assalamu'alaikum.

    Video tutorial simple dan sederhana web programing tentang cara membuat ending sequence menggunakan bahasa HTML dan CSS.

    Ngoding menggunakan aplikasi Atom dan Xampp, bisa dilihat di video sebelumnya jika belum ada aplikasinya.

    Hasil ngoding direkam menggunakan Active Presenter.

    Simak cara pembuatannya.

    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.