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 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 Javascript
MENU NAVIGATION STARWARS - LIGHTSABER USING PURE JAVASCRIPT, HTML and CSS | Mahir Ngoding Playlist
Dibuat: ddQiaChannel | Posting : 17 Jul 2019
Ngoding animasi menu ini terinspirasi dari salah satu film favorit kami yaitu Star Wars Series. Film terbarunya akan tayang pada bulan Desember 2019. Saya sisipkan juga cuplikan trailer dari film terbarunya di video tutorial ini.
Senjata andalan para Jedi ini dikenal dengan nama Lightsaber, pedang laser berkekuatan super ini bisa menghancurkan apa saja termasuk menu navigasi di video tutorial ini.
Menu dengan efek Lightsaber ini dibuat menggunakan bahasa HTML, CSS dan Javascript tanpa mempergunakan framework atau lebih di kenal dengan nama Vanilla Javascript.
Bagi yang ingin mendapatkan kode ini secara gratis, bisa kunjungi GitHub atau ke website ini untuk mengunduhnya.
Download files:
Klik untuk mengunduh
Link GitHub:
Klik ke laman Unduhan
Video Sebelumnya:
AUTOMATICALLY CENTER POSITION!!! HTML CSS 100% JAVASCRIPT | Mahir Ngoding Playlist
Klik lihat Video
PERHATIAN!!! CARA SEBELUM NGODING | LANGKAH AWAL yang harus diperhatikan! | MAHIR NGODING
Klik lihat Video
Kode ini gratis, bisa dimodifikasi sesuai keinginan. Jika ada pertanyaan, silahkan komentar di dibawah ini.
Dukung terus channel ini dengan cara menekan tombol subscribe, like dan share.
Terima kasih telah menyaksikan. -
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. -
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
CARA MEMBUAT PIZZA - NGODING JAVASCRIPT, HTML dan CSS | Mahir Ngoding Playlist
Dibuat: ddQia Channel | Posting : 17 Sep 2019
Video ini menampilkan animasi text bahan-bahan membuat adonan makanan khas Italia yang dikenal Pizza.
Tampilan video dibuat dengan mempergunakan bahasa pemograman Javascript Vanilla, HTML dan CSS.
Fungsi-fungsi dalam javascript yang digunakan diantaranya addEventListener mouseover/mouseleave, keycode dan setTimeout.
Selain itu, beberapa fungsi css dan html diantaranya filter blur, opacity, overflow, keyframes dan animation. Fungsi html diantaranya div, img, span dan h1.
Tampilan teks animasi ini cocok digunakan untuk konten video memasak atau pengenalan info produk baru.
Dukung terus chanel ini dengan cara klik tombol merah subscriber di bawah video.
Terima kasih telah menyaksikan. Sampai ketemu lagi di video mendatang.
Semua gambar di video ini hasil unduhan:
http://www.freepik.com
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.