KOLEKSI VIDEO

  • 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

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

    AUTOMATICALLY CENTER POSITION + FONT RESIZE!!! HTML CSS 100% JAVASCRIPT | Mahir Ngoding Playlist

    Dibuat: ddQiaChannel | Posting : 28 Jun 2019

    Ngoding edisi kali ini akan membahas tentang bagaimana caranya mengubah posisi teks atau gambar agar bisa secara otomatis berada di tengah halaman layar hanya dengan sekali klik tombol.

    Tutorial ini menambahkan fitur koding javascript untuk memperbesar atau memperkecil huruf secara realtime kemudian dengan hanya sekali klik tombol AUTO POSITION, maka teks atau gambar akan secara otomatis berpindah posisi ke tengah layar.

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

    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

    UNBOXING!!! AWUG CIBEUNYING | Jajanan Orang Sunda | Kuliner Bandung Playlist

    Dibuat: ddQiaChannel | Posting : 24 Mar 2019

    Assalamualaikum.

    Awug merupakan makanan cemilan khas Sunda. Tepung beras, gula aren, kelapa parut adalah bahan awug.

    Selain itu, ada banyak cemilan lainnya di Awug Cibeunying. Makanan ini cocok dihidangkan untuk acara pengajian, pertemuan keluarga, arisan bahkan bisa dijadikan oleh-oleh.

    Semoga info kuliner ini bermanfaat. Terimakasih telah menyaksikan video kami. Terus dukung ddQia Channel dengan cara subscribe, bagikan video ini dan like jika anda suka.

    Wasalamualaikum.

    Alamat Toko:
    Jl. Jendral Ahmad Yani No.361, Kacapiring, Cibeunying Kidul, Kota Bandung, Jawa Barat 40121

    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.