Menambahkan Tailwind CSS ke dalam aplikasi web Angular dan Nx Storybook

https://medium.com/javascript-in-plain-english/adding-tailwind-support-to-a-nrwl-nx-workspace-with-angular-and-storybook-bf890ea882e

#tailwind #css #angular #nx #storybook

----

Menambahkan animasi transisi di Angular
https://medium.com/javascript-in-plain-english/angular-animations-transitions-and-triggers-83110b873f02

#animations #transition

Membuat animasi yang berurutan di Angular
https://medium.com/javascript-in-plain-english/creating-complex-animation-sequences-with-angular-2f985ff1c38

#sequences
---

Konfigurasi HttpClient di Angular untuk melakukan Http request data
https://medium.com/javascript-in-plain-english/angular-http-client-configuring-requests-9bf902671c7f

#httpclient

Tips penggunaan Slot di Vue JS

https://dev.to/samanthaming/how-i-m-using-vue-slots-on-my-site-nfn

---

Latihan menggunakan animasi transisi di Vue JS

https://blog.logrocket.com/understanding-transitions-and-animations-in-vue/

---

#vue #slot #transition #animation

Latihan panjang membuat animasi transisi halaman dengan Framer dan ditambahkan ke Next JS React JS

https://www.freecodecamp.org/news/how-to-add-interactive-animations-and-page-transitions-to-a-next-js-web-app-with-framer-motion/

---

Latihan panjang membuat fitur pencarian file seperti di Github dengan React JS

https://www.freecodecamp.org/news/build-a-clone-of-githubs-file-search-functionality/

---

Membuat CRUD sederhana dengan MERN Stack Node JS

https://dev.to/gerwinjonathan/making-first-simple-crud-app-with-mern-stack-4o6k

---

Latihan membuat pemendek URL / URL Shortener dengan MERN Stack

https://dev.to/the_ghost_dev/mern-url-shortener-app-part-2-5hfh

---


#react #framer #motion #animation #transition #nextjs #mern #crud #nodejs #express
#file #search #github

Latihan panjang membuat aplikasi web Vue JS Next JS dengan Chakra UI

https://www.smashingmagazine.com/2020/07/accessible-front-end-application-chakra-ui-nuxtjs/

---

Latihan panjang membuat aplikasi desktop dengan Vue JS dan Electron JS

https://www.smashingmagazine.com/2020/07/desktop-apps-electron-vue-javascript/

---

Membuat fungsi download file di Vue JS

https://medium.com/js-dojo/force-file-download-in-vuejs-using-axios-a7fe1b5dfe7b

---

Menambahkan animasi transisi CSS Transition di Vue dan Nuxt JS

https://www.smashingmagazine.com/2020/07/css-transitions-vuejs-nuxtjs/

#vue #nuxt #chakraUI #css #transition #download #electron #desktop

Membuat aplikasi PWA Progressive Web Apps dan melakukan deploy ke Google Play Store dalam bentuk TWA Trusted Web Activities

https://blog.logrocket.com/how-to-build-a-twa-android-app-out-of-your-nuxt-js-pwa/

—-

Contoh pembuatan Sitemap dengan Nuxt JS

https://dev.to/jackabox/generating-sitemap-entries-for-nuxt-content-4h22

---

Latihan menambah animasi transisi di Vue JS

https://dev.to/mishmanners/learning-vue-js-for-animations-and-transitions-3im


#vue #nuxt #sitemap #twa #pwa #googleplay #transition

Panduan panjang membuat aplikasi E-commerce dengan React Next JS dan Snipcart API

https://snipcart.com/blog/react-ecommerce-tutorial

---

Latihan dasar pengenalan Next JS bagi pemula

https://www.freecodecamp.org/news/nextjs-basics/

---

Cara konfigurasi Tailwind CSS untuk dipakai di React JS

https://dev.to/rfitz/tailwind-react-setup-and-design-patterns-f7o

---

Membuat animasi transisi perpindahan halaman di dalam React Next JS

https://dev.to/joserfelix/page-transitions-in-react-1c8g

---

#tailwind #css #react #nextjs #transition #snipcart #ecommerce

Digital Ocean merilis buku latihan tentang latihan menggunakan HTML bagi pemula

https://www.digitalocean.com/community/books/how-to-build-a-website-with-html-ebook

---

Latihan menggunakan CSS Transition untuk animasi element di HTML

https://www.freecodecamp.org/news/css-transition-examples/

#html #ebook #digitalocean #css #animation #transition

Membuat footer element tetap berada di bawah dengan menggunakan CSS Flexbox

https://dev.to/nehalahmadkhan/how-to-make-footer-stick-to-bottom-of-web-page-3i14

---

Latihan menggunakan CSS Transition untuk animasi element HTML

https://www.freecodecamp.org/news/css-transition-examples/

---

Tips dan trik CSS penting yang perlu diketahui pengembang aplikasi web

https://www.freecodecamp.org/news/10-css-hacks-every-web-developer-should-know/

---

Menambahkan border ke dalam font dengan CSS

https://css-tricks.com/css-border-font/

#css #stickBottom #tips #trick #flexbox #footer #transition #animation #border #font

Membuat animasi transisi halaman di dalam Vue Nuxt JS

https://blog.logrocket.com/css-transitions-in-nuxt-js-an-overview/

—-

Beberapa tips penting bagi pengembang yang menggunakan Vue JS agar optimal dalam implementasi Vue JS ke dalam aplikasi web

https://medium.com/weekly-webtips/7-tips-for-vuejs-developers-7b3b65a52799

—-

Contoh penggunaan state management Vuex di Vue JS 3

https://javascript.plainenglish.io/vue-js-state-management-with-vuex-3a87e1ae83c2

#vue #nuxt #animation #transition #tips #vuex #trick

Latihan panjang dari Freecodecamp membuat aplikasi URL Shortener dengan Next JS, React, TypeScript, dan Mongo Db

https://www.freecodecamp.org/news/how-to-build-a-serverless-app/

---

Latihan panjang atau course pengenalan React JS dengan contoh kasus membuat aplikasi proyek tertentu

https://www.freecodecamp.org/news/react-tutorial-build-a-project/

---

Referensi beberapa library pendukung untuk React JS yang perlu dicoba.

https://www.freecodecamp.org/news/react-libraries-you-should-use/

---

Membuat element transisi dengan CSS dan React JS

https://blog.logrocket.com/react-transition-group-examples-tutorial/

---

Membuat halaman pendaftaran Sign Up page dengan Material UI dan React JS

https://levelup.gitconnected.com/create-a-signup-page-with-react-and-material-ui-9b203d18cf3f

---

Membuat React Component yang menggunakan TypeScript

https://felixgerschau.com/react-typescript-components/

---

#react #nextjs #serverless #typescript #nodejs #mongodb #animation #transition #materialUI

Latihan panjang dan lengkap tentang penggunaan CSS Custom Property untuk menentukan tema halaman web

https://css-tricks.com/a-complete-guide-to-custom-properties/

---

Latihan melakukan styling pada scrollbar halaman

https://www.freecodecamp.org/news/css-scrollbar-tutorial/

---

Latihan membuat animasi transisi easing in dan out dengan CSS

https://www.smashingmagazine.com/2021/04/easing-functions-css-animations-transitions/

---

Membuat transisi dengan element CSS yang saling berbagi dengan element lainnya

https://css-tricks.com/shared-element-transitions/

#css #customProperty #scrollbar #animation #transition

Membuat animasi perpindahan halaman di Angular

https://www.freecodecamp.org/news/beautiful-page-transitions-in-angular/

---

Melihat beberapa fitur baru di Angular versi 12

https://javascript.plainenglish.io/angular-12-in-depth-7741e759c72

——

Pengenalan tentang Angular Pipes dan contoh penggunaannya

https://levelup.gitconnected.com/what-is-a-pipe-in-angular-how-do-you-use-angular-pipes-650d7ff6d103

#angular #transition #animation #pipes

Menambahkan transisi antar halaman Next JS dengan Framer Motion

https://javascript.plainenglish.io/how-to-create-page-transitions-in-next-js-with-framer-motion-47642c462c62

---

Menambahkan progress bar ketika memuat halaman di router Next JS

https://javascript.plainenglish.io/how-to-add-router-progress-bar-in-next-js-with-one-line-of-code-c1bd86dc59d4

—-

Tips optimasi performa Next JS yang lebih baik

https://medium.com/weekly-webtips/10-ways-to-improve-your-next-js-app-performance-8e6f81b32dac

—-

Latihan deploy aplikasi Next JS ke Firebase Hosting

https://medium.com/nerd-for-tech/lets-deploy-a-next-js-app-with-firebase-hosting-e070b3aecd04

—-

#nextjs #framer #transition #firebaseHosting

Latihan menggunakan state management di React JS dengan Redux Toolkit bersama Freecodecamp

https://www.freecodecamp.org/news/learn-redux-toolkit-the-recommended-way-to-use-redux/

---

Menambahkan peta dalam ruangan pada React JS dengan Fabric JS

https://blog.logrocket.com/build-indoor-maps-fabric-js-using-react/

---

Membuat animasi transisi element di React JS dengan lancar

https://blog.logrocket.com/how-build-faster-animation-transitions-react/

#react #redux #animation #transition #fabric

Membuat animasi transisi Grid dengan Animate CSS

https://blog.logrocket.com/creating-smoother-css-transitions-animate-css-grid/

#css #animate #transition

Latihan pembuatan animasi transisi halaman pada Vue JS dari LearnVue

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

#vue #learnvue #transition #animation

How to Build Stunning Animations with the Vue.js Transition API

https://www.freecodecamp.org/news/animations-with-vuejs-transition-api/

#vue #transition #animation

🧙‍♂️ CSS trick: transition from height 0 to auto!
https://dev.to/francescovetere/css-trick-transition-from-height-0-to-auto-21de

#css #transition #height #auto

How to Declare Variables in JavaScript – var, let, and const Explained

https://www.freecodecamp.org/news/how-to-declare-variables-in-javascript/

---

Using the ScrollTimeline API for scroll-linked animations

https://blog.logrocket.com/scrolltimeline-api-scroll-linked-animations/

---

Interview: Can You Stop “forEach” in JavaScript?

https://dev.to/polakshahar/interview-can-you-stop-foreach-in-javascript-57h0

---

The View Transitions API And Delightful UI Animations (Part 1)

https://www.smashingmagazine.com/2023/12/view-transitions-api-ui-animations-part1/

---

Functional Programming In JavaScript: Beginner’s Guide
https://blog.bitsrc.io/functional-programming-in-javascript-beginners-guide-259952f7a646

#variable #foreach #loop #transition #functional

12 Simple and Effective CSS Transition Effects for Your Website

https://dev.to/uicraft_by_pratik/12-simple-and-effective-css-transition-effects-for-your-website-nah

---

What is CSS Subgrid? A Practical Tutorial

https://www.freecodecamp.org/news/what-is-css-subgrid/

#css #subgrid #transition