KOLEKSI VIDEO

  • PlayList u Javascript

    LESS THAN A MINUTES | CREATE TEXT ANIMATIONS | TUTORIAL STEP BY STEPS with Source Code+Subtitle

    Dibuat: ddqia Channel | Posting : 20 Dec 2019

    Dalam video tutorial di edisi ini kita akan bareng-bareng ngoding membuat atau menciptakan halaman WEBSITE buatan sendiri yang berisi kumpulan/koleksi Teks Animasi CSS3.

    Kurang dari satu menit kita bisa membuat, merubah dan memodifikasi video intro teks animasi.

    Hasil teks animasi ini bisa digunakan untuk di tempel dalam video buatan kita, bisa buat judul untuk persentasi di sekolah/kuliah atau di pekerjaan.

    Kali ini temen-temen tidak hanya menempel cover background statis tanpa animasi. Namun kini, cover intro temen-temen bisa tampil lebih dinamis karena menggunakan teks animasi secara cepat dan mudah.

    Clip video ini merupakan hasil ngoding yang nanti akan kita buat. Hasil ngoding dijalankan lewat browser Mozilla atau Chrome, lalu direkam menggunakan aplikasi perekam layar seperti Active Presenter.

    Bagi temen-temen yang ingin langsung ngoding, source coding-nya sudah saya sisipkan di akhir video, atau info detailnya bisa lihat deskripsi di bawah.

    Video ini lumayan agak panjang, karena menjelaskan tahap demi tahap terciptanya halaman WEBSITE.

    Pokoknya banyak teknik baru penulisan, solusi dan hal-hal menarik lainnya di video ini.

    Oh yaa penulisan ini masih tetap menggunakan bahasa web programing HTML, CSS3 dan Vanilla JavaScript tanpa menggunakan framework.

    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

    Aplikasi Perekam Layar:
    Klik disini

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

    00:00 - 02:40 Intro
    02:40 - 03:32 Kode HTML
    03.32 - 05:25 Kode CSS
    05:25 - 06:12 Kode ekspresi pada Javascript
    06:12 - 11:20 Membuat fungsi kontruksi
    11:20 - 12:05 Fungsi change pada addEventListener
    12:05 - 17:25 Fungsi Motion untuk Animasi
    17:25 - 20:40 Fungsi push, findIndex() dan ekspresi array
    20:40 - 22:40 Menambahkan warna dan spasi per kata
    22:40 - 28:30 Menambah latar gambar
    28:30 - 33:40 Membuat animasi fadeOut
    33:40 - 35:45 Menghilangkan kotak select saat memulai animasi
    35:45 - 38:25 Fungsi Math.random() pada animasi
    38:25 - 41:15 Membuat posisi teks dan ukuran font
    41:15 - 44:22 Membuat ekspresi Object
    44:22 - 44:17 Menambah beberapa keyframes animasi
    44:17 - 45:50 Source Code (HTML, CSS, JavaScript)
    45:50 - 46:24 Penutup

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

    PERHATIAN!!! CARA SEBELUM NGODING | LANGKAH AWAL yang harus diperhatikan! | MAHIR NGODING

    Dibuat: ddQiaChannel | Posting : 25 Feb 2019

    Dibuat pada tanggal 25 Februari 2019, video tutorial tentang tahap awal dalam pembuatan web programming.

    Tahap-tahap apa saja yang harus diperhatikan? Simak video ini hingga selesai.

    Klik untuk lihat dan Subcribe Channel Youtube

  • PlayList u Javascript

    AutoFOKUS Animation EFFECT: My Baby Boy | Pure JS, HTML & CSS | Mahir Ngoding playlist

    Dibuat: ddQia Channel | Posting : 10 Aug 2019

    Bagaimana cara membuat visual efek yang semula gambar backgroundnya gelap dan buram menjadi cerah dan jelas.

    Video ini dibuat menggunakan bahasa web programming HTML, CSS dan Javascript (murni) tanpa framework.

    Bagi yang ingin kode ini secara gratis, silahkan klik tombol subscribe dan request/komen di kolom komentar dibawah ini. Gratis tidak perlu bayar.

    Fungsi CSS mempergunakan clip-path dan filter blur.

    Fungsi Javascript menggunakan addEventListener input, mousemove dan fungsi keyCode.

    Bagi yang baru bergabung, silahkan tonton video sebelumnya di ddQia Channel.

    TAHAP AWAL SEBELUM NGODING
    Lihat Video

    MEREKAM LAYAR KOMPUTER GRATIS
    Lihat Video

    PERANGKAT MINIM TAPI BISA BIKIN VIDEO JADI VIRAL
    Lihat Video

    Terimakasih telah menyaksikan, dukung terus channel ini dengan cara menekan tombol subscribe, like, share dan jangan lupa komentar.

  • 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

    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.