JavaScript Indonesia Channel

Forwarded from JavaScript Indonesia Channel

Build With Angga telah merilis kelas pembaruan dari FullStack JavaScript Developer 2021. Dengan tambahan banyak sekali dan panjang sekali materi baru. Studi kasus yang dipakai yaitu membuat aplikasi web top up game dengan MERN Stack dan Node JS

Tautan kelas terbaru ini dapat dibeli dengan harga promo IDR 123456 pada tautan berikut ini
https://www.buildwithangga.com/kelas/full-stack-javascript-developer-2021-website-top-up-voucher-game

—-

Untuk edisi kelas MERN Stack sebelumnya tentang web app pariwisata .
https://www.buildwithangga.com/kelas/full-stack-javascript-developer

—-
Sumber sosial media Instagram
https://www.instagram.com/p/CTgZnHtF9gj/
https://www.instagram.com/p/CTYZEtPh8nA/

#bwa #mern #course #nodejs

306 views23:16

JavaScript Indonesia Channel

Memahami apa itu Document Object Model dan cara menggunakannya dalam JavaScript

https://www.freecodecamp.org/news/what-is-the-dom-document-object-model-meaning-in-javascript/

---

Kumpulan snippet code dari JavaScript yang sering digunakan

https://javascript.plainenglish.io/6-useful-javascript-code-snippets-91424efd1c55

---

Pengenalan tentang Generators function di JavaScript

https://dev.to/romansarder/the-saga-of-async-javascript-generators-5dhi

---

#dom #snippet #generator

freeCodeCamp.org

What is the DOM? Document Object Model Meaning in JavaScript

If you have just started learning JavaScript, you might have heard of the DOM. But what is it exactly? In this article, I will explain what the DOM is and provide some JavaScript code examples. We will take a look at how to select elements from an HTML document…

411 views23:32

JavaScript Indonesia Channel

Membuat file configuration di Node JS dengan bantuan Node Config package

https://blog.logrocket.com/creating-configuration-files-node-js-using-node-config/

#nodejs #config

LogRocket Blog

Creating configuration files in Node.js using node-config - LogRocket Blog

Managing configuration files across environments can be challenging, but using node-config to create Node.js configuration files can help.

391 views23:36

JavaScript Indonesia Channel

Menambahkan monitoring dan logging library bernama Sentry ke dalam Node JS project

https://www.freecodecamp.org/news/how-to-add-sentry-to-your-node-js-project-with-typescript/

#sentry #nodejs

freeCodeCamp.org

How to Add Sentry to Your Node.js Project with TypeScript

Sentry.io is an external monitoring and logging service which can help you identify and triage errors in your code. These logs provide information such as a trace stack, breadcrumbs, and (assuming this is a web application) browser data. This can help you…

864 views00:09

JavaScript Indonesia Channel

Membuat aplikasi Music Player dengan JavaScript, HTML, dan CSS

https://medium.com/@divyamcm/build-music-player-using-html-css-and-javascript-c64545f095d3

#music #player

Medium

Build Music Player using HTML, CSS, and Javascript

Dear Reader,

812 views00:14

JavaScript Indonesia Channel

Latihan penting membuat Navbar di bagian samping dan bawah atau Sidebar dan Bottom bar dengan CSS Flexbox

https://www.freecodecamp.org/news/fixed-side-and-bottom-navbar-with-css-flexbox/

---

Membuat aplikasi resep makanan dengan menggunakan CSS, JavaScript, dan HTML

https://www.freecodecamp.org/news/html-css-tutorial-build-a-recipe-website/

---

Penting nya menggunakan element Semantic HTML jika dibandingkan menggunakan element div saja.

https://www.freecodecamp.org/news/semantic-html-alternatives-to-using-divs/

#css #flexbox #navbar #div #semantic #recipe

freeCodeCamp.org

CSS Flexbox Tutorial – How to Build a Fixed Side and Bottom Navbar

Flexbox can help you simplify the process of creating both basic and advanced layouts. And it's pretty straightforward to create side and bottom navigation menus with CSS flexbox or Grid. These layouts are so popular that they appear almost everywhere on…

1.1K views01:12

JavaScript Indonesia Channel

Cara publish aplikasi web bagian front end ke layanan Netlify dan Github Pages

https://www.freecodecamp.org/news/publish-your-website-netlify-github/

#netlify #githubPages

freeCodeCamp.org

How to Publish an HTML Website on Netlify or GitHub Pages

You have finished creating your HTML website and you're feeling proud of your hard work. But there is one thing that is still missing: you have no idea how to publish your website. In this tutorial, you will learn how to publish an HTML website using two…

680 views23:13

JavaScript Indonesia Channel

Latihan bersama Kevin Powell tentang cara deploy aplikasi web front end ke Netlify

https://youtu.be/i9qCmQ2EeUA

#netlify #kevinPowell

YouTube

Host your site for free, with version control, staging, and more using Netlify

You already have your page on GitHub already, so why not host it with Netlify and take advantage of the versioning from GitHub (including easy rollbacks), easily set up a staging site through a branch, and a lot more.

🔗 Links
✅ Netlify: https://www.netlify.com…

638 views23:22

JavaScript Indonesia Channel

Latihan dari Tailwind Labs tentang membuat thumbnails video YouTube dengan Tailwind CSS

https://youtu.be/qyBexrnBz_I

---

Mengenal Daisy UI, Tailwind component untuk React JS

https://blog.logrocket.com/daisyui-tailwind-components-react-apps/

#tailwind #css #daisy #react

YouTube

Building a YouTube Thumbnail with Tailwind CSS

In this video, we'll build the YouTube thumbnail you just clicked on, from scratch, using Tailwind CSS.

Tailwind Play: https://play.tailwindcss.com/sQlxw7MlB2

635 views23:24

JavaScript Indonesia Channel

Freecodecamp merilis course pengenalan HTML dan CSS dengan contoh kasus membuat aplikasi resep makanan

https://youtu.be/-8LTPIJBGwQ

#freecodecamp #css #html #recipe

YouTube

HTML & CSS Project Tutorial - Build a Recipes Website

In this HTML and CSS project tutorial, you will improve your HTML and CSS skills by building a recipes website.

💻 Code: https://github.com/john-smilga/html-css-simply-recipes

✏️ Course from John Smilga of Coding Addict. Check out his channel: https://…

582 views23:26

JavaScript Indonesia Channel

Membuat aplikasi Todo List yang bersifat realtime dengan Node JS

https://dev.to/ivanz123/building-todo-in-real-time-3pbl

---

Mengirim pesan ke Whatsapp dengan Whatsapp Businness API dari Node JS

https://vinamra-jain.medium.com/send-whatsapp-messages-using-nodejs-975f0ee3e3a9

—-

Referensi beberapa package Node JS untuk membantu pengembangan aplikasi backend Node JS

https://bencoderus.medium.com/top-nodejs-packages-to-speed-up-application-development-d4fa49acca5a

—-

Konfigurasi HTTP SSL pada Node JS server

https://javascript.plainenglish.io/https-with-express-framework-javascript-7229bbd7339b

—-

#nodejs #todo #ssl #whatsapp #package

DEV Community 👩‍💻👨‍💻

Building ToDo in Real-Time

I want to start with a question Have you ever wondered how applications such as Messenger, WhatsApp...

955 views00:12

JavaScript Indonesia Channel

Latihan panjang membuat aplikasi kalkulator dengan React JS

https://www.sitepoint.com/react-tutorial-build-calculator-app/

---

Membuat aplikasi sidebar menu dengan React JS

https://blog.logrocket.com/create-sidebar-menu-react/

---

Cara mendeteksi tipe perangkat di React JS

https://blog.logrocket.com/how-to-detect-render-device-types-react/

---

#react #calculator #device

Sitepoint

React Tutorial: Build a Calculator App from Scratch — SitePoint

Learn by doing! Build calculator app with React, from creating the layout and components to updating states and formatting the output.

716 views00:23

JavaScript Indonesia Channel

Pengenalan String Template Literal dari JavaScript Modern bersama James Quick

https://youtu.be/O4DaRScJFNs

—-

Tips dalam penggunaan Arrow Function di JavaScript

https://javascript.plainenglish.io/demystifying-javascript-arrow-functions-7b2a0908a2b3

#es2015 #string #literal

YouTube

JavaScript ES6 Template Literal Strings in FIVE Minutes

What's the easiest way to do string concatenation and variable interpolation in JavaScript? Well, I think it's JavaScript ES6 Template Literal Strings. In this video, we'll show a few different use cases for when you would want to use Template Literal Strings!…

437 views00:27

JavaScript Indonesia Channel

Latihan panjang dari Online Tutorials membuat dashboard admin dengan CSS dan HTML dari awal atau scratch tanpa framework CSS

https://youtu.be/nUUsUAPEjFc

#css #dashboard #onlinetutorials

YouTube

Create Responsive Admin Dashboard using Html CSS & Javascript | Simple Dashboard Template Design

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…

989 views00:30

JavaScript Indonesia Channel

Cara penting untuk menerapkan rate limiting di Node JS backend

https://orkunsalam.medium.com/api-rate-limiting-node-js-4d10039223aa

#nodejs #ratelimit

Medium

API Rate Limiting — Node.js

As developers, it’s really important to make sure the APIs we are running as efficiently as possible. Otherwise, users will suffer from…

931 views01:20

JavaScript Indonesia Channel

Latihan membuat Accordion menu dengan HTML, CSS, dan JavaScript

https://www.freecodecamp.org/news/build-an-accordion-menu-using-html-css-and-javascript/

---

Latihan dari Online Tutorials membuat card layout dengan desain yang unik menggunakan CSS

https://youtu.be/waY55vGtUyo

#css #card #accordion