Dalam merayakan bulan ramadhan maka kami mengadakan promo Flash Deal pada kelas-kelas Premium yang berkualitas tinggi.


Harga asli Rp 690.000 diskon menjadi Rp 234.567 (hebat banget deh pokoknya).


Khusus Kelas Full-Stack JavaScript Developer (MERN) berlaku dari tanggal 13 Apr - 16 Apr 2021 so jangan sampai terlewat.


Silahkan checkout langsung di joinbwa.com/mern

Latihan panjang dari Freecodecamp membuat aplikasi URL Shortener dengan Next JS, React, TypeScript, dan Mongo Db

https://www.freecodecamp.org/news/how-to-build-a-serverless-app/

---

Latihan panjang atau course pengenalan React JS dengan contoh kasus membuat aplikasi proyek tertentu

https://www.freecodecamp.org/news/react-tutorial-build-a-project/

---

Referensi beberapa library pendukung untuk React JS yang perlu dicoba.

https://www.freecodecamp.org/news/react-libraries-you-should-use/

---

Membuat element transisi dengan CSS dan React JS

https://blog.logrocket.com/react-transition-group-examples-tutorial/

---

Membuat halaman pendaftaran Sign Up page dengan Material UI dan React JS

https://levelup.gitconnected.com/create-a-signup-page-with-react-and-material-ui-9b203d18cf3f

---

Membuat React Component yang menggunakan TypeScript

https://felixgerschau.com/react-typescript-components/

---

#react #nextjs #serverless #typescript #nodejs #mongodb #animation #transition #materialUI

Menggunakan ES Modules di Node JS backend , sebagai alternatif dari CommonJS module system

https://electerious.medium.com/from-commonjs-to-es-modules-how-to-modernize-your-node-js-app-ad8cdd4fb662

—-

Beberapa cara untuk menambah tingkat keamanan backend Node JS dengan mencegah code injection

https://snyk.io/blog/5-ways-to-prevent-code-injection-in-javascript-and-node-js/

---

Latihan menggunakan Event Emitter di Node JS Express JS

https://blog.logrocket.com/handling-and-dispatching-events-with-node-js/

---

Menggunakan JSON Web Token atau JWT untuk proses authentication di Node JS backend

https://javascript.plainenglish.io/how-to-authenticate-and-authorize-using-jwt-with-node-js-a324437dedb1

—-

#security #nodejs #express #esm #commonjs #module #jwt

JavaScript Weekly 533
04/12/2021

• News The Healing Power of JavaScript
• News The ES2021 Edition “JavaScript for Impatient Programmers”
• News Connect Code to Customer in This Free Webinar Deep-Dive
• News Vanilla JavaScript Code Snippets
• News Five Ways to Prevent Code Injection in JavaScript
• News Front-End Senior Software Engineer (Remote)
• News Senior Software Engineering Consultant - [100% Remote ](https://javascriptweekly.com/link/106179/web)
• News Find Software Engineering Jobs with Hired
• News Replacing let with const (Even When It Feels Impossible)
• News How to Read React Errors
• News Breakpoints and console.log Is the Past, Time Travel Is the Future
• News How to Actually Test Component Driven UIs
• News How to Create a Globe and Add Cities using Three.js
• News 19 JavaScript 'Nuggets'
• News How to Password Protect a Site with Cloudflare Workers
• News Kaboom.js: A Fun JS Game Programming Library and Environment
• News React Hook Form 7.0
• News [New AI Security Scanning for WebStorm - Try the Free Security Plugin](https://javascriptweekly.com/link/106196/web)
• News CSS-Select 4.0: A CSS Selector Compiler and Engine
• News moovie.js: A Movie-Focused HTML5 Media Player
• News Cancelable Async Flows (CAF)
• News Book a Demo. Ship Fast. Rest Easy. LaunchDarkly
• News Flicking 3: A Flexible Carousel Component


Tags: #weekly #nodejs
JavaScript Indonesia Community

Node Weekly 383
04/12/2021

• News April 2021 Security Releases Out Now
• News Get Visibility into Your Node Apps with End-To-End Traces
• News NodeCSV 5.50: A Full Featured CSV Parser with a Simple API
• News Five Ways to Prevent Code Injection in JavaScript and Node
• News A Look at Class static Initializer Blocks in V8 9.1
• News Find Software Engineering Jobs with Hired
• News Node.js Developer at X-Team (Remote)
• News Sending Tuples from Node to Rust (and Back)
• News Using Top-Level await in Node Modules
• News Observability Won’t Replace Monitoring (Because It Shouldn’t)
• News Node Development with Docker and Docker Compose
• News Deploying Packages with GitHub Actions
• News Getting Started with Apache Kafka in Node.js
• News active-win: Get Metadata About the Active Window
• News iohook: Global Keyboard and Mouse Listener
• News [New AI Security Scanning for WebStorm - Try the Free Security Plugin](https://nodeweekly.com/link/106046/web)
• News StrongSoap 3.2: A SOAP Driver for Node
• News PM2 WebUI: An Open-Source Alternative to PM2 Plus
• News it-to-stream 1.0: Convert Streaming Iterables to Node Streams
• News Tail: A Zero Dependency Module for Tailing a File
• News p-queue: A Promise Queue with Concurrency Control


Tags: #weekly #nodejs
NodeJs Indonesia Community

Membuat fungsi switch case dan contohnya pada JavaScript

https://www.freecodecamp.org/news/javascript-switch-statement-with-js-switch-case-example-code/

---

Contoh kasus penggunaan Let dan Const dalam JavaScript variable

https://charles-stover.medium.com/replacing-let-with-const-86797b790775

---

Beberapa konsep yang perlu dipelajari dalam JavaScript

https://javascript.plainenglish.io/12-javascript-concepts-that-every-good-web-developer-should-know-6fac820b507c

—-

Panduan penggunaan Promise API di JavaScript

https://javascript.plainenglish.io/the-ultimate-guide-to-javascript-promises-76f2df318ce8

#switch #case #const #let #promise #concept

Latihan membuat aplikasi Quiz dengan React Next JS, Firebase Database, dan Chakra UI

https://www.freecodecamp.org/news/how-to-build-a-quizapp-using-nextjs-chakra-ui-and-firebase/

---

Latihan pengenalan React JS bagi pengembang yang telah menggunakan Vue JS, dari channel Coding With Justin

https://youtu.be/oipl-RXyLTw

---

Latihan pengenalan Vue JS bagi pengembang yang sebelumnya telah mengenal React JS

https://youtu.be/sUH7PDUswio

---

Beberapa alasan kenapa harus pindah atau migrasi ke Next JS dari React JS biasa

https://javascript.plainenglish.io/5-reasons-to-switch-from-react-to-next-js-f776413693d0

#vue #react #firebase #nextjs #chakraui #nodejs #quiz

Latihan pengenalan Svelte JS dari channel Fireship

https://youtu.be/rv3Yq-B8qp4

---

Latihan berseri membangun aplikasi web berbasis Svelte JS

https://javascript.plainenglish.io/lets-build-a-svelte-app-c3b1b55ed70

#svelte #fireship

Catatan rilis Google Chrome versi 90 dengan tambahan fitur fitur baru

https://youtu.be/h3MONldIoNM

#chrome #release

Daftar tips dan trik dalam penggunaan Chrome Dev Tools bagi pengembang aplikasi web

https://blog.asayer.io/15-devtool-secrets-for-javascript-developers

#chromeDevTool #tips

Referensi struktur project berbasis Angular

https://javascript.plainenglish.io/how-to-structure-angular-apps-in-2021-a0bdd481ad0d

—-

Beberapa kesalahan yang sering ditemui ketika belajar menggunakan Angular

https://code.likeagirl.io/common-mistakes-which-every-angular-developer-should-avoid-6f212d30eac5

#angular #structure #mistake

Traversy Media merilis latihan panjang membuat aplikasi Music Player dengan JavaScript Modern, CSS, dan HTML

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

#css #html #traversyMedia #musicplayer #es2015

Beberapa hal penting yang perlu diingat dalam penggunaan CSS

https://beforesemicolon.medium.com/15-css-things-to-master-and-become-a-better-web-developer-a18f370a8bc5

#css #tips #trick

Hari ini Udemy sedang terdapat diskon atau harga terendah sebesar Rp 109.000 untuk semua kelas. Pembayaran bisa dengan Indomaret/Alfamart, transfer bank, ataupun potong pulsa.

Beberapa instruktur yang memiliki kelas menarik seputar JavaScript dan Node JS yaitu :
1. Maximilian Schwarzmüller
2. Colt Steele
3. Angela Yu
4. Jonas Schmedtmann
5. Stephen Grider
6. Brad Traversy
7. The Net Ninja (Shaun Pelling)
8. Andrei Neagoie
9. Andrew Mead

#udemy

Panduan sangat lengkap dan panjang dari Smashing Magazine tentang pembuatan struktur email dan desain email yang kompatibel dengan banyak vendor email service

https://www.smashingmagazine.com/2021/04/complete-guide-html-email-templates-tools/


#email #html

Latihan dari Smashing Magazine membuat aplikasi Streaming Video dengan Node JS, Express, Vue Nuxt JS

https://www.smashingmagazine.com/2021/04/building-video-streaming-app-nuxtjs-node-express/

---

Membuat data untuk chart D3 JS pada Vue JS

https://medium.com/front-end-weekly/loading-data-into-a-vue-app-with-d3-80ab48852234

---

Latihan membuat aplikasi cuaca dengan Vue JS 3

https://javascript.plainenglish.io/create-a-weather-app-with-vue-3-and-javascript-9cd8fac99e

#vue #nuxt #video #streaming #nodejs #d3

Boilerplate atau kerangka project backend Node JS yang menggunakan Docker, Fastify, dan Node JS REST API

https://github.com/pinceladasdaweb/docker-fastify-restful-api

#nodejs #docker #boilerplate

Latihan dari Design Course membuat halaman web dengan efek animasi partikel tiga dimensi dengan library Three JS

https://youtu.be/dLYMzNmILQA

#threejs #designcourse #animation

Latihan dari Programming With Erik tentang pembuatan Twitter Bot dengan JavaScript Node JS

https://youtu.be/MdFz25rTWwY

#nodejs #bot #twitter #programmingWithErik

Mengenal tentang library React JS dan beberapa turunannya

https://www.freecodecamp.org/news/is-react-a-library-or-a-framework/

---

Latihan menggunakan state management Redux pada React JS

https://www.freecodecamp.org/news/redux-for-beginners-the-brain-friendly-guide-to-redux/

---

#react #redux

Latihan dari WebDevSimplified tentang beberapa fitur CSS yang jarang diketahui

https://youtu.be/pKO1ktPQByk


#css #tips #webdevsimplified