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

    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

    BRILLIANT TEXT ANIMATION | Tutorial Making Video Title Scene using JavaScript

    Dibuat: ddqia Channel | Posting : 10 Nov 2019

    Opening scene dalam video ini dibuat menggunakan bahasa pemograman JavaScript, HTML dan CSS.

    Video berdurasi tujuh belas 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

    Making Intro Video using HTML CSS:
    Klik disini

    Aplikasi Perekam Layar:
    Klik disini

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

  • PlayList u Menjadi Youtubers

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

    Dibuat: ddQiaChannel | Posting : 20 Feb 2019

    Diposting pada tanggal 20 Februari 2019, membahas tutorial software perekam layar untuk komputer dan laptop.

    Software yang bagus, sangat membantu untuk pembuatan persentasi dan e-learning.

    Klik untuk lihat dan Subcribe Channel Youtube

  • PlayList u Javascript

    AUTOMATICALLY CENTER POSITION + FONT RESIZE!!! HTML CSS 100% JAVASCRIPT | Mahir Ngoding Playlist

    Dibuat: ddQiaChannel | Posting : 28 Jun 2019

    Ngoding edisi kali ini akan membahas tentang bagaimana caranya mengubah posisi teks atau gambar agar bisa secara otomatis berada di tengah halaman layar hanya dengan sekali klik tombol.

    Tutorial ini menambahkan fitur koding javascript untuk memperbesar atau memperkecil huruf secara realtime kemudian dengan hanya sekali klik tombol AUTO POSITION, maka teks atau gambar akan secara otomatis berpindah posisi ke tengah layar.

    Browser yang digunakan pada tutorial ini menggunakan Chrome. Adapun jika teman-teman yang baru bergabung kebingungan mengikuti tutorial ini, lebih baik lihat dulu video sebelumnya. Bisa di cek video-video di bawah ini :

    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

    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 bisa bermanfaat video tutorial sederhana ini. Klik tombol Subscribes untuk mendukung terus konten-konten video di channel ini. Serta jangan lupa share (bagikan) link videonya. Terima kasih.

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.