Latihan menggunakan state management Pinia di Vue JS 3
https://blog.logrocket.com/complex-vue-3-state-management-pinia/
#vue #pinia #state
https://blog.logrocket.com/complex-vue-3-state-management-pinia/
#vue #pinia #state
LogRocket Blog
Leveraging Pinia to simplify complex Vue state management - LogRocket Blog
Build a basic blog engine using Pinia, a state management tool for Vue apps, and its main features, including state, getters, and actions.
Membuat REST API dengan Feather JS dan SQLite
https://betterprogramming.pub/building-a-rest-api-with-feathers-js-and-sqlite-603ec4c15ba5
#nodejs #featcher #sqlite
https://betterprogramming.pub/building-a-rest-api-with-feathers-js-and-sqlite-603ec4c15ba5
#nodejs #featcher #sqlite
Medium
Building a REST API With Feathers.js and SQLite
Developing real-time apps and REST APIs in JavaScript or TypeScript using the lightweight web framework
Tailwind CSS yang kini semakin baik , performa oke, dan fungsi utility yang semakin lengkap, membuat Bootstrap CSS ditinggalkan
https://leon101.medium.com/its-time-to-say-goodbye-to-bootstrap-11ed5fc9f3f1
#tailwind #bootstrap
https://leon101.medium.com/its-time-to-say-goodbye-to-bootstrap-11ed5fc9f3f1
#tailwind #bootstrap
Medium
It’s time to say goodbye to Bootstrap
Recently, our dev team picked up a very exciting web app project. It was the right moment for us to try something fresh and new other than…
❤4
Latihan membuat Carousel dengan JavaScript murni, HTML, dan CSS
https://blog.logrocket.com/build-image-carousel-from-scratch-vanilla-javascript/
---
Mengenal Immutability di dalam Javascript
https://javascript.plainenglish.io/3-ways-to-make-your-properties-immutable-in-javascript-681712b95bc9
---
Pengenalan fungsi forEach dalam operasi Array JavaScript
https://stackabuse.com/guide-to-javascripts-foreach-method/
---
Pengenalan Object Literal untuk menambahkan property di dalam Object
https://javascript.plainenglish.io/object-literals-using-object-property-shorthand-6360825c60ef
---
#carousel #image #object #literal #foreach #immutability
https://blog.logrocket.com/build-image-carousel-from-scratch-vanilla-javascript/
---
Mengenal Immutability di dalam Javascript
https://javascript.plainenglish.io/3-ways-to-make-your-properties-immutable-in-javascript-681712b95bc9
---
Pengenalan fungsi forEach dalam operasi Array JavaScript
https://stackabuse.com/guide-to-javascripts-foreach-method/
---
Pengenalan Object Literal untuk menambahkan property di dalam Object
https://javascript.plainenglish.io/object-literals-using-object-property-shorthand-6360825c60ef
---
#carousel #image #object #literal #foreach #immutability
LogRocket Blog
Build an image carousel from scratch with vanilla JavaScript - LogRocket Blog
Learn how to build a functional carousel to display all your information in limited space using HTML, CSS, and plain old vanilla JavaScript.
🔥1
Latihan menggunakan TypeScript bagi pemula JavaScript
https://www.freecodecamp.org/news/learn-typescript-beginners-guide/
---
Melihat fitur operator union dan intersection pada TypeScript
https://blog.logrocket.com/understanding-discriminated-union-intersection-types-typescript/
---
Mengenal tipe Extract di TypeScript
https://javascript.plainenglish.io/how-the-typescript-extract-type-works-651c7fcc1db4
#typescript #union #extract
https://www.freecodecamp.org/news/learn-typescript-beginners-guide/
---
Melihat fitur operator union dan intersection pada TypeScript
https://blog.logrocket.com/understanding-discriminated-union-intersection-types-typescript/
---
Mengenal tipe Extract di TypeScript
https://javascript.plainenglish.io/how-the-typescript-extract-type-works-651c7fcc1db4
#typescript #union #extract
freeCodeCamp.org
Learn TypeScript – The Ultimate Beginners Guide
TypeScript has become increasingly popular over the last few years, and many jobs are now requiring developers to know TypeScript. But don't be alarmed – if you already know JavaScript, you will be able to pick up TypeScript quickly. Even if you do...
❤1
Latihan membuat aplikasi CRUD sederhana dengan Node JS MERN Stack dan database MySQL
https://youtu.be/es9_6RFR7wk
https://youtu.be/R5jNlWOv5qk
#crud #mern #nodejs
https://youtu.be/es9_6RFR7wk
https://youtu.be/R5jNlWOv5qk
#crud #mern #nodejs
YouTube
Tutorial LENGKAP CRUD dengan Node JS, Express, React JS, dan MySQL (Full Stack)
Pada video ini Anda akan belajar bagaimana membuat Full-Stack aplikasi menggunakan Node JS, Express, React JS, dan MySQL.
Berikut ringkasan yang akan Anda pelajari pada video ini:
Pertama, Anda akan belajar bagaimana setup project backend serta menginstall…
Berikut ringkasan yang akan Anda pelajari pada video ini:
Pertama, Anda akan belajar bagaimana setup project backend serta menginstall…
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
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
freeCodeCamp.org
How to Build an Animated Landing Page with GSAP and TailwindCSS
Animations are a crucial part of any great website. Why? When done well, animations vastly improve the user experience of any site, as they help make sites fun and intuitive to use. This article will show you how to build an animated landing page with the…
Latihan membuat aplikasi web fullstack JavaScript dengan Meteor JS dan Tailwind CSS
https://blog.meteor.com/meteor-js-with-react-and-tailwind-css-3-3e878645451e
—-
Beberapa referensi rule ESLint untuk dipakai pada project React JS
https://isantoshv.medium.com/eslint-rules-that-made-me-a-better-react-developer-7689f0cb443a
—-
#meteorjs #react #tailwind #eslint
https://blog.meteor.com/meteor-js-with-react-and-tailwind-css-3-3e878645451e
—-
Beberapa referensi rule ESLint untuk dipakai pada project React JS
https://isantoshv.medium.com/eslint-rules-that-made-me-a-better-react-developer-7689f0cb443a
—-
#meteorjs #react #tailwind #eslint
Medium
Meteor.js with React and Tailwind CSS 3
We all know that Meteor is a super productive JS framework that allows us to create full-stack projects. React.js is a widely used UI…
Membuat toggle Dark Mode pada Next JS dengan Tailwind CSS
https://youtu.be/z2B3gRt2nj0
#darkmode #tailwind #nextjs #react
https://youtu.be/z2B3gRt2nj0
#darkmode #tailwind #nextjs #react
YouTube
Dark Mode in Next.js and Tailwind CSS
Adding dark mode toggle in next.js and tailwind css with next-themes package.
👨💻Code:
https://github.com/candraKriswinarto/next-tailwind-theme
🔗Link:
Next js: https://nextjs.org/docs/getting-started
TailwindCSS: https://tailwindcss.com/docs/guides/nextjs…
👨💻Code:
https://github.com/candraKriswinarto/next-tailwind-theme
🔗Link:
Next js: https://nextjs.org/docs/getting-started
TailwindCSS: https://tailwindcss.com/docs/guides/nextjs…
Latihan dari Online Tutorials membuat Dropdown menu dengan HTML, CSS dan JavaScript
https://youtu.be/bC6vOWWNoas
#dropdown #menu #onlinetutorials
https://youtu.be/bC6vOWWNoas
#dropdown #menu #onlinetutorials
YouTube
Dropdown Menu using Html CSS & Vanilla Javascript | User Account Navigation Project
Click For More : https://www.youtube.com/c/OnlineTutorials4Designers/videos?sub_confirmation=1
------------------
Enroll My Course : Next Level CSS Animation and Hover Effects
https://www.udemy.com/course/css-hover-animation-effects-from-beginners-to-exp…
------------------
Enroll My Course : Next Level CSS Animation and Hover Effects
https://www.udemy.com/course/css-hover-animation-effects-from-beginners-to-exp…
Latihan bersama Dcode membuat button multi action dengan CSS, HTML dan JavaScript
https://youtu.be/Xz-ApgT7rZc
#dcode #css #html #button #action
https://youtu.be/Xz-ApgT7rZc
#dcode #css #html #button #action
YouTube
How to Create Multi-Action Buttons with HTML, CSS & JavaScript
View the SOURE CODE:
Google Material Icons:
https://fonts.google.com/icons
Google Material Icons Usage Guide:
https://developers.google.com/fonts/docs/material_icons#setup_method_1_using_via_google_fonts
In today's video I'll show you how to make a multi…
Google Material Icons:
https://fonts.google.com/icons
Google Material Icons Usage Guide:
https://developers.google.com/fonts/docs/material_icons#setup_method_1_using_via_google_fonts
In today's video I'll show you how to make a multi…
👍1
Cara memperbarui versi Node JS dengan mudah dengan menggunakan Node Version Manager NVM
https://www.freecodecamp.org/news/how-to-update-node-and-npm-to-the-latest-version/
#nvm #nodejs
https://www.freecodecamp.org/news/how-to-update-node-and-npm-to-the-latest-version/
#nvm #nodejs
freeCodeCamp.org
How to Update Node and NPM to the Latest Version
By Dillion Megida Node is a runtime environment that allows developers to execute JavaScript code outside the browser, on the server-side. NPM, on the other hand, is a package manager for publishing JavaScript packages (also known as Node modules) t...
👍1
Mendapatkan element terakhir di dalam Array JavaScript
https://youtu.be/H5SajuM33aA
#array #last #element
https://youtu.be/H5SajuM33aA
#array #last #element
YouTube
How to get last element of an array in JavaScript?
How to get last element of an array in JavaScript?https://flaviocopes.com
Memahami penggunaan state management di Next JS
https://blog.logrocket.com/guide-state-management-next-js/
---
Latihan menggunakan middleware dan edge function di Next JS
https://blog.logrocket.com/using-next-js-middleware-edge-functions/
---
Referensi beberapa package npm untuk project Next JS dari channel Codedamn
https://youtu.be/Beh143H_1vU
#nextjs #react #package #state #middleware
https://blog.logrocket.com/guide-state-management-next-js/
---
Latihan menggunakan middleware dan edge function di Next JS
https://blog.logrocket.com/using-next-js-middleware-edge-functions/
---
Referensi beberapa package npm untuk project Next JS dari channel Codedamn
https://youtu.be/Beh143H_1vU
#nextjs #react #package #state #middleware
LogRocket Blog
Understanding state management in Next.js - LogRocket Blog
Follow along in this tutorial as we build several mini-applications to showcase the different ways to manage state in Next.js apps.
Latihan panjang membuat blog dengan Butter CMS dan Nuxt JS
https://blog.openreplay.com/how-to-build-a-cms-powered-blog-with-nuxt/
---
Memperkenalkan library Starport untuk membuat efek animasi antar komponen yang sama di Vue JS
https://github.com/antfu/vue-starport
#vue #nuxt #starport #animation #blog #cms
https://blog.openreplay.com/how-to-build-a-cms-powered-blog-with-nuxt/
---
Memperkenalkan library Starport untuk membuat efek animasi antar komponen yang sama di Vue JS
https://github.com/antfu/vue-starport
#vue #nuxt #starport #animation #blog #cms
Openreplay
How to build a CMS-powered blog with Nuxt
Create a blog without a server by using a headless CMS