KOLEKSI VIDEO

  • PlayList u Mahir Ngoding

    NGODING RESPONSIVE SLIDER SEDERHANA | HTML+CSS & 100% JAVASCRIPT | NO FRAMEWORK

    Dibuat: ddQiaChannel | Posting : 22 Feb 2019

    Video tutorial di edisi ini, kita akan membahas bagaimana cara membuat slider hanya dengan HTML, CSS dan Javascript, tanpa mempergunakan JQUERY.

    Biasanya slider di website harus menyertakan framework jquery. Sudah banyak nama-nama slider yang sudah kita kenal. Seperti diantaranya Carousel, Swiper dan Flexslider.

    Namun, sayangnya fungsi mereka itu harus disertai framework dari jquery. Tanpa framework itu, fungsi slider tidak akan bisa berjalan.

    Dalam video ini, fungsi javascript seperti scrollLeft masih menjadi pemeran utama. TIdak lupa addEventListeners menjadi teman setianya.

    Koding ini masih belum berfungsi sempurna, harus banyak perbaikan. Skrip koding ini hanya bisa berjalan baik di Chrome, editor ATOM (karena koding ini dibuat melalui ATOM).

    Belum bisa berjalan sempurna di Mozilla dan perangkat handphone atau tablet.

    Kami mohon maaf karena ngoding di video ini masih copas. Hal ini dikarenakan perangkat yang belum mumpuni.

    Mungkin kedepannya akan ada perbaikan.

    Terus dukung kami yaaa, cukup dengan cara komentar, like dan terakhir yang paling utama subscribe channel kami untuk selalu mendapat video terbaru.

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

    CARA MEMBUAT PIZZA - NGODING JAVASCRIPT, HTML dan CSS | Mahir Ngoding Playlist

    Dibuat: ddQia Channel | Posting : 17 Sep 2019

    Video ini menampilkan animasi text bahan-bahan membuat adonan makanan khas Italia yang dikenal Pizza.

    Tampilan video dibuat dengan mempergunakan bahasa pemograman Javascript Vanilla, HTML dan CSS.

    Fungsi-fungsi dalam javascript yang digunakan diantaranya addEventListener mouseover/mouseleave, keycode dan setTimeout.

    Selain itu, beberapa fungsi css dan html diantaranya filter blur, opacity, overflow, keyframes dan animation. Fungsi html diantaranya div, img, span dan h1.

    Tampilan teks animasi ini cocok digunakan untuk konten video memasak atau pengenalan info produk baru.

    Dukung terus chanel ini dengan cara klik tombol merah subscriber di bawah video.

    Terima kasih telah menyaksikan. Sampai ketemu lagi di video mendatang.

    Semua gambar di video ini hasil unduhan:
    http://www.freepik.com

  • 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 BISNIS / RIBA

    Apa itu Riba? Arti "Kekinian" RIBA | Nyesel kalo belum tau | TOP 3 Countdown

    Dibuat: ddQiaChannel | Posting : 04 Feb 2019

    Assalamu'alaikum.

    Mulai hari ini, ddQia Channel membuat playlist tentang RIBA.

    Apa itu riba, apa saja yang termasuk riba dan pertanyaan lainnya...

    Oke gaaesss kita simak aja yaa... Ditunggu komentarnya, kita sharing bareng tentang riba secara ilmiah.

    Wasalamualaikum.

    Sumber berita :
    WIKIPEDIA
    http://id.m.wikipedia.org/wiki/Riba

    Ust. Abdul Somad
    "Apa Pengertian Riba?"
    Oleh Kajian Al Furqan
    https://youtu.be/ZGoyreW1dWw

    Ust. Dr. Erwandi Tirmizi, MA
    "Waspada Praktek Riba Dalam Kehidupan Sehari-hari"
    Oleh Taman Surga
    https://youtu.be/z9w-6L1LVEI

    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.