KOLEKSI VIDEO

  • PlayList u Mahir Ngoding

    NGODING TEKS ANIMASI HTML & CSS | BURNING TEXT ANIMATION | Mahir Ngoding Playlist

    Dibuat: ddQia Channel | Posting : 28 Mar 2019

    Assalamualaikum. Ngoding edisi ini sambungan dari video sebelumnya.

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

    Kali ini kami membuat teks animasi dengan efek terbakar. Animasi ini terinspirasi dari film Mission Impossible, ketika Ethan Hunt selesai mendengarkan misi dari tape recorder, kemudian tak lama tape recordernya terbakar.

    Bagi yang belum mempunyai software editor coding dan perekam layar, videonya bisa dilihat di channel ini.

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

    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

    Mungkin agak sulit ngoding animasi ini di awal-awal. Jika dibanding dengan Adobe Premiere atau After Effect yang sangat-sangat simple dan tidak memerlukan kode-kode animasi.

    Iya memang sangat mudah menggunakan software itu, tapi sayang harga softwarenya mahal, bagi yang punya uang, saya rekomendasikan menggunakan software ini.

    Kreatifitas tidak terpengaruh pada software, asal ada kemauan, software-software gratis pun bisa menciptakan ide kreatif.

    Terima kasih telah menonton video tutorial sederhana ini. Jangan lupa subscribe channel ini untuk mendukung channel ini.

    Wasalamualaikum.

    Klik untuk lihat dan Subcribe Channel Youtube

  • PlayList u Javascript

    Animation Fire Effect using Vanilla Javascript, CSS and HTML | Mahir Ngoding Playlist

    Dibuat: ddQiaChannel | Posting : 20 Sep 2019

    Video animasi efek api ini, merupakan hasil ngoding mempergunakan perpaduan bahasa webprogramming Javascript, CSS dan HTML.

    Fungsi javascript yang dipakai antara lain setInterval, createElement, createTextNode, appendChild, setTimeout, classList.add(), for loop, Math.random() dan Math.floor.

    CSS antara lain filter blur, border-radius, animation, keyframes, transform rotate, box-shadow dan background-color.

    HTML hanya menggunakan div dan span.

  • 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

    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 Jalan-jalan Seru

    INTIP KESEHARIAN PEMBUATAN AL-QURAN di BANDUNG | JALAN-JALAN SERU

    Dibuat: ddQia Channel | Posting : 11 Mar 2019

    JALAN-JALAN SERU | JELAJAH!! dan INTIP KESEHARIAN PEMBUATAN AL-QURAN di BANDUNG

    Assalamualaikum

    Hallo apa kabar, semoga semuanya sehat yaa

    Berjumpa lagi di QChannel.

    Video kali ini Kita sama-sama intips yukk proses pembuatan Al-Quran di kawasan Bandung.

    Simak videonya.

    Wasalamualaikum.

    Klik untuk lihat dan Subcribe Channel Youtube

  • PlayList u Menjadi Youtubers

    SEGERRR!!! Semua bisa terekam??? | Software Perekam Layar untuk Komputer & Laptop

    Dibuat: ddQiaChannel | Posting : 11 Feb 2019

    Video tutorial seri kali ini akan kita akan membahas aplikasi atau software perekam layar untuk komputer atau laptop.

    Ada banyak aplikasi sejenis yang bagus-bagus, namun kali ini kami sedikit mengulas software rekam layar yang biasa kami pergunakan untuk membuat konten video. Selain layar, suaranya pun bisa direkam sekaligus, tinggal diatur saja pemakaiannya.

    Software ini bernama ActivePresenter yang dibuat oleh ATOMIC SYSTEMS. Program ini sangat mudah dipergunakan, maaf untuk tutorialnya belum kami bahas di video ini. Otak atik dulu aja yaa, kalo ada pertanyaan bisa di komen di bawah ini.

    Software ini bisa di jalankan melalui sistem operasi Windows 7 sampai dengan windows 10, perlu diperhatikan jangan sampai salah download untuk yang mempergunakan jika Qfren masih mempergunakan Windows 7.

    Tersedia juga untuk sistem operasi Apple Machintos.

    Terima kasih telah menyaksikan konten video kami.

    Klik untuk lihat dan Subcribe Channel Youtube

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.