KOLEKSI VIDEO

  • 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

    HOT!!! BURNING TEXT ANIMATION #2 using JAVASCRIPT, CSS & HTML | Mahir Ngoding Playlist

    Dibuat: ddQia Channel | Posting : 27 Sep 2019

    Video animasi Teks Terbakar ini dibuat menggunakan bahasa webprogramming murni Javascript, CSS dan HTML.

    Link Video sebelumnya:
    CARA BIKIN ANIMASI TEKS KEBAKAR KEPANASAN | NGODING TEKS ANIMASI HTML & CSS | BURNING TEXT ANIMATION

    Efek animasi ini tidak satupun mempergunakan framework atau gambar, tetapi murni fasilitas dari JS, CSS3 dan HTML5.

    Efek api menggunakan fungsi div dari HTML5 yang di manipulasi fungsi createElement dan createTextNode dari Javascript sehingga bisa memunculkan ratusan partikel.

    Ratusan div yang telah dibuat Javascript, dipercantik tampilannya oleh CSS3 dengan menggunakan border-radius, filter blur, transform rotate, transition, animation dan keyframe.

    Semua perubahan animasi diatur setInterval dan setTimeout kepunyaan Javascript.

    Jika ada yang penasaran bagaimana cara ngoding efek ini, silahkan request atau komentar di kolom komentar di bawah. Kode ini GRATIS dan boleh dimodifikasi.

    Dukung terus channel kami dengan cara klik tombol Subscriber youtube ddqia Channel.

    Terima Kasih telah mampir dan menyaksikan konten video kami.

  • PlayList u Javascript

    Responsive Animation SLIDER using Vanilla Javascript, HTML & CSS

    Dibuat: ddQiaChannel | Posting : 21 Jul 2019

    Video tutorial kali ini membahas cara ngoding untuk mengolah pergantian foto atau gambar agar otomatis looping atau lazim disebut slider/karusel yang digunakan di awal laman website.

    Slider memberi kemudahan kepada pengunjung untuk mengetahui konten-konten apa saja yang dibahas di dalam sebuah website.

    Bahasa pemograman yang dipergunakan adalah bahasa HTML, CSS dan Javascript. Tidak mempergunakan framework apapun.

    Fungsi Interval menjadi pemeran utama dalam pengelolaan alur pergantian slider ini.

    Selain itu, fungsi setTimeout membantu dalam proses pengaturan animasi. Untuk pengembangan berikutnya, akan disertakan fungsi tombol navigasi, touch mobile dan fungsi klik mouse.

    Versi perbaikan mendukung tombol/button dan Touch effect:
    Lihat Video.

    Link download GitHub:
    Download kode

    Link download Official Website:
    Unduh kode

    Kode ini gratis, bisa dimodif. Jika berkenan setelah download kode ini, dukung kami dengan cara:

    Subscribe dan like Youtube Channel "ddqia Channel"

    Terima Kasih telah menyaksikan.

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

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.