Menggunakan property CSS before dan after untuk membuat efek animasi di element HTML
https://blog.logrocket.com/how-to-use-css-before-after-create-custom-animations-transitions/
#css #animation
https://blog.logrocket.com/how-to-use-css-before-after-create-custom-animations-transitions/
#css #animation
LogRocket Blog
CSS ::before and ::after for custom animations and transitions - LogRocket Blog
Learn how to create gorgeous custom animations and transitions using CSS ::before and ::after pseudo-elements, box shadows, and more.
Object Destructuring di JavaScript pada element Array dan Object
https://www.freecodecamp.org/news/destructuring-patterns-javascript-arrays-and-objects/
#destructuring #array #object
https://www.freecodecamp.org/news/destructuring-patterns-javascript-arrays-and-objects/
#destructuring #array #object
freeCodeCamp.org
Destructuring in JavaScript – How to Destructure Arrays and Objects
By Alvin Okoro Working with JavaScript arrays and objects can be more fun if you destructure them. This helps when you're fetching stored data. In this article, you will learn how you can take destructuring to the next level in JavaScript arrays and ...
Latihan membuat UI Component dengan SVG dan CSS
https://ishadeed.com/article/building-components-svg-css/
#css #svg #component
https://ishadeed.com/article/building-components-svg-css/
#css #svg #component
Ishadeed
Building UI Components With SVG and CSS
Learn how to use SVG and CSS to build UI components
Contoh perintah untuk membuat project React JS
https://javascript.plainenglish.io/16-commands-to-set-up-react-apps-for-every-use-case-in-seconds-aba7d0017700
---
Beberapa referensi library yang dipakai bersamaan dengan React JS
https://javascript.plainenglish.io/enterprise-react-in-2022-3126ed43ba58
---
#react #pattern #library
https://javascript.plainenglish.io/16-commands-to-set-up-react-apps-for-every-use-case-in-seconds-aba7d0017700
---
Beberapa referensi library yang dipakai bersamaan dengan React JS
https://javascript.plainenglish.io/enterprise-react-in-2022-3126ed43ba58
---
#react #pattern #library
Medium
16 Commands to Set up React Apps for Every Use Case in Seconds ⚡🚀
Today, speed is one of the main criteria to beat the competition. With technologies becoming more complex, we spend increasing amounts of…
Latihan dari Cand Dev membuat aplikasi Image to Text menggunakan Tesseract JS dan React JS
https://youtu.be/6-CsXSfSVNY
#candDev #react #tesseract
https://youtu.be/6-CsXSfSVNY
#candDev #react #tesseract
YouTube
Image To Text Conversion App with React and Tesseract.js
Check out MiniTool MovieMaker: https://bit.ly/4hKFA9A Build app that will get text in image. 🔥
👨💻code :
https://github.com/candraKriswinarto/imText
🔗Link :
https://github.com/naptha/tesseract.js
Timestamps:
0:00 - Intro
00:14 - Demo
01:06 - Create the…
👨💻code :
https://github.com/candraKriswinarto/imText
🔗Link :
https://github.com/naptha/tesseract.js
Timestamps:
0:00 - Intro
00:14 - Demo
01:06 - Create the…
Next Head SEO, library plugin untuk manajemen SEO di Next JS
https://github.com/catnose99/next-head-seo
#nextjs #seo #library #plugin
https://github.com/catnose99/next-head-seo
#nextjs #seo #library #plugin
GitHub
GitHub - catnose99/next-head-seo: A light-weight SEO plugin for Next.js.
A light-weight SEO plugin for Next.js. Contribute to catnose99/next-head-seo development by creating an account on GitHub.
Melihat beberapa fitur baru dari React JS 18
https://blog.logrocket.com/exploring-react-18-three-new-apis/
---
Komparasi antara Solid JS dengan React JS
https://blog.logrocket.com/solidjs-vs-react/
---
Cara menggunakan Font yang di hosting di server sendiri pada Next JS
https://levelup.gitconnected.com/how-to-self-host-fonts-in-nextjs-5a9930d8c67a
---
Latihan membuat filter component di React JS
https://www.freecodecamp.org/news/how-to-make-a-filter-component-in-react/
#react #component #filter #font #selfhost #solidjs
https://blog.logrocket.com/exploring-react-18-three-new-apis/
---
Komparasi antara Solid JS dengan React JS
https://blog.logrocket.com/solidjs-vs-react/
---
Cara menggunakan Font yang di hosting di server sendiri pada Next JS
https://levelup.gitconnected.com/how-to-self-host-fonts-in-nextjs-5a9930d8c67a
---
Latihan membuat filter component di React JS
https://www.freecodecamp.org/news/how-to-make-a-filter-component-in-react/
#react #component #filter #font #selfhost #solidjs
LogRocket Blog
Exploring React 18’s three new APIs - LogRocket Blog
With the release of React 18 on the horizon, familiarize yourself with three new APIs that should help make concurrent rendering a reality.
Forwarded from JavaScript Indonesia Channel (Rian YW)
Beri warna tampilan text editor VS Code / Codium kalian dengan tema tampilan Mayukai Theme yang menarik dan pewarnaan yang mudah dibaca. Varian yang tersedia ada banyak pilihan seperti Mayukai Mirage, Mayukai Semantic Mirage, Mayukai Dark, Mayukai Mirage Gruvbox Darktooth, Mayukai Mono, Mayukai Alucard, Mayukai Sunset, dan Mayukai Reversal. Cek preview dan instalasinya disini
https://marketplace.visualstudio.com/items?itemName=GulajavaMinistudio.mayukaithemevsc
Untuk instalasi di VS Code/Codium, cukup cari di menu Marketplace, dan search "mayukai" .
—-
Tidak lupa kami menyediakan variant custom dari font Iosevka yang kami beri nama Iosevka Mayukai. Font ini merupakan gabungan dari beberapa style font Iosevka dengan tambahan Glyph dan Ligature yang lengkap. Spesimen font, instalasi, dan pemasangan dapat dilihat disini.
https://github.com/Iosevka-Mayukai/Iosevka-Mayukai
Untuk unduh font, langsung saja ke Github Release Page berikut
https://github.com/Iosevka-Mayukai/Iosevka-Mayukai/releases
#promosi
https://marketplace.visualstudio.com/items?itemName=GulajavaMinistudio.mayukaithemevsc
Untuk instalasi di VS Code/Codium, cukup cari di menu Marketplace, dan search "mayukai" .
—-
Tidak lupa kami menyediakan variant custom dari font Iosevka yang kami beri nama Iosevka Mayukai. Font ini merupakan gabungan dari beberapa style font Iosevka dengan tambahan Glyph dan Ligature yang lengkap. Spesimen font, instalasi, dan pemasangan dapat dilihat disini.
https://github.com/Iosevka-Mayukai/Iosevka-Mayukai
Untuk unduh font, langsung saja ke Github Release Page berikut
https://github.com/Iosevka-Mayukai/Iosevka-Mayukai/releases
#promosi
Membuat halaman 404 di Vue Router untuk menangkap Routing yang tidak tersedia bersama channel John Komarnicky
https://youtu.be/-N78TlOFj-k
#vue #router
https://youtu.be/-N78TlOFj-k
#vue #router
YouTube
Vue 3 Catch All / 404 Route Not Found | Vue-Router Mastery #2
In this video we take a look at how to setup a fallback inside of your vue application for when a route is not found. We also explore setting up a beforeEnter guard to check a route with a parameter to ensure that the route with the param exists before entering.…
Latihan dari Online Tutorials tentang membuat aplikasi Kalkulator
https://www.youtube.com/watch?v=Q6FkM7CIKbc
#onlinetutorials #calculator
https://www.youtube.com/watch?v=Q6FkM7CIKbc
#onlinetutorials #calculator
YouTube
CSS & Javascript Working Calculator UI Design | Claymorphism @OnlineTutorialsYT
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…
Membuat sistem authentication dengan mudah dengan Next JS, NextAuth Plugin, Node JS, dan MongoDb
https://javascript.plainenglish.io/passwordless-authentication-in-next-js-with-nextauth-js-and-mongodb-19760c79184
#nextjs #react #auth #mongodb #nodejs
https://javascript.plainenglish.io/passwordless-authentication-in-next-js-with-nextauth-js-and-mongodb-19760c79184
#nextjs #react #auth #mongodb #nodejs
Medium
Passwordless Authentication in Next.js with NextAuth.js and MongoDB
A guide on passwordless authentication with NextAuth.js and MongoDB.
Forwarded from Dicoding Indonesia
Pengembangan Web berada di garis depan era digital kita. Tidak mengherankan jika pemrograman web sangat diminati, dan bidang ini tumbuh jauh lebih cepat dari yang kita kira. Meskipun begitu, tidak ada kata terlambat untuk memulai mempelajari bidang ini, yang penting kita berani untuk memulai. 💪
Bersama dengan **Sandhika Galih** (Lecturer & Founder WebProgrammingUNPAS), dalam acara IDCamp x Dicoding LIVE yang akankah membahas secara dalam mengenai **"Web Developer From Zero to Hero"**. 🤓
Daftar di
dicoding.com/events/4272
Sabtu, 29 Januari 2022 jam 9-10 WIB.
Teruskan pesan ini biar lebih banyak kawan-kawan yang ikutan belajar.. 🤩
Bersama dengan **Sandhika Galih** (Lecturer & Founder WebProgrammingUNPAS), dalam acara IDCamp x Dicoding LIVE yang akankah membahas secara dalam mengenai **"Web Developer From Zero to Hero"**. 🤓
Daftar di
dicoding.com/events/4272
Sabtu, 29 Januari 2022 jam 9-10 WIB.
Teruskan pesan ini biar lebih banyak kawan-kawan yang ikutan belajar.. 🤩
Kumpulan website penting yang menyediakan layanan asset untuk front end developer
https://medium.com/frontend-canteen/awesome-websites-for-frontend-developers-a1cf94e1c9de
#web #assets
https://medium.com/frontend-canteen/awesome-websites-for-frontend-developers-a1cf94e1c9de
#web #assets
Medium
10 Awesome Websites For Frontend Developers
Improve your efficiency and help you get off work earlier.
Latihan melakukan export halaman web ke bentuk PDF dengan JavaScript
https://blog.bitsrc.io/how-to-export-webpage-to-pdf-using-javascript-html2pdf-and-jspdf-6cdd549618c
——
#pdf #export
https://blog.bitsrc.io/how-to-export-webpage-to-pdf-using-javascript-html2pdf-and-jspdf-6cdd549618c
——
#pdf #export
Medium
How to Export Webpage to PDF with JavaScript
Learn how to export a webpage to PDF with JavaScript, html2pdf, and jsPDF
Pengenalan routing di Express dengan Dependency Injection
https://blog.openreplay.com/dependency-injection-in-node-js-higher-order-routing-with-express
#express #nodejs #routing #dependencyInjection
https://blog.openreplay.com/dependency-injection-in-node-js-higher-order-routing-with-express
#express #nodejs #routing #dependencyInjection
OpenReplay Blog
Dependency Injection in Node.js - Higher Order Routing With Express
Learn about Dependency Injection from a functional programming perspective with this guide
Daftar course penting untuk belajar Javascript dan Node JS
https://www.freecodecamp.org/news/23-free-websites-to-learn-javascript/
---
Latihan pengenalan tentang unary operator di JavaScript
https://dev.to/efkumah/what-you-should-know-about-unary-operators-in-javascript-57gp
---
Latihan mengkonversi function biasa ke bentuk arrow function
https://javascript.plainenglish.io/how-to-convert-any-function-to-an-arrow-function-in-javascript-afb0c87e411d
---
#course #arrow #unary #operator
https://www.freecodecamp.org/news/23-free-websites-to-learn-javascript/
---
Latihan pengenalan tentang unary operator di JavaScript
https://dev.to/efkumah/what-you-should-know-about-unary-operators-in-javascript-57gp
---
Latihan mengkonversi function biasa ke bentuk arrow function
https://javascript.plainenglish.io/how-to-convert-any-function-to-an-arrow-function-in-javascript-afb0c87e411d
---
#course #arrow #unary #operator
freeCodeCamp.org
23 Free Websites to Learn JavaScript
By Chaitanya Prabuddha JavaScript is a programming language that's used for a variety of purposes, including web development, web apps, game development, and more. JavaScript also lets you add dynamic features to web sites that you can't just achieve...
Latihan dari Web Dev Simplified dalam membuat hover effect pada gambar gallery
https://youtu.be/tF3RE5CGt9U
---
Membuat Navigation menu yang responsive dengan menggunakan CSS dan HTML saja
https://blog.logrocket.com/create-responsive-mobile-menu-with-css-no-javascript/
---
#css #hover #responsive #webdevsimplified
https://youtu.be/tF3RE5CGt9U
---
Membuat Navigation menu yang responsive dengan menggunakan CSS dan HTML saja
https://blog.logrocket.com/create-responsive-mobile-menu-with-css-no-javascript/
---
#css #hover #responsive #webdevsimplified
YouTube
How To Create An Image Hover Effect With CSS
Image hover effects are some of the more popular types of animations in CSS. They are also surprisingly easy to implement. In this video I will show you how to create multiple customizable and modular hover animations that you can tweak and combine to your…
Beberapa candaan yang berhubungan software development
https://javascript.plainenglish.io/programming-jokes-to-make-you-die-laughing-94efd4fecafa
#jokes
https://javascript.plainenglish.io/programming-jokes-to-make-you-die-laughing-94efd4fecafa
#jokes
Medium
Programming Jokes To Make You Die Laughing
New Dose of Programming Jokes for 2022
Presentasi Vue JS 3 dari Evan You di Vue Conf Toronto 2022
https://youtu.be/2KBHvaAWJOA
https://youtu.be/2KBHvaAWJOA
YouTube
The New Vue by Evan You
In this session, Evan You talks about the new Vue 3 experience: from new syntax to new docs, build tools, devtools, and TS/IDE.
Jobs -
Abyat is looking to hire talented developers for their new world class product. Apply now: https://www.abyat.com/care…
Jobs -
Abyat is looking to hire talented developers for their new world class product. Apply now: https://www.abyat.com/care…