Beberapa fitur penting dari JavaScript standar ES2019 yang perlu diketahui

https://dev.to/alexdevero/8-useful-javascript-es2019-features-to-know-about-29cm

---

Pengenalan tentang struktur data, event loop, dan callstack di JavaScript

https://levelup.gitconnected.com/stack-data-structures-the-call-stack-and-the-event-loop-in-javascript-b52468cf08ee

---

Membuat animasi scroll halaman dengan library GSAP dan Framer Motion

https://medium.com/front-end-weekly/how-to-create-amazing-scroll-based-animations-with-gsap-scrolltrigger-and-framer-motion-c17482ab3f4

---

Form Input validation dengan menggunakan HTML dan JavaScript

https://javascript.plainenglish.io/making-most-of-html-input-box-built-in-validation-methods-e87e502ba6a9

---

#es2019 #scroll #framer #gsap #validation #form #eventloop

Latihan menggunakan library GSAP untuk membuat fitur animasi element web

https://blog.logrocket.com/using-gsap-3-for-web-animation/

---

Latihan membangun tabel dengan menggunakan CSS dan HTML

https://dev.to/wilsmex/html-tables-w-css-styling-4494

---

Contoh footer yang bersifat responsive dengan bantuan CSS

https://dev.to/deepai/how-i-made-responsive-footer-footer-using-html-and-css-3fci

---

Menghindari penggunaan Flexbox sebagai Container dari text

https://dev.to/afif/never-make-your-text-container-a-flexbox-container-m9p

---

Beberapa fitur baru dari CSS3 di tahun 2021 ini.

https://blog.logrocket.com/the-latest-features-of-css-in-2021/

---

Membuat form login dan registrasi dengan HTML dan CSS

https://dev.to/stanleyowen/build-a-login-and-register-form-with-html-and-css-1nkl

---

#gsap #login #form #table #footer #css

Mengenal salah satu fitur dasar dari JavaScript Modern yaitu Scope dan Hoisting

https://dev.to/debarshi95/javascript-basics-scopes-hoisting-2lmj

---

Latihan menggunakan Web Share API untuk membagikan element web tertentu ke sosial media

https://blog.bitsrc.io/web-share-for-modern-web-apps-43c3e2329093

---

Membuat tampilan slider timer dari Carousel yang cantik dan indah dengan library GSAP GreenSock

https://javascript.plainenglish.io/how-to-create-a-javascript-slider-with-a-beautiful-timer-using-greensock-d811836ed7e0

---

#scope #hoisting #webshare #greensock #gsap

Cara membuat overflow element dengan CSS dan mengatasi beberapa masalah yang muncul ketika implementasi overflow element

https://www.smashingmagazine.com/2021/04/css-overflow-issues/

---

Latihan panjang membuat infinite Scroll dengan animasi dari GreenSock atau GSP

https://css-tricks.com/going-meta-gsap-the-quest-for-perfect-infinite-scrolling/

---

Latihan membuat Setting Component dengan HTML dan CSS

https://css-tricks.com/building-a-settings-component/

---

Membuat Timer pada Carousel atau Slider dengan bantuan GreenSock GSAP

https://javascript.plainenglish.io/how-to-create-a-javascript-slider-with-a-beautiful-timer-using-greensock-d811836ed7e0

---

#css #overflow #gsap #greensock #timer #infinite #scroll

Latihan dari Web Programming Unpas tentang membuat animasi di dalam web app dengan library Animate On Scroll atau AOS, dan library GSAP

https://youtu.be/t4TQGux6r7M

#gsap #aos

Latihan panjang membuat animasi unlimited scroll dengan Green Sock GSAP Library

https://dev.to/jh3y/going-meta-gsap-the-quest-for-perfect-infinite-scrolling-572i

#css #gsap #scroll

Latihan bersama Josh Comeau tentang pembuat Gradient dengan menggunakan CSS

https://www.joshwcomeau.com/css/make-beautiful-gradients/

---

Latihan dasar menggunakan Form input untuk membuat text box di HTML

https://www.freecodecamp.org/news/text-box-in-html-the-input-field-html-tag/

---

Latihan dasar membuat animasi di dalam aplikasi web dengan library GSAP

https://blog.bitsrc.io/practical-guide-to-getting-started-with-gsap-greensock-animation-platform-21ff9638ea70

---

#css #gradient #joshComeau #gsap #html #input

Latihan panjang dan keren membuat scrollable Timeline view dan mendukung drag and drop, dengan GSAP, CSS, dan JavaScript

https://css-tricks.com/building-a-scrollable-and-draggable-timeline-with-gsap/

---

Membuat responsive mobile menu dengan bantuan CSS dan tanpa JavaScript

https://blog.logrocket.com/create-responsive-mobile-menu-with-css-no-javascript/

---

#css #gsap #responsive #timeline

Membuat animasi flip dengan GSAP Plugin

https://css-tricks.com/gsap-flip-plugin-for-animation/

#gsap #plugin #animation

Latihan membuat form contact email dengan GSAP bersama channel Design Course

https://youtu.be/XSHIssnVld4

#css #gsap #designCourse

Latihan membuat landing page DENGAN Tailwind CSS dan animasi dari GSAP

https://www.freecodecamp.org/news/how-to-build-an-animated-landing-page-with-gsap-and-tailwindcss

---

Membuat Glassmorphism dengan CSS

https://blog.logrocket.com/implement-glassmorphism-css/

---

#landingpage #glassmorphism #gsap #tailwind

Latihan membuat halaman paralax dengan HTML , CSS, dan JavaScript, dan library GSAP

https://www.youtube.com/watch?v=sLX82OTCZRM


#onlineTutorials #gsap #html #css #paralax

Membuat aplikasi Vue JS yang dilengkapi dengan efek animasi GSAP

https://www.youtube.com/watch?v=37EFXLA-6dc

—-

Beberapa cara dalam render list yang panjang di Vue JS

https://www.youtube.com/watch?v=4roJKfgPLk4

---

Referensi beberapa library animation untuk Vue JS

https://youtu.be/HxUyTDkO8Pk

---

Beberapa library Vue JS yang dapat dicoba untuk membantu pengembangan project

https://javascript.plainenglish.io/7-useful-vue-js-libraries-you-should-use-in-your-next-project-dc9a55d90d2c

#gsap #vue #animation

Membuat web portfolio dengan React JS dan animasi scroll

https://blog.logrocket.com/building-react-portfolio-website-locomotive-scroll/

#react #gsap #portfolio #scroll

Library JavaScript untuk membuat animasi dalam UI dengan mudah

https://www.youtube.com/watch?v=AkSE-GVaC8E


#designCourse #gsap #animation