JavaScript Indonesia Channel

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…

424 views01:00

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

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.

551 views01:23

Forwarded from JavaScript Indonesia Channel

BAPAREKRAF Developer Day 2022 akan dimulai, berikut ulasan nya bersama Web Programming Unpas

https://youtu.be/D6Ym4urFgx4

#wpu #bdd

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…

352 views01:59

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

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.

636 views23:17

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

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…

949 views23:20

Docker Cache – How to Do a Clean Image Rebuild and Clear Docker's Cache

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

freeCodeCamp.org

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...

602 views23:29

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

12 Visual Studio Code Shortcuts That Every Developer Must Know

These shortcuts make the lives of developers easier.

322 views23:30

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

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…

710 views00:16

Latihan dari Web Dev Simplified tentang beberapa utility function di dalam JavaScript yang berguna

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

#webdevsimplified #utility #function

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…

596 views00:21

React Animation Course – Code a Portfolio Featuring Animations

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

freeCodeCamp.org

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

894 views00:29

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

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

814 views00:50

The Ars Technica guide to mechanical keyboards

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

Ars Technica

Want a mechanical keyboard but don’t know where to start? We’ve got you covered.

414 views23:10

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

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?…

373 views23:18

Testing Next.js apps with Jest - LogRocket Blog

Membuat Unit Testing dengan Jest pada Next JS

https://blog.logrocket.com/testing-next-js-apps-jest/

#jest #nextjs #react #testing

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.

327 views23:30

Latihan dari Kevin Powell tentang mengenal beberapa element HTML yang jarang diketahui tetapi sangat berguna

https://youtu.be/VUxkFEYO4bE

#html #element

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…

507 views23:37

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

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…

787 views23:41