Vue JS 3 akan menjadi default dari template Vue CLI dan documentation. Yang pake Vue JS 2 diharapkan untuk segera migrasi
https://blog.vuejs.org/posts/vue-3-as-the-new-default.html
---
Routing dinamis dengan menggunakan Vue JS Router
https://blog.logrocket.com/dynamic-routing-using-vue-router/
#vue #router #release
https://blog.vuejs.org/posts/vue-3-as-the-new-default.html
---
Routing dinamis dengan menggunakan Vue JS Router
https://blog.logrocket.com/dynamic-routing-using-vue-router/
#vue #router #release
blog.vuejs.org
Vue 3 as the New Default | The Vue Point
The official blog for the Vue.js project
Latihan panjang membangun aplikasi video streaming dengan Node JS backend dan Express JS
https://blog.logrocket.com/build-video-streaming-server-node/
---
Referensi tentang penerapan error handling yang baik pada backend Node JS
https://blog.logrocket.com/error-handling-node-js/
#nodejs #streaming #video #error #handling
https://blog.logrocket.com/build-video-streaming-server-node/
---
Referensi tentang penerapan error handling yang baik pada backend Node JS
https://blog.logrocket.com/error-handling-node-js/
#nodejs #streaming #video #error #handling
LogRocket Blog
Build a video streaming server with Node.js - LogRocket Blog
By creating a file system and returning it back to the client, we can build our own video streaming server using Node.js
Latihan UI UX dari Design Course dalam hal penerapan pilihan warna yang pas di dalam desain
https://www.youtube.com/watch?v=Ewj85eIda74
#designcourse #uiux
https://www.youtube.com/watch?v=Ewj85eIda74
#designcourse #uiux
YouTube
Color Crash Course for UI/UX Designers [By Example]
https://bit.ly/3Cn80n7 - Learn UI/UX Interactively (Coupon "LAUNCH" for $15 Off)
-- Today, we're going to step into the world of UI design once again and take a look at color theory -- how to choose colors that work well with each other. You're going to find…
-- Today, we're going to step into the world of UI design once again and take a look at color theory -- how to choose colors that work well with each other. You're going to find…
Langkah demi langkah tentang cara deploy backend Node JS ke Heroku hosting
https://javascript.plainenglish.io/how-to-deploy-your-restful-api-application-to-heroku-4d738226012c
#nodejs #heroku
https://javascript.plainenglish.io/how-to-deploy-your-restful-api-application-to-heroku-4d738226012c
#nodejs #heroku
Medium
How to Deploy your RESTful API Application to Heroku
Learn how to deploy a REST API to Heroku.
Latihan membuat datatable dinamis dengan menggunakan library AG Grid dan JavaScript murni tanpa jquery
https://www.freecodecamp.org/news/convert-html-table-to-dynamic-javascript-data-grid/
---
Melihat komparasi tipe data primitive dan tipe data berbasis reference pada JavaScript
https://www.freecodecamp.org/news/primitive-vs-reference-data-types-in-javascript/
---
Membuat fungsi copy paste dengan JavaScript Clipboard API
https://stackabuse.com/how-to-copy-to-clipboard-in-javascript-with-the-clipboard-api/
---
#datatable #aggrid #clipboard #copy #paste #type #data
https://www.freecodecamp.org/news/convert-html-table-to-dynamic-javascript-data-grid/
---
Melihat komparasi tipe data primitive dan tipe data berbasis reference pada JavaScript
https://www.freecodecamp.org/news/primitive-vs-reference-data-types-in-javascript/
---
Membuat fungsi copy paste dengan JavaScript Clipboard API
https://stackabuse.com/how-to-copy-to-clipboard-in-javascript-with-the-clipboard-api/
---
#datatable #aggrid #clipboard #copy #paste #type #data
freeCodeCamp.org
How to Convert a Static HTML Table to a Dynamic JavaScript Data Grid
By Alan Richardson HTML Tables are simple to use for rendering small amounts of data. But they can be hard for users to work with when they display a lot of data. Features like sorting, filtering, and pagination make it easier to work with many rows...
Latihan panjang membuat halaman web app untuk perusahaan dengan menggunakan Vue Nuxt JS dan Strapi CMS
https://strapi.medium.com/how-to-build-a-corporate-design-agency-site-with-nuxtjs-and-strapi-1db22d2757f7
—-
Membuat fungsi 2FA dengan Node JS dan Vue JS
https://betterprogramming.pub/how-to-implement-two-factor-authentication-using-node-js-and-vue-3-1029745e06fd
—-
Menggunakan ES Modules di Node JS dan langkah untuk aktivasinya
https://javascript.plainenglish.io/how-to-use-the-import-statement-in-node-js-d43ce83e5b44
#strapi #vue #nodejs #venom #tfa #esm
https://strapi.medium.com/how-to-build-a-corporate-design-agency-site-with-nuxtjs-and-strapi-1db22d2757f7
—-
Membuat fungsi 2FA dengan Node JS dan Vue JS
https://betterprogramming.pub/how-to-implement-two-factor-authentication-using-node-js-and-vue-3-1029745e06fd
—-
Menggunakan ES Modules di Node JS dan langkah untuk aktivasinya
https://javascript.plainenglish.io/how-to-use-the-import-statement-in-node-js-d43ce83e5b44
#strapi #vue #nodejs #venom #tfa #esm
Medium
How to Build a Corporate Design Agency Site with NuxtJS and Strapi
In this tutorial we’ll learn the benefits of a Headless CMS and create a corporate design agency site with Strapi as our CMS backend
Menggunakan design pattern result error untuk mempermudah penulisan kode Asynchronous di JavaScript
https://www.freecodecamp.org/news/simplify-asynchronous-javascript-using-the-result-error-pattern/
—-
Pengenalan tentang Scope, Closure, dan Lexical Scope di JavaScript
https://betterprogramming.pub/scope-closure-lexical-scope-9a18d0579d66
—-
Memahami penggunaan Dependency Injection di JavaScript
https://betterprogramming.pub/understandable-dependency-injection-in-javascript-fab97062c34c
---
Latihan menggunakan Fetch API untuk pengambilan data http request
https://javascript.plainenglish.io/lets-hunting-the-pokemons-w-fetch-api-javascript-1a95d30b0d10
#async #result #error #scope #dependencyInjection #fetch
https://www.freecodecamp.org/news/simplify-asynchronous-javascript-using-the-result-error-pattern/
—-
Pengenalan tentang Scope, Closure, dan Lexical Scope di JavaScript
https://betterprogramming.pub/scope-closure-lexical-scope-9a18d0579d66
—-
Memahami penggunaan Dependency Injection di JavaScript
https://betterprogramming.pub/understandable-dependency-injection-in-javascript-fab97062c34c
---
Latihan menggunakan Fetch API untuk pengambilan data http request
https://javascript.plainenglish.io/lets-hunting-the-pokemons-w-fetch-api-javascript-1a95d30b0d10
#async #result #error #scope #dependencyInjection #fetch
freeCodeCamp.org
How to Simplify Asynchronous JavaScript using the Result-Error Pattern
By Ken Snyder Over the last 18 years of programming, I've had to deal with asynchronous behavior in virtually every project. Since the adoption of async-await in JavaScript, we've learned that async-await makes a lot of code more pleasant and easier...
Membahas hasil survey State of CSS 2021 bersama Web Programming Unpas
https://youtu.be/osMDlheHm-E
#stateOfCss #wpu #css
https://youtu.be/osMDlheHm-E
#stateOfCss #wpu #css
YouTube
Perkembangan Teknologi CSS Tahun 2021
🔥 Promo Niagahoster : diskon up to 75% + gratis domain + SSL 🔥
👍🏼 Gunakan kode kupon "WPUNPAS" untuk tambahan diskon 10%
👉🏼 Klik https://bit.ly/3tYeXbJ
--
State of CSS
👉🏼 https://2021.stateofcss.com/ 👈🏼
---
🔥 SUPPORT CHANNEL WEBPROGRAMMINGUNPAS 🔥
👾 Gabung…
👍🏼 Gunakan kode kupon "WPUNPAS" untuk tambahan diskon 10%
👉🏼 Klik https://bit.ly/3tYeXbJ
--
State of CSS
👉🏼 https://2021.stateofcss.com/ 👈🏼
---
🔥 SUPPORT CHANNEL WEBPROGRAMMINGUNPAS 🔥
👾 Gabung…
Video dokumenter bagian pertama tentang awal mula pengembangan Kubernetes bersama channel The Honeypot
https://youtu.be/BE77h7dmoQU
#kubernetes #history
https://youtu.be/BE77h7dmoQU
#kubernetes #history
YouTube
Kubernetes: The Documentary [PART 1]
The official Kubernetes Documentary Part 1.
Inspired by the open source success of Docker in 2013 and seeing the need for innovation in the area of large-scale cloud computing, a handful of forward-thinking Google engineers set to work on the container…
Inspired by the open source success of Docker in 2013 and seeing the need for innovation in the area of large-scale cloud computing, a handful of forward-thinking Google engineers set to work on the container…
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…