KOLEKSI VIDEO

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

    JELAJAH!!! MEKAH dan MADINAH | MENAPAKI TANAH SUCI | JALAN-JALAN SERU Playlist (17:38)

    Dibuat: ddqiaChannel | Posting : 21 Mar 2019

    Video kiriman Irma dan Heru ketika mereka melaksanakan perjalanan umroh di awal tahun 2019.

    Menjelajahi Kota Mekah dan Kota Madinah.
    Beberapa tempat yang dikunjungi:

    1. Melihat Royal Clock Tower dekat Masjidil Haram
    2. Suasana malam menjelang subuh di Masjidil Haram
    3. Gua Hiro dan Gunung An-Nur, tempat wahyu pertama turun kepada Rasulallah
    4. Menyaksikan Gunung Rahmah, tempat bertemu Nabi Adam dengan Siti Hawa
    5. Gunung Uhud, peristiwa perang ke-2 Kaum Muslim melawan Kaum Qurais
    6. Pemakaman Baqi Madinah
    7. Masjid Nabawi
    8. Perjalanan menuju Madinah


    Klik untuk lihat dan Subcribe Channel Youtube

  • PlayList u Javascript

    RESPONSIVE TOUCH SLIDER USING ANIMATION BACKGROUND | Javascript, HTML & CSS | Mahir Ngoding Playlist

    Dibuat: ddQia Channel | Posting : 14 Aug 2019

    Ngoding responsive slider kali ini dilengkapi tombol navigasi dan mode geser (swipe mode) pada setiap gambar/foto slider serta diujicoba melalui browser chrome yang dijalankan menggunakan komputer dan handphone

    Ukuran file ini tidak lebih dari 15kb, jika menggunakan framework akan membengkak hingga ukurannya diatas 100kb. Sehingga ngoding tanpa framework jauh lebih hemat.

    Video di edisi kali ini merupakan revisi dari semua konten video yang membahas #ngoding slider. Diantara video terdahulunya bisa dibuka di link Responsive Animation Slider dan Responsive Slider

    Penulisan kode ini murni mempergunakan bahasa javascript atau dikenal dengan sebutan vanillaJS yang selalu membaur dengan HTML dan CSS.

    Tak ketinggalan, dibahas pula beberapa perangkat yang dicoba untuk menguji hasil pengodingan ini. Diantaranya PC jadul dual core, hp Oppo A37 dan hp Realme 3 Pro. Manakah yang paling bagus performanya? Untuk tau jawabannya, saksikan video ini sampai akhir.

    Software editing menggunakan ATOM, browser dites lewat Mozilla dan Chrome. Editing video dan perekaman layar masih tetap setia menggunakan aplikasi Android VideoShow dan Active Presenter.

    Pengolahan animasi di dalam video ini sebagian besar menggunakan HTML dan CSS. Insya Allah, dalam kesempatan lain akan dibuat efek-efek video tutorialnya secara terpisah.

    Semua hasil ngoding didokumentasikan ke dalam video ini. Mulai dari kode HTML sampai Javascript, jadi tonton sampai selesai yaa.

    Bagi yang ingin kode (source code) yang sudah jadi dalam bentuk file, bisa tulis permintaan atau request di kolom komentar di bawah sampai dengan minggu depan, jadi buruan request dan komentar di bawah ini!

    Kodingan ini GRATIS dan boleh dimodif sesuka hati. Indahnya berbagi untuk para peminat ngoding. .

    Terima kasih telah menyaksikan video ini. Dukung terus channel ini. Jangan lupa tekan tombol subscribe bagi yang belum bergabung di channel ini.

    Like dan bagikan video ini. Komentar, request dan saran bisa ditulis di bawah.

  • PlayList u Gambar Cepat

    HULK NGAMUK!!! Gambar Karakter Komik Marvel | GAMBAR CEPAT

    Dibuat: ddQiaChannel | Posting : 22 Feb 2019

    Video ini diposting pada tanggal 22 Februari 2019.

    Menggambar cepat tokoh komik Marvel HULK.

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