LESS THAN A MINUTE | TEXT ANIMATION | TUTORIAL STEP BY STEP with Source Code + Subtitle

Publicado em: 20 Dezembro 2019
no canal de: Jacemalak

5,552

773

#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

Nesta página do site você pode assistir ao vídeo on-line LESS THAN A MINUTE | TEXT ANIMATION | TUTORIAL STEP BY STEP with Source Code + Subtitle duração hora minuto segundo em boa qualidade , que foi baixado pelo usuário Jacemalak 20 Dezembro 2019, compartilhe o link com seus amigos e conhecidos, no youtube este vídeo já foi visto 5,552 vezes e gostou 773 espectadores. Boa visualização!

479