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

    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 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 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 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 Kuliner Bandung

    DASYATTT!!! DARI DULU GAK BERUBAH RASANYA | Baso Bintang Avon | Kuliner Bandung

    Dibuat: ddQia Channel | Posting : 20 Apr 2019

    Assalamualaikum, kembali lagi di ddQia Chanel yang kali ini membahas kedai baso langganan kami sejak tahun 2005.

    Baso Bintang Avon, bisa kita temui di simpang lima sekitar daerah Asia Afrika Bandung. Wajib dan sangat kami rekomendasikan untuk mencoba mie baso yang ada di sini.

    Yamin asin dan manis menjadi menu favorit para pelanggan. Baso kuahnya pun tak kalah juara. Rasa yang terjaga dari dulu menjadi daya tarik para pelanggan yang enggan beralih ke kedai baso lain, meskipun harganya terus naik.

    Dibandrol harga antara Rp. 25.000, hingga 40.000,- per porsi, memang cukup mahal, tapi tidak mengurangi pelanggan yang selalu memenuhi kedai ini.

    Terimakasih telah menyaksikan konten video kami. Dukung terus yaa channel ini dengan cara klik tombol subscribe, tombol jempol untuk like dan bagikan ke teman-teman.

    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.