KOLEKSI VIDEO

  • 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

    LESS THAN A MINUTES | CREATE TEXT ANIMATIONS | TUTORIAL STEP BY STEPS with Source Code+Subtitle

    Dibuat: ddqia Channel | Posting : 20 Dec 2019

    Dalam video tutorial di edisi ini kita akan bareng-bareng ngoding membuat atau menciptakan halaman WEBSITE buatan sendiri yang berisi kumpulan/koleksi Teks Animasi CSS3.

    Kurang dari satu menit kita bisa membuat, merubah dan memodifikasi video intro teks animasi.

    Hasil teks animasi ini bisa digunakan untuk di tempel dalam video buatan kita, bisa buat judul untuk persentasi di sekolah/kuliah atau di pekerjaan.

    Kali ini temen-temen tidak hanya menempel cover background statis tanpa animasi. Namun kini, cover intro temen-temen bisa tampil lebih dinamis karena menggunakan teks animasi secara cepat dan mudah.

    Clip video ini merupakan hasil ngoding yang nanti akan kita buat. Hasil ngoding dijalankan lewat browser Mozilla atau Chrome, lalu direkam menggunakan aplikasi perekam layar seperti Active Presenter.

    Bagi temen-temen yang ingin langsung ngoding, source coding-nya sudah saya sisipkan di akhir video, atau info detailnya bisa lihat deskripsi di bawah.

    Video ini lumayan agak panjang, karena menjelaskan tahap demi tahap terciptanya halaman WEBSITE.

    Pokoknya banyak teknik baru penulisan, solusi dan hal-hal menarik lainnya di video ini.

    Oh yaa penulisan ini masih tetap menggunakan bahasa web programing HTML, CSS3 dan Vanilla JavaScript tanpa menggunakan framework.

    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

    Aplikasi Perekam Layar:
    Klik disini

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

    00:00 - 02:40 Intro
    02:40 - 03:32 Kode HTML
    03.32 - 05:25 Kode CSS
    05:25 - 06:12 Kode ekspresi pada Javascript
    06:12 - 11:20 Membuat fungsi kontruksi
    11:20 - 12:05 Fungsi change pada addEventListener
    12:05 - 17:25 Fungsi Motion untuk Animasi
    17:25 - 20:40 Fungsi push, findIndex() dan ekspresi array
    20:40 - 22:40 Menambahkan warna dan spasi per kata
    22:40 - 28:30 Menambah latar gambar
    28:30 - 33:40 Membuat animasi fadeOut
    33:40 - 35:45 Menghilangkan kotak select saat memulai animasi
    35:45 - 38:25 Fungsi Math.random() pada animasi
    38:25 - 41:15 Membuat posisi teks dan ukuran font
    41:15 - 44:22 Membuat ekspresi Object
    44:22 - 44:17 Menambah beberapa keyframes animasi
    44:17 - 45:50 Source Code (HTML, CSS, JavaScript)
    45:50 - 46:24 Penutup

  • PlayList u Javascript

    MENU NAVIGATION SLIDER ANIMATED | HTML CSS 100% JAVASCRIPT | Mahir Ngoding Playlist

    Dibuat: ddQiaChannel | Posting : 11 Jul 2019

    Kembali lagi di ddQia Channel, kali ini kami membuat tutorial menu navigasi untuk website. Javascript menjadi pemeran utama dalam pembuatan menu ini.

    Bagaimana cara membuat animasi bingkai bawah (bottom border) yang mengikuti tombol menu saat di tekan. Ngoding sederhana ini murni menggunakan bahasa JS tanpa mempergunakan framework. Sudah pasti HTML dan CSS setia menemani.

    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.

  • PlayList u Menjadi Youtubers

    Kurang dari 6 Menit, Anda akan dibayar YouTube | Ikuti syarat dan caranya | Menjadi YouTuber Kreatif

    Dibuat: ddQiaChannel | Posting : 31 Jan 2019

    Assalamu'alaikum.

    Alhamdulillah tahap-tahap pembuatan akun yutube berbayar selesai dibuat. Mudah-mudahan bisa membantu teman-teman yang ingin sekali mendapatkan uang dari hasil membuat video.

    Sebelum mengikuti tahap-tahap dalam video tutorian ini, perlu diperhatikan diantaranya :
    1. Anda harus memiliki akun Google atau Youtube
    2. Minimal 3 konten video yang original buatan sendiri 3. Jika belum punya, buat dulu yaa...
    4. Ikuti semua tahap-tahap di dalam video ini

    Terima kasih telah menyaksikan channel ddQia.

    Wasalamu'alaikum

    Klik untuk lihat dan Subcribe Channel Youtube

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

    NAIK CRUISER - JELAJAH!!! JALAN-JALAN di BALI | JALAN-JALAN SERU

    Dibuat: ddQiaChannel | Posting : 25 Feb 2019

    NAIK CRUISER - JELAJAH!!! JALAN-JALAN di BALI | JALAN-JALAN SERU

    Video traveling saat di Bali.

    Banyak tempat-tempat keren yang ajib. Simak liputannya.

    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.