LESS THAN A MINUTE | TEXT ANIMATION | TUTORIAL STEP BY STEP with Source Code + Subtitle
#typography #animation #javascript #ngoding #css3 #intro
LESS THAN A MINUTE | TEXT ANIMATION | TUTORIAL STEP BY STEPS with Source Code+Subtitles
(Subtitle masih dalam proses edit)
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 addEventListener
12:05 - 17:25 Fungsi Motion untuk Animasi
17:25 - 20:40 Fungsi push, findIndex() & array
20:40 - 22:40 Menambah warna & spasi per kata
22:40 - 28:30 Menambah latar gambar
28:30 - 33:40 Membuat animasi fadeOut
33:40 - 35:45 Menghilangkan select saat 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 keyframes animasi
44:17 - 45:50 Source Code (HTML, CSS, JS)
45:50 - 46:24 Penutup
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.
Dukung kami dengan cara SUBSCRIBE channel ini.
Selamat menonton.
Other Video Playlist:
https://bit.ly/2YRZ8SF
Sur cette page du site, vous pouvez voir la vidéo en ligne LESS THAN A MINUTE | TEXT ANIMATION | TUTORIAL STEP BY STEP with Source Code + Subtitle durée heure minute seconde en bonne qualité , qui a été Téléchargé par l'utilisateur Jacemalak 20 décembre 2019, Partagez le lien avec vos amis et connaissances, sur youtube cette vidéo a déjà été regardée 5,552 fois et il a aimé 773 téléspectateurs. Bon visionnage!
