Contoh penggunaan lifecycle hooks di Vue JS
https://blog.canopas.com/vue-3-lifecycle-hooks-with-real-time-example-1b772b89e085
#vue #lifecycle #hooks
https://blog.canopas.com/vue-3-lifecycle-hooks-with-real-time-example-1b772b89e085
#vue #lifecycle #hooks
Medium
Vue 3 lifecycle hooks with real-time example
In this blog, we will go through the working of Vue 3 lifecycle hooks along with a real-time example.
Latihan penting tentang cara deploy aplikasi backend Node JS ke layanan VPS dengan NGINX
https://blog.logrocket.com/how-to-auto-deploy-web-app-nginx-devops/
#nginx #deploy #nodejs #vps
https://blog.logrocket.com/how-to-auto-deploy-web-app-nginx-devops/
#nginx #deploy #nodejs #vps
LogRocket Blog
How to accelerate web app deployment with Nginx - LogRocket Blog
Compare the features, benefits, and efficiency of Nginx and Apache. Learn how to accelerate web app deployment with Nginx.
Mengenal template dasar HTML5 untuk file index.html dan penjelasan beberapa tag di dalamnya
https://www.freecodecamp.org/news/html-starter-template-a-basic-html5-boilerplate-for-index-html/
---
Beberapa tipe input HTML yang jarang diketahui dan dipakai
https://javascript.plainenglish.io/html-input-types-you-dont-know-about-e885142a0506
---
Menggunakan semantic HTML dan ARIA agar mempermudah accessibility halaman web
https://dev.to/fig781/website-accessibility-with-html-17ap
---
#html #html5 #boilerplate #aria #semantic #accesibility #input
https://www.freecodecamp.org/news/html-starter-template-a-basic-html5-boilerplate-for-index-html/
---
Beberapa tipe input HTML yang jarang diketahui dan dipakai
https://javascript.plainenglish.io/html-input-types-you-dont-know-about-e885142a0506
---
Menggunakan semantic HTML dan ARIA agar mempermudah accessibility halaman web
https://dev.to/fig781/website-accessibility-with-html-17ap
---
#html #html5 #boilerplate #aria #semantic #accesibility #input
freeCodeCamp.org
HTML Starter Template – A Basic HTML5 Boilerplate for index.html
By Dillion Megida HTML has different tags, some of which have semantic meanings. A basic boilerplate for an HTML file looks like this: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=devic...
Referensi beberapa library CSS untuk membantu pengembangan aplikasi web
https://niemvuilaptrinh.medium.com/22-css-libraries-for-website-design-2c06d3a2ba26
#library #css
https://niemvuilaptrinh.medium.com/22-css-libraries-for-website-design-2c06d3a2ba26
#library #css
Medium
22 CSS Libraries For Website Design
Today we are going to learn about useful CSS libraries for website design and development.
Forwarded from BuildWith Angga 🇲🇨
Siang semuanya, saya ingin berbagi Icon Set design:
https://shaynakit.com/details/business-and-work-icon-set-base-style
Semoga bermanfaat ya,
Semangat terus belajarnya!
https://shaynakit.com/details/business-and-work-icon-set-base-style
Semoga bermanfaat ya,
Semangat terus belajarnya!
Shaynakit
New UI Design Resources, UI Kit, Website Design, Icons, Illustration - Shayna Kit
Penjelasan tentang konsep asynchronous di JavaScript
https://blog.devgenius.io/asynchronous-javascript-practical-explanation-c9613f97f2ca
#async #callback #promise #eventLoop
https://blog.devgenius.io/asynchronous-javascript-practical-explanation-c9613f97f2ca
#async #callback #promise #eventLoop
Medium
Asynchronous Javascript Practical Explanation
You may have heard that Javascript is asynchronous by nature. So, what is asynchronous? And how do we implement or utilize it in our…
Latihan membuat web scrapping dengan Node JS dan Cheerio
https://www.positronx.io/node-js-create-web-scraping-script-using-cheerio-tutorial/
---
Membuat backend API Node JS dengan bantuan Nest dan Mongoose
https://javascript.plainenglish.io/graphql-nodejs-mongodb-made-easy-with-nestjs-and-mongoose-29f9c0ea7e1d
---
Panduan belajar dalam membuat aplikasi berbasis MERN Stack
https://dev.to/oricohen/mern-stack-developer-msd-roadmap-l5e
---
#mern #nodejs #roadmap #cheerio #webscrapping
https://www.positronx.io/node-js-create-web-scraping-script-using-cheerio-tutorial/
---
Membuat backend API Node JS dengan bantuan Nest dan Mongoose
https://javascript.plainenglish.io/graphql-nodejs-mongodb-made-easy-with-nestjs-and-mongoose-29f9c0ea7e1d
---
Panduan belajar dalam membuat aplikasi berbasis MERN Stack
https://dev.to/oricohen/mern-stack-developer-msd-roadmap-l5e
---
#mern #nodejs #roadmap #cheerio #webscrapping
Medium
GraphQL, Node.js, and MongoDB — Made Easy with NestJS and Mongoose
A tutorial on how to scaffold a GraphQL with a MongoDB connection easily using NestJS and Mongoose module.
Forwarded from JavaScript Indonesia Channel
BAPAREKRAF Developer Day 2022 akan dimulai, berikut ulasan nya bersama Web Programming Unpas
https://youtu.be/D6Ym4urFgx4
#wpu #bdd
https://youtu.be/D6Ym4urFgx4
#wpu #bdd
YouTube
Event Keren Untuk Para Developer! | BAPAREKRAF DEVELOPER DAY 2022
Gabung Yuk di Konferensi Tahunan Terbesar untuk Developer Indonesia
Daftar Event 👉🏼 https://dicoding.id/bdd2022
Daftar Fasilitasi 👉🏼 https://dicoding.id/bdt2022
===
Baparekraf Developer Day adalah kegiatan yang diadakan oleh Kementerian Pariwisata dan Ekonomi…
Daftar Event 👉🏼 https://dicoding.id/bdd2022
Daftar Fasilitasi 👉🏼 https://dicoding.id/bdt2022
===
Baparekraf Developer Day adalah kegiatan yang diadakan oleh Kementerian Pariwisata dan Ekonomi…
Beberapa tips dalam penggunaan Console API di JavaScript
https://blog.bitsrc.io/9-javascript-console-tips-that-will-improve-your-debugging-skills-1899e37469d5
---
Pengenalan operator equality di JavaScript
https://dev.to/thecoollearner/js-equality-in-depth-4ca2
---
Pengenalan tentang metode call pada function JavaScript
https://javascript.plainenglish.io/call-in-javascript-3048c300bb29
#call #bind #console #equality
https://blog.bitsrc.io/9-javascript-console-tips-that-will-improve-your-debugging-skills-1899e37469d5
---
Pengenalan operator equality di JavaScript
https://dev.to/thecoollearner/js-equality-in-depth-4ca2
---
Pengenalan tentang metode call pada function JavaScript
https://javascript.plainenglish.io/call-in-javascript-3048c300bb29
#call #bind #console #equality
Medium
9 JavaScript Console Tips That Will Improve Your Debugging Skills
There’s more to using console.log() to debug code. Learn more about the different JS console methods available.
Latihan dari James Quick tentang cara membuat parameter ENUM di JavaScript dengan bantuan Object.freeze
https://www.youtube.com/watch?v=nPrHbLsqb54
#enum #jamesQuick #object #freeze
https://www.youtube.com/watch?v=nPrHbLsqb54
#enum #jamesQuick #object #freeze
YouTube
JavaScript Enums in 5 Minutes - What they are and how to create them
JavaScript Enums don't actually exist, but you can create them yourself if you know what you're doing. Enums in JavaScript are a great way to control inputs to a select number of options. In this demo, we'll show how to create an enum to keep track of states…
Membersihkan cache dari Docker Image dan Container
https://www.freecodecamp.org/news/docker-cache-tutorial/
---
Cara membuat koneksi ssh ke dalam Docker Container yang sedang berjalan
https://www.freecodecamp.org/news/how-to-ssh-into-a-docker-container-secure-shell-vs-docker-attach/
#docker #container #ssh #cache
https://www.freecodecamp.org/news/docker-cache-tutorial/
---
Cara membuat koneksi ssh ke dalam Docker Container yang sedang berjalan
https://www.freecodecamp.org/news/how-to-ssh-into-a-docker-container-secure-shell-vs-docker-attach/
#docker #container #ssh #cache
freeCodeCamp.org
Docker Cache – How to Do a Clean Image Rebuild and Clear Docker's Cache
By Sebastian Sigl Containers enable you to package your application in a portable way that can run in many environments. The most popular container platform is Docker. This tutorial will explain how to use the Docker build cache to your advantage. D...
Kumpulan beberapa shortcut dalam menggunakan Visual Studio Code
https://levelup.gitconnected.com/12-visual-studio-code-shortcuts-that-every-developer-must-know-8d6ce5fc3631
#vscode #shortcut
https://levelup.gitconnected.com/12-visual-studio-code-shortcuts-that-every-developer-must-know-8d6ce5fc3631
#vscode #shortcut
Medium
12 Visual Studio Code Shortcuts That Every Developer Must Know
These shortcuts make the lives of developers easier.
Latihan dari Design Course tentang pengenalan parameter css :has dan :not untuk logika control flow di CSS
https://www.youtube.com/watch?v=wMW25jE25Mk
#css #has #not
https://www.youtube.com/watch?v=wMW25jE25Mk
#css #has #not
YouTube
How to use CSS :has and :not - Future CSS!
https://bit.ly/3rE04Zx 👈 Learn UI/UX Today. Use "UI2022" for 22% Off!
-- Today, I'm going to show you how to use the up and coming CSS psuedo-classes of :has and :not. If you use Safari, you can use these already. If you're on Windows (at the time of uploading…
-- Today, I'm going to show you how to use the up and coming CSS psuedo-classes of :has and :not. If you use Safari, you can use these already. If you're on Windows (at the time of uploading…
Latihan dari Web Dev Simplified tentang beberapa utility function di dalam JavaScript yang berguna
https://www.youtube.com/watch?v=EoUIS2PxKCs
#webdevsimplified #utility #function
https://www.youtube.com/watch?v=EoUIS2PxKCs
#webdevsimplified #utility #function
YouTube
Stop Wasting Your Time - Use These 16 JS Utility Functions Instead
I have made tons of videos on small, useful React custom hooks, but I have never covered any useful JavaScript utilities. That changes today. In this video I cover 16 amazing utility functions in JavaScript that span across 3 major categories. These functions…
Latihan panjang dari Freecodecamp tentang membuat web portfolio dengan React JS
https://www.freecodecamp.org/news/create-a-portfolio-with-react-featuring-cool-animations/
—-
Daftar tools dan library yang menarik dipakai untuk pengembangan aplikasi React JS
https://javascript.plainenglish.io/20-best-libraries-and-tools-for-react-developers-1849e4103579
---
Membuat aplikasi pengirim email dengan React, Express JS, dan Firebase SDK
https://blog.logrocket.com/send-custom-email-templates-firebase-react-express/
---
Tips dalam migrasi ke Next JS dari basis React JS biasa
https://betterprogramming.pub/common-mistakes-to-avoid-while-switching-to-nextjs-c06a45abd3bc
#react #portfolio #email #nodejs #firebase #nextjs
https://www.freecodecamp.org/news/create-a-portfolio-with-react-featuring-cool-animations/
—-
Daftar tools dan library yang menarik dipakai untuk pengembangan aplikasi React JS
https://javascript.plainenglish.io/20-best-libraries-and-tools-for-react-developers-1849e4103579
---
Membuat aplikasi pengirim email dengan React, Express JS, dan Firebase SDK
https://blog.logrocket.com/send-custom-email-templates-firebase-react-express/
---
Tips dalam migrasi ke Next JS dari basis React JS biasa
https://betterprogramming.pub/common-mistakes-to-avoid-while-switching-to-nextjs-c06a45abd3bc
#react #portfolio #email #nodejs #firebase #nextjs
freeCodeCamp.org
React Animation Course – Code a Portfolio Featuring Animations
Creating a portfolio website is a great way to improve your frontend development skills. We just published a React tutorial that will teach you how to build a frontend portfolio with neat animations. Slobodan developed this course. He is an experien...
👍1
Latihan menggunakan Chart JS bersama Next JS untuk visualisasi data sederhana
https://towardsdev.com/chart-js-next-js-beautiful-data-driven-dashboards-how-to-create-them-fast-and-efficiently-a59e313a3153
#react #nextjs #chartjs
https://towardsdev.com/chart-js-next-js-beautiful-data-driven-dashboards-how-to-create-them-fast-and-efficiently-a59e313a3153
#react #nextjs #chartjs
Medium
Chart.js + Next.js = Beautiful, Data-Driven Dashboards. How to create them fast and efficiently.
Did you thought that creating beautiful, data driven charts is hard? Let me show you that it is actually pretty simple with chart.js
Panduan dari Ars Technica tentang memilih keyboard mekanik untuk mengetik lebih nyaman, khususnya dalam hal Programming
https://arstechnica.com/gadgets/2022/03/the-ars-technica-guide-to-mechanical-keyboards/
#guide #mechanical
https://arstechnica.com/gadgets/2022/03/the-ars-technica-guide-to-mechanical-keyboards/
#guide #mechanical
Ars Technica
The Ars Technica guide to mechanical keyboards
Want a mechanical keyboard but don’t know where to start? We’ve got you covered.
Latihan bersama Codedamn tentang pengenalan CSS Grid sekaligus praktek latihan membuat layout tampilan dengan CSS Grid.
https://www.youtube.com/watch?v=wBwQVpo4eP4
#codedamn #css #grid
https://www.youtube.com/watch?v=wBwQVpo4eP4
#codedamn #css #grid
YouTube
CSS Grid For Beginners | Learn CSS3 Grids in 30 Minutes
In this video, let's understand CSS Grids. Tune into this video till the end to master one of the most important concepts in CSS.
✨ Drop a comment and let us know if you've watched this video till the end.
⚛️ Do you want to become a full-stack web developer?…
✨ Drop a comment and let us know if you've watched this video till the end.
⚛️ Do you want to become a full-stack web developer?…
Membuat Unit Testing dengan Jest pada Next JS
https://blog.logrocket.com/testing-next-js-apps-jest/
#jest #nextjs #react #testing
https://blog.logrocket.com/testing-next-js-apps-jest/
#jest #nextjs #react #testing
LogRocket Blog
Testing Next.js apps with Jest - LogRocket Blog
Set up and write tests for a sample Next.js app using the Jest testing tool, which easily helps identify errors and bugs in your code.
Latihan dari Kevin Powell tentang mengenal beberapa element HTML yang jarang diketahui tetapi sangat berguna
https://youtu.be/VUxkFEYO4bE
#html #element
https://youtu.be/VUxkFEYO4bE
#html #element
YouTube
More HTML elements that almost no one uses (but should!)
Some more lesser-known HTML elements, and also why they are important, and why we should be using (most of them) in our sites.
🔗 Links
✅ Codepen: https://codepen.io/kevinpowell/pen/BaJppzw
✅ More on strikethrough: https://developer.mozilla.org/en-US…
🔗 Links
✅ Codepen: https://codepen.io/kevinpowell/pen/BaJppzw
✅ More on strikethrough: https://developer.mozilla.org/en-US…
Beberapa dashboard template untuk React JS yang dibuat dengan Material UI
https://medium.com/flatlogic/5-free-awesome-react-js-material-ui-admin-dashboard-templates-e346d71f9f35
#template #dashboard #admin #material
https://medium.com/flatlogic/5-free-awesome-react-js-material-ui-admin-dashboard-templates-e346d71f9f35
#template #dashboard #admin #material
Medium
5+ Free Awesome React.js Material-UI Admin Dashboard Templates
What is better to use — Material UI or Bootstrap? It is a common question when you start working on a new project. Before we proceed to…