KOLEKSI VIDEO
-
PlayList u Javascript
MENU NAVIGATION STARWARS - LIGHTSABER USING PURE JAVASCRIPT, HTML and CSS | Mahir Ngoding Playlist
Dibuat: ddQiaChannel | Posting : 17 Jul 2019
Ngoding animasi menu ini terinspirasi dari salah satu film favorit kami yaitu Star Wars Series. Film terbarunya akan tayang pada bulan Desember 2019. Saya sisipkan juga cuplikan trailer dari film terbarunya di video tutorial ini.
Senjata andalan para Jedi ini dikenal dengan nama Lightsaber, pedang laser berkekuatan super ini bisa menghancurkan apa saja termasuk menu navigasi di video tutorial ini.
Menu dengan efek Lightsaber ini dibuat menggunakan bahasa HTML, CSS dan Javascript tanpa mempergunakan framework atau lebih di kenal dengan nama Vanilla Javascript.
Bagi yang ingin mendapatkan kode ini secara gratis, bisa kunjungi GitHub atau ke website ini untuk mengunduhnya.
Download files:
Klik untuk mengunduh
Link GitHub:
Klik ke laman Unduhan
Video Sebelumnya:
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
Kode ini gratis, bisa dimodifikasi sesuai keinginan. Jika ada pertanyaan, silahkan komentar di dibawah ini.
Dukung terus channel ini dengan cara menekan tombol subscribe, like dan share.
Terima kasih telah menyaksikan.
-
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 -
PlayList u Gambar Cepat
GAMBAR CEPAT!!! Naruto Lagi Ngeluarin Jurus Andalan | Tutorial Menggambar Komik
Dibuat: ddQiaChannel | Posting : 09 Feb 2019
Teaser tutorial gambar kali ini mengangkat tema Naruto lagi mengeluarkan jurus andalan.
Tutorial lengkapnya bisa dilihat :
https://www.youtube.com/watch?v=AmqJ1taBODw&feature=youtu.be
Klik untuk lihat dan Subcribe Channel Youtube -
PlayList u Gambar Cepat
Gambar CEPAT!!! | RYU "Street Fighter" | Tutorial Gambar | Gak lebih dari 30 menit
Dibuat: ddQiaChannel | Posting : 08 Feb 2019
Playlist baru di channel ini diberi judul "Menggambar Cepat".
Kali ini sekilas tutorial gambar tokoh Ryu dari game ternama Street Fighter.
Gambar ini dibuat tanpa sketsa, spontan digambarnya. Bisa dilihat di video lengkapnya di bawah ini.
Tutorial segaligus obrolan santai, ngobrol dan ngerumpi, kalo bahasa sundanya "Ngacapruk".
Enjoy the video yaa... Thanks dah nonton videonya. Jangan lupa support kami dengan cara menekan tombol subscribes dan like. Komentar dan share video ini bisa lebih seru.
Full Tutorial bisa di lihat di:
https://youtu.be/RFSfT0lCefw
Klik untuk lihat dan Subcribe Channel Youtube -
PlayList u Javascript
HOT!!! BURNING TEXT ANIMATION #2 using JAVASCRIPT, CSS & HTML | Mahir Ngoding Playlist
Dibuat: ddQia Channel | Posting : 27 Sep 2019
Video animasi Teks Terbakar ini dibuat menggunakan bahasa webprogramming murni Javascript, CSS dan HTML.
Link Video sebelumnya:
CARA BIKIN ANIMASI TEKS KEBAKAR KEPANASAN | NGODING TEKS ANIMASI HTML & CSS | BURNING TEXT ANIMATION
Efek animasi ini tidak satupun mempergunakan framework atau gambar, tetapi murni fasilitas dari JS, CSS3 dan HTML5.
Efek api menggunakan fungsi div dari HTML5 yang di manipulasi fungsi createElement dan createTextNode dari Javascript sehingga bisa memunculkan ratusan partikel.
Ratusan div yang telah dibuat Javascript, dipercantik tampilannya oleh CSS3 dengan menggunakan border-radius, filter blur, transform rotate, transition, animation dan keyframe.
Semua perubahan animasi diatur setInterval dan setTimeout kepunyaan Javascript.
Jika ada yang penasaran bagaimana cara ngoding efek ini, silahkan request atau komentar di kolom komentar di bawah. Kode ini GRATIS dan boleh dimodifikasi.
Dukung terus channel kami dengan cara klik tombol Subscriber youtube ddqia Channel.
Terima Kasih telah mampir dan menyaksikan konten video kami.
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.