KOLEKSI VIDEO
-
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
-
PlayList u HTML & CSS doang
CARA MEMBUAT TEKS ANIMASI | OPENING VIDEO | Ngoding bahasa HTML & CSS | MAHIR NGODING
Dibuat: ddQiaChannel | Posting : 10 Mar 2019
Assalamualaikum.
Halo apa kabar Qfren, berjumpa lagi di playlist ddQia Channel.
Video tutorial kali ini akan membahas cara membuat tampilan animasi logo atau tulisan intro untuk disematkan ke dalam video yang sebelumnya kita buat.
Video intro ini dibuat menggunakan kode-kode sederhana dalam bahasa HTML dan CSS.
Software editornya menggunakan ATOM dan Active Presenter untuk merekam layar menjadi file video berekstensi MP4.
Selamat menyaksikan...
Jangan lupa setelah menonton untuk subscribe ddQiaChannel, share dan komentar. Jika suka silahkan tekan tombol like.
Terima Kasih.
Wasalamu'alaikum.
Download Kode:
Download Files-nya
Klik untuk lihat dan Subcribe Channel Youtube -
PlayList u Javascript
Javascript ScrollLeft Navigation | HTML+CSS (100% Javascript) | PART 3
Dibuat: ddQiaChannel | Posting : 27 Jan 2019
Assalamu'alaikum.
Alhamdulillah, akhirnya video terakhir dari seluruh seri ini telah diupload.
Terima kasih saya ucapkan pertama keluarga, istri dan anak tercinta, Youtube dan Pak Dhika dari channel Web Programing Unpas atas video-video turotialnya.
Video tutorial yang saya buat masih jauh dari sempurna, perlu perbaikan. Support viewers sangat diharapkan untuk pengembangan channel ini. Subscribe, like, comment atau share konten ini jika bermanfaat.
"Lebih baik memberi dulu", itulah visi channel ini. Sudah banyak pemberian-pemberian yang saya terima, melalui chanel ini saya ingin memberi sesuatu yang bisa memberi manfaat.
Akhir kata, mari kita semua berkreasi, memberikan yang terbaik dari diri kita untuk orang banyak.
Wasalamualaikum.
Klik untuk lihat dan Subcribe Channel Youtube -
PlayList u Kuliner Bandung
Kuliner Bandung | "Kerasa banget ikannya" | Ngiler Baso Tahu Lina Bandung
Dibuat: ddQiaChannel | Posting : 02 Feb 2019
Assalamu'alaikum.
Lagi jalan-jalan di Alun-alun Bandung, mampir ke Baso Tahu Lina. Tadi tuh jam 11.30, banyak banget yang lagi pada makan.
Jadi penasaran pengen nyoba... Tadi kita pesen baso tahu, siomay, pare, kol dan kentang. Baso tahu dan siomay-nya berasa banget aroma ikan tenggiri. Pare-nya gak berasa pahit banget, tapi sayang bumbu kacangnya dikit dan gak ada sambalnya. Yang suka asem, bisa tambahi jeruk mipis yang disediakan di meja.
Secara keseluruhan, mangtaps dehh, harga relatif murah. Masing-masing dibandrol tiga ribu rupiah. Ukurannya lumayan gede.
Minumannya cuma nyediain teh botol ama air mineral aja.
Cukup sekian info kuliner di ddQia Channel, bagi yang seneng nyoba jajanan di Bandung gak salah deh nyobain Baso Tahu Lina. Bisa dibungkus buat oleh-oleh juga.
Terima kasih sudah nonton video kita. Jangan lupa subscribe, share, like dan komentar yaaa.
Wasalamu'alaikum.
Klik untuk lihat dan Subcribe Channel Youtube -
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 Javascript
MAKING MOBILE RESPONSIVE IMAGES-SLIDER using Vanilla JavaScript | Full Tutorial +SourceCode
Dibuat: ddqia Channel | Posting : 01 Dec 2019
Tutorial ini dilengkapi audio dan teks berbahasa Indonesia serta teks terjemahan bahasa Inggris.
Video berdurasi 38:46 menit ini membeberkan semua rahasia kode JavaScript, HTML5 dan CSS3 tentang cara bagaimana tip dan trik ngoding animasi slider images untuk mobile device yang full responsive touch.
Dalam pembuatannya, tidak satupun plug-in atau framework yang digunakan, murni bahasa pemograman JavaScript.
Ikuti semua prosesnya dari awal, siapkan cemilan dan kopi sambil menyaksikan tutorial ini, karena durasi video ini cukup panjang.
Tidak hanya menampilkan cara pembuatannya, dalam video ini dilengkapi penjelasan berbahasa Indonesia (termasuk subtitle Eng/Ind masih proses) serta dokumentasi source code di diakhir video.
00:00 - 01:08 Pembukaan
01:08 - 05:16 Ngoding HTML
05:16 - 13:45 Ngoding CSS3
13:45 - 15:35 Penjelasan Animasi
15:35 - 29:50 Ngoding JavaScript
29:50 - 36:20 Ngoding Touch JavaScript
36:20 - 38:20 Penutup
Terima kasih telah menyaksikan video tutorial ini.
Berikut ini beberapa aplikasi yang membantu penyelesaian proses video ini.
Penting!!! Sebelum membuat tutorial ini disarankan sebaiknya melihat dulu video sebelumnya:
Aplikasi Ngoding:
Klik disini
MEMBUAT ICON/SIMBOL:
Klik disini
Aplikasi Perekam Layar:
Klik disini
Video ini dilengkapi cuplikan lengkap source code, tetapi tidak menyertakan source code file.
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.