KOLEKSI VIDEO

  • PlayList u Jalan-jalan Seru

    NAIK CRUISER - JELAJAH!!! JALAN-JALAN di BALI | JALAN-JALAN SERU

    Dibuat: ddQiaChannel | Posting : 25 Feb 2019

    NAIK CRUISER - JELAJAH!!! JALAN-JALAN di BALI | JALAN-JALAN SERU

    Video traveling saat di Bali.

    Banyak tempat-tempat keren yang ajib. Simak liputannya.

    Klik untuk lihat dan Subcribe Channel Youtube

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

    ScrollLeft Navigation HTML+CSS3 (100% Javascript) Part 2

    Dibuat: ddQia Channel | Posting : 25 Jan 2019

    Akhirnya beres juga di upload setelah ada beberapa kendala... HP yang dipake buat edit video ini gak ada space-nya. Jadi terpaksa harus dipotong durasinya.

    Sekali lagi maaf, maklum peralatannya terbatas. Ngoding video ini dibuat lewat software Videoshow yang di install di OPPO A37. Capture layar HP menggunakan software Mobizen.

    Tadi siang pinjem dulu PC, buat capture layar kode-kodenya biar keliatan bagus... Pake PC dualcore T4400 yang ramnya 2gb, hdd 320gb, layar lcd 17". Software caputernya yang gratisan pake ActivePresenter.

    Semoga video part 2 ini bisa membantu teman-teman yang seneng ngulik website khususnya yang pakai bahasa javascript.

    Terima kasih sekali lagi, maaf atas kekurangan, support boleh dengan cara subscribe, like dan komentar atauu donasi boleh juga :)

    Terima kasih telah menyaksikan konten video kami.

    Klik untuk lihat dan Subcribe Channel Youtube

  • PlayList u Mahir Ngoding

    CARA MEMBUAT INTRO ANIMASI TEKS dengan LATAR VIDEO | Hanya Ngoding HTML + CSS | Mahir Ngoding Playlist

    Dibuat: ddQia Channel | Posting : 28 Mar 2019

    Assalamualaikum, tutorial cara membuat teks animasi berlatar belakang video dengan menggunakan kode-kode HTML dan CSS.

    Jika belum punya software editor, terlebih dahulu menyaksikan tutorial ini:

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

    Metode sederhana dan dasar animasi ngoding CSS untuk menciptakan teks animasi unik. Ngoding ini direkam mempergunakan Active Presenter. Informasi alat perekam bisa di lihat di video kami yang lain.

    SEGER!!! Semua bisa terekam??? | Software Perekam Layar untuk Komputer & Laptop (1:09)
    Klik lihat Video

    SEGERRR LAGI!!! Cara Gampang Rekam Layar | PC / Laptop | Menjadi Youtuber
    Klik lihat Video

    Semoga bermanfaat, jangan lupa dukung kami dengan cara subscribe ddQia Channel. Terima kasih telah menyaksikan video tutorial ini.

    Wasalamualaikum.

    Klik untuk lihat dan Subcribe Channel Youtube

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

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.