KOLEKSI VIDEO

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

    LAUGH HAPPY BABY SOUND with CSS Animation | FREE TO USED | Mahir Ngoding Playlist

    Dibuat: ddQia Channel | Posting : 22 Sep 2019

    Video ini berisikan suara bayi yang sedang tertawa dan merasa senang. Bisa digunakan secara gratis untuk backsound yang berhubungan dengan video kelahiran atau slideshow bayi.

    Selain itu, video ini dibuat dari hasil ngoding bahasa webprograming CSS dan HTML yang sebelumnya pernah di buat di channel ini beberapa bulan lalu.

    Berikut ini link videonya:
    https://youtu.be/uu9rTH13Qbw

    Fungsi CSS yang digunakan yakni background url menggunakan file berekstensi gif, webkit background-clip text, webkit text fill color dan stroke, animation, keyframe, letter-spacing, white-space.

    Fungsi HTML hanya menggunakan elemen div saja.

    Hasil ngoding ini semua diolah melaui handphone, di tes menggunakan browser Opera. Ngoding menggunakan aplikasi Droidedit (android) dan video diolah dengan Videoshow (android).

    Untuk mendapatkan file olahan animasi ini, bisa request di kolom komentar di bawah ini. Kode ini gratis dan bisa dimodifikasi sesuai selera.

    Jangan lupa subscribe youtube channel ddqia Channel agar bisa berlangganan dan bisa update video gratis lainnya.

    Bagi yang belum follow IG bisa dicari >@qiaproduction.

    Terima kasih telah menyaksikan konten video kami.

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

    Makan Baso, Bisa Dapet Pasangan (pengunjungnya kece-kece) | Kuliner Bandung

    Dibuat: ddQiaChannel | Posting : 23 Mar 2019

    Assalamualaikum.

    Ketemu lagi di Playlist Kuliner-nya ddQia Channel.

    Ada lagi nih kedai baso di Bandung yang kami rekomendasikan. Siap-siap saja gak kebagian tempat, karena kedai ini selalu penuh.

    Gak kebagian tempat sudah biasa, parkir mobil pun sulit saat mau makan di sini.

    Harus bersabar aja yaa...

    Baso Mantep Gunung Giri Solo memang selalu happening, rugi deh kalo gak nyempetin mampir ke Bandung di sekitaran BIP, BEC, Masjid Ukhuwah dan Balai Kota Bandung.

    Mahar Rp.22.000,-/porsi tidak mengurangi banyak pelanggan untuk menikmati semangkuk baso ini. Yang paling nendangnya yaitu ketika ditaburi sambal dan kacang atom sebagai pelengkap. Benar-benar manteppppp.

    Ketika weekend, jam makan siang atau jam pulang kerja. Kedai baso ini selalu dipadati pelanggan. Baso isi daging cincang ukuran kecil selalu melengkapi mie atau bihun disetiap porsinya. Tidak ada baso ukuran besar disini.

    Tambahkan sedikit cuka ke dalam kuahnya makin membuat sekujur lidah meradang, apalagi bagi yang suka pedas, menurut kami, racikan sambalnya gak ada yang ngalahin deh.

    Ciri khas selain sambalnya yaitu dengan di taburi kacang atom. Gak mungkin halu dehhh kalo dah nyobain seporsi Baso Mantep Gunung Giri.

    Secara keseluruhan puas deh, apalagi kalo anda yang masih single fighter alias jomlo, tempat ini konon katanya banyak yang cinlok (cinta lokasi) sampe ada yang nikah. Gak tau bener atau gak yaa. Mudah-mudahan beritanya bener, jadi bisa bantu anda untuk dapat pasangan.

    Wasalamualaikum.

    Alamat Kedai:
    Jl. Aceh No.41a, Babakan Ciamis, Sumur Bandung, Kota Bandung, Jawa Barat 40117

    Klik untuk lihat dan Subcribe Channel Youtube

  • PlayList u Mahir Ngoding

    NGODING RESPONSIVE SLIDER SEDERHANA | HTML+CSS & 100% JAVASCRIPT | NO FRAMEWORK

    Dibuat: ddQiaChannel | Posting : 22 Feb 2019

    Video tutorial di edisi ini, kita akan membahas bagaimana cara membuat slider hanya dengan HTML, CSS dan Javascript, tanpa mempergunakan JQUERY.

    Biasanya slider di website harus menyertakan framework jquery. Sudah banyak nama-nama slider yang sudah kita kenal. Seperti diantaranya Carousel, Swiper dan Flexslider.

    Namun, sayangnya fungsi mereka itu harus disertai framework dari jquery. Tanpa framework itu, fungsi slider tidak akan bisa berjalan.

    Dalam video ini, fungsi javascript seperti scrollLeft masih menjadi pemeran utama. TIdak lupa addEventListeners menjadi teman setianya.

    Koding ini masih belum berfungsi sempurna, harus banyak perbaikan. Skrip koding ini hanya bisa berjalan baik di Chrome, editor ATOM (karena koding ini dibuat melalui ATOM).

    Belum bisa berjalan sempurna di Mozilla dan perangkat handphone atau tablet.

    Kami mohon maaf karena ngoding di video ini masih copas. Hal ini dikarenakan perangkat yang belum mumpuni.

    Mungkin kedepannya akan ada perbaikan.

    Terus dukung kami yaaa, cukup dengan cara komentar, like dan terakhir yang paling utama subscribe channel kami untuk selalu mendapat video terbaru.

    Klik untuk lihat dan Subcribe Channel Youtube

  • PlayList u Javascript

    WOW!!! UFO Hyperspace Animation using Javascript Code | Mahir Ngoding Playlist

    Dibuat: ddQiaChannel | Posting : 28 Sep 2019

    Video animasi ini teaser bagaimana membuat efek kecepatan cahaya menggunakan bahasa webprogramming Javascript, CSS dan HTML.

    Lebih dari 500 partikel untuk membuat efek cahaya biru yang dibuat dengan fungsi div dari HTML, lalu diperbanyak mempergunakan createElement dan createTextNode dari Javascript.

    Aneka ragam warna biru diolah oleh fungsi background linear gradient kepunyaan CSS3 serta dilengkapi kode warna secara acak yang dibantu oleh fungsi Math.random() Javascript.

    Agar setiap partikel cahaya tersusun sehingga membuat lingkaran, efek ini berhasil dimanipulasi oleh transform rotate, transform-origin dan transform-style preserve3d.

    Semua pengendalian animasi diatur oleh setTimeout fungsi dari Javascript.

    Terimakasih telah menyaksikan.

    Jangan lupa dukung terus kami dengan cara SUBSCRIBE channel youtube "ddqia channel".

    Sumber Animasi UFO:
    https://youtu.be/cn9yeUjAKjo

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.