KOLEKSI VIDEO

  • 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

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

    INTIP KESEHARIAN PEMBUATAN AL-QURAN di BANDUNG | JALAN-JALAN SERU

    Dibuat: ddQia Channel | Posting : 11 Mar 2019

    JALAN-JALAN SERU | JELAJAH!! dan INTIP KESEHARIAN PEMBUATAN AL-QURAN di BANDUNG

    Assalamualaikum

    Hallo apa kabar, semoga semuanya sehat yaa

    Berjumpa lagi di QChannel.

    Video kali ini Kita sama-sama intips yukk proses pembuatan Al-Quran di kawasan Bandung.

    Simak videonya.

    Wasalamualaikum.

    Klik untuk lihat dan Subcribe Channel Youtube

  • PlayList u CERAMAH

    "Mem-BLUDAK-nya" Jamaah Ust. Abdul Somad di Bandung (28/11/2017). Klik detail untuk baca isi ceramah

    Dibuat: ddQiaChannel | Posting : 04 Feb 2019

    Assalamu'alaikum.

    SEKILAS ISI CERAMAH...

    Ribuan orang memadati Perumahan Buahbatu Regency Bandung.

    Kabar hoax perihal adanya Tabligh Akbar yang akan diisi Ustad Abdul Somad dibantah bukan hoax oleh DKM Baburrahman.

    Menurut pengakuan panitia Tabligh, persiapan acara ini hanya 8 hari. Namun, acara tersebut berlangsung sukses meski kemacetan sekitar Jalan Terusan Buahbatu tak terhindarkan selama beberapa jam.

    Sejak pukul 8 pagi, jamaah mulai memenuhi masjid. Padahal tabligh baru dimulai ba'da Dzuhur. Antusias jamaah yang ingin langsung bertemu Ust. Abdul Somad tidak terbendung hingga tumpah ruah ke ruas jalan.Pada pukul 12.05 Ustad bersusah payah masuk ke masjid karena dipadati jamaah.

    Lantunan shalawat nabi yang mengiringi kedatangan ustad. Kondisi Ustad terlihat kurang fit, tangan kirinya memegang tisue. Meski begitu, suara lantang khas orang sebrang tetap terdengar prima saat memberikan salam dan takbir hingga mengobati kerinduan jamaah yang sejak pagi menantikan kehadirannya.

    Sambutan oleh Ketua DKM menjadi pembuka tabligh, saat giliran Ustad berceramah, beliau mengomentari Ketua DKM yang gemeteran saat menyampaikan pidatonya. Serentak jamaah tertawa, begitulah beliau ceramah yang selalu menyisipkan candaan yang membuat banyak jamaah terhibur.

    Ada tiga hal yang dibahas dalam ceramahnya. Terajutnya Ukhuwah, ilmu dan akhlak merupakan kajian siang itu.

    Ukhuwah terajut jika kita semua mengakui bahwa kita keluar dari perut yang sama, yakni perutnya Hawa istri Nabi Adam AS. Kita semua keluar dari dalam perut seorang ibu melalui ciptaan Allah yang disebut Rahim. Kulit tipis namun berfungsi melindungi isinya dari kotoran yang ada di perut. Ketika lahir ke dunia, meski berbeda bahasa, warna kulit, semua adalah saudara, oleh karena itu ukhuwah harus terajut.

    Kemudian, ilmu yang benar merupakan pilar membentuk manusia berakhlak. Yaitu ilmu-ilmu Allah yang disampaikan oleh Rasulallah SAW, sahabat-sahabatnya dan para ulama yang sampai kepada kita hingga saat ini.

    Rujukan ilmu yang benar berasal dari dalil-dalil yang terkandung dalam Al-Quran, asSunnah, Ijma Ulama dan Qiyas. Sehingga ibadah kita sesuai syariat yang diridhoi Rabb kita Allah SWT.

    InsyaAllah di lingkungan Buahbatu Regency akan dibuka sekolah Al-Azhar cabang Bandung. Semoga terealisasinya sekolah ini dapat melahirkan hafizd dan pemimpin-pemimpin yang berakhlak 20 tahun mendatang. Aamiin.

    Sekitar pukul 13.15, saking semangat dikala berceramah, beliau batuk tak henti-henti sehingga ceramah dihentikan beberapa menit yang kemudian diteruskan sesi tanya jawab hingga pukul 14.00.

    Alhamdulillah acara berjalan lancar. Cuaca cerah, meskipun semalam sampai dengan pagi turun hujan.

    Semoga Ustad Abdul Somad senantiasa diberikan kesehatan. Terus menerus memberikan semangat agar meningkatkan ketaqwaan umat islam khususnya di Bandung dan umumnya di seluruh Indonesia.

    Terimakasih atas perhatiannya...

    "Liputan ceramah Ustad Abdul Somad, meskipun persiapan hanya 8 hari, Alhamdulillah lancar, hanya saja kemacetan di sekitar Jalan Terusan Buahbatu. Terimakasih Panitia Mesjid Baburrahman yang telah menyelenggarakan Tabligh Akbar ini. Saya mewakili warga Bandung mengucapkan keep the best DKM Mesjid Baburrahman Buahbatu Regency."

    Full ceramah (audio) :
    https://youtu.be/4SU_mX0z85E

    Klik untuk lihat dan Subcribe Channel Youtube

  • PlayList u Kuliner Bandung

    FRUIT's DESTROYER alias RUJAK BEUBEK ASLI BANDUNG | Pedas, Asem, Seger!!!! | Kuliner Bandung Playlist

    Dibuat: ddQia Channel | Posting : 10 Apr 2019

    Assalamualaikum. Mau cari yang seger-seger enak, makanan ini bisa jadi pilihan.

    Siapa yang tak mengenal rujak beubek (tumbuk). Kadang susah sekali mencari jajanan ini. Namun, sekarang ada yang stand by neeh di sekitar wilayah Ujungberung Bandung.

    Gerobak ini mangkal setiap hari pukul 10 pagi hingga pukul 5 petang pas disebrang Masjid Al-Madinah di Komplek Madani Regency Cijambe Ujungberung Bandung.

    Gerobak rujak ini tidak hanya menyediakan sejenis rujak saja, ada rujak serut dan rujak coel atau ulek.

    Dibandrol sepuluh ribu rupiah untuk rujak bebeuk dan serut, harga rujak coel lebih mahal dikit duabelas ribu.

    Kebetulan saya hanya mencoba rujak bebeuk. Rujak ini dikemas dalam gelas plastik, cukup banyak dan padat sampai tumpah menuh-menuhi bungkusnya.

    Untuk rasa, asem manis dari nanas dan kedondong membuat lidah sembriwing deh, ditambah aroma khas terasinya tercium sehingga makin komplit cita rasa rujak bebeuk ini.

    Bagi yang suka pedes, wah gak tahan deh, soalnya pakai cabe yang super gemuk di tumbuk ancur di mesin rujak bebeuknya.

    Secara keseluruhan, puas banget deh, pas dikantong untuk jajanan yang menguras lidah bergoyang di siang hari.

    Sampai jumpa di pembahasan kuliner berikutnya. Jadi dukung chanel ini dengan cara menekan tombol subscribe, like dan bagikan link video ini ke teman dan kerabat. Terima kasih telah menyaksikan.

    Wasalamualaikum.

    Klik untuk lihat dan Subcribe Channel Youtube

  • 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

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.