KOLEKSI VIDEO

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

    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

    KOK BISA??? ANIMASI INI Ngoding HANYA pake HTML & CSS doang | ComingUp Tutorialnya

    Dibuat: ddQiaChannel | Posting : 23 Feb 2019

    Animasi ini tidak mempergunakan software atau aplikasi video seperti Adobe Premire atau After Effect dan tidak juga mempergunakan aplikasi androin atau mobile lainnya.

    Animasi ini dibuat murni mempergunakan editor bernama ATOM. Gerakan animasi lebih banyak didominasi koding CSS.

    Dalam waktu dekat, kita akan bahas semuanya. Ikuti channel ini biar gak ketinggalan video tutorialnya.

    Terima kasih telah menyaksikan konten video kami.

    Klik untuk lihat dan Subcribe Channel Youtube

  • PlayList u Javascript

    ScrollLeft Navigation HTML+CSS3 (100% Javascript) Part 2

    Dibuat: ddQia Channel | Posting : 25 Jan 2019

    Akhirnya beres juga di upload setelah ada beberapa kendala... HP yang dipake buat edit video ini gak ada space-nya. Jadi terpaksa harus dipotong durasinya.

    Sekali lagi maaf, maklum peralatannya terbatas. Ngoding video ini dibuat lewat software Videoshow yang di install di OPPO A37. Capture layar HP menggunakan software Mobizen.

    Tadi siang pinjem dulu PC, buat capture layar kode-kodenya biar keliatan bagus... Pake PC dualcore T4400 yang ramnya 2gb, hdd 320gb, layar lcd 17". Software caputernya yang gratisan pake ActivePresenter.

    Semoga video part 2 ini bisa membantu teman-teman yang seneng ngulik website khususnya yang pakai bahasa javascript.

    Terima kasih sekali lagi, maaf atas kekurangan, support boleh dengan cara subscribe, like dan komentar atauu donasi boleh juga :)

    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.