Artikel panjang tentang optimasi Search Engine Optimization SEO di dalam aplikasi web

https://www.smashingmagazine.com/2020/08/smashing-guide-search-engine-optimization/

#seo

Latihan codelabs pengenalan Deno TS dan cara kerjanya

https://lyty.dev/deno/deno-tutorial.html

---

Latihan dasar memulai Deno TS

https://dev.to/dailydevtips1/getting-started-with-deno-4pl3

---

Cara memuat package dari Node Modules atau NPM di Deno TS dengan bantuan Skypak CDN dan SnowPack

https://dev.to/okeeffed/how-to-use-npm-es-modules-with-deno-4i1k

https://medium.com/samsung-internet-dev/using-node-modules-in-deno-2885600ed7a9

---

Cerita pengembang yang membuat framework Drash untuk Deno TS

https://dev.to/drash_land/why-was-drash-built-4bob

---

Membuat REST API sederhana dengan Deno API , dengan contoh kasus Pokemon API

https://dev.to/dailydevtips1/deno-pokemon-api-29c1

#deno #course #drash #oak

Cara sederhana menggunakan Docker Image untuk NGINX

https://www.docker.com/blog/how-to-use-the-official-nginx-docker-image/

#docker #nginx

Latihan panjang membuat blog dengan Gatsby JS

https://dev.to/suprabhasupi/how-to-build-blog-using-gatsby-32kb

---

Latihan panjang bagian kedua belas membuat aplikasi Point of Sale POS dengan MERN Stack, dalam bagian tabel data dengan React JS

https://blog.soshace.com/create-simple-pos-with-react-js-node-js-and-mongodb-12-getting-started-with-react-table/

#gatsby #blog #mern

Memperkenalkan FsLightbox , library Javascript modern jntuk membuat Gallery gambar atau video dan previewnya dengan tampilan Lightbox

https://fslightbox.com/

#lightbox #preview #gallery

Latihan menggunakan TensorFlow JS dan Github API untuk mendeteksi komentar yang negatif di Github Issue Comments

https://dev.to/devdevcharlie/creating-a-github-action-to-detect-toxic-comments-using-tensorflow-js-13bo

#tensorflow #javascript

Node Weekly 351
08/17/2020

• News Node and the Struggles of Being an EventTarget
• News Node v14.8.0 (Current) Released with Top Level Await Support
• News Find, Fix, and Prevent Misconfigs in AWS, K8s, and Terraform
• News Take the Node.js Promise Reject Use Case Survey
• News Scheduling Cron Jobs with node-cron
• News Find a Job Through Vettery
• News How to Debug Node Segmentation Faults
• News How to Stream File Downloads with Got
• News The Node.js Security Handbook
• News Using Node Modules in Deno
• News Shifting from Express.js to Azure Functions
• News Async Generators and Async Iteration in Node.js
• News Postgraphile: Quickly Get a GraphQL API for Your Postgres Database
• News Kleur 4.1: Fast ANSI Color Formatting for Terminal Text
• News JavaScript Developers Can Access Your Legacy C/C++ Code. Let’s Talk
• News Middy 1.2: A 'Stylish' Node Middleware Engine for AWS Lambda
• News Hackathon Starter: A Boilerplate for Node Web Apps
• News setup-node: Set Up Your GitHub Actions Workflow with Specific Versions of Node
• News MQTT.js: An MQTT Client for Node and the Browser
• News crypto-hash: A Hashing Module Using the Native Crypto API in Node and Browser


Tags: #weekly #nodejs
NodeJs Indonesia Community

Latihan panjang menambahkan video YouTube Playlist ke dalam aplikasi web Next JS dengan YouTube API

https://www.freecodecamp.org/news/how-to-add-a-youtube-playlist-to-a-nextjs-react-app-with-the-youtube-api/

---

Cara membuat form dengan React Hooks
https://www.freecodecamp.org/news/beginner-react-project-build-basic-forms-using-react-hooks/

---

Latihan panjang membuat blog dengan Gatsby JS dari dasar

https://blog.logrocket.com/creating-a-gatsby-blog-from-scratch/

#youtube #api #nextjsb #react #gatsby #blog #form #hooks

Cara manajemen data dengan Javascript modern dari http request, cache, dan storage API

https://levelup.gitconnected.com/better-data-management-with-javascript-modern-browsers-apis-8ef0f389bb8d

---

Memahami apa itu Async Await dan eksekusi secara paralel

https://dev.to/papasanto/async-await-from-beginner-to-advanced-features-including-concurrency-16c

#data #fetch #cookies #cache #localstorage

Ilustrasi gambar tentang perbedaan antara SQL dan NoSQL

https://dev.to/jacobjzhang/a-beginner-s-reference-to-sql-vs-nosql-egk

#sql #nosql

Komparasi antara Flexbox dan CSS Grid untuk membuat layout HTML

https://www.freecodecamp.org/news/flexbox-vs-grid-how-to-build-the-most-common-html-layouts/

---

Sejarah tentang desain responsive layout dengan CSS

https://www.freecodecamp.org/news/history-of-responsive-web-design/

---

Beberapa cara untuk membuat element text menjadi ke tengah element yang lain

https://www.freecodecamp.org/news/html-center-text-how-to-css-vertical-align-a-div/

---

#css #flexbox #grid #center

Perbedaan antara Promise All Settled dengan Promise All

https://dev.to/viclafouch/promise-allsettled-vs-promise-all-in-javascript-4mle


---

Beberapa fungsi Array yang jarang dipakai namun sangat penting dan berguna, seperti copyWithin(target, start?, end?) ,
dan
lastIndexOf(searchedElement, toIndex?)

https://dev.to/assuncaocharles/underrated-array-methods-2mdj

---

Memperkenalkan Handwritten JS , library untuk konversi font di dokumen menjadi bentuk tulisan tangan

https://github.com/alias-rahil/handwritten.js

#promise #promiseAllSettled #array #handwrittenJS

Hari ini sepertinya ada diskon di Udemy sehingga harga coursenya menjadi paling rendah yaitu Rp 140.000,- . Diskon ini berlangsung hingga 27 Agustus 2020.

Daftar course dan instruktur menarik sudah dicantumkan di tulisan ini ya, seperti
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

Link referensi
https://medium.com/javascript-indonesia-community/referensi-belajar-pengembangan-app-dengan-javascript-2b0c071d3262

Udemy
https://www.udemy.com/


#course #udemy #promo

JavaScript Weekly 501
08/18/2020

• News Rome: Unifying The Frontend Development Toolchain
• News React 17.0 Release Candidate: No New Features but Still Lots That's Interesting
• News Quickly Find Front-End Issues Like JavaScript or Network Errors
• News Tabris.js 3.6 Released with Support for Redux, PDFs and More
• News Full Stack Developer @ Huckberry (Columbus, Ohio)
• News Find a Job Through Vettery
• News Natively Formatting JavaScript Numbers
• News A 30 Minute Chat with Allen Wirfs-Brock
• News Become a Node.js Cloud Developer - Free Book and Video Course
• News Supercharging <input type=number> with JavaScript
• News Building Single Page Applications Using Rust
• News Using Node Modules in Deno
• News Building a Programming Language in JavaScript From Scratch
• News How I Became A Senior JS Developer with Personal Projects
• News Using ESLint to Improve Your App’s Performance
• News Mock Service Worker: API Mocking Library for Browser and Node
• News Deno 1.3.0 Released
• News omg-curry: A Feature Complete JavaScript Currying Library
• News Vest: Validations Library Inspired by Testing Frameworks
• News AppSignal Automatically Instruments Apollo for Node.js Applications
• News React Sortable Tree: Maintain Your Trees Intuitively
• News crypto-hash: A Hashing Module Using the Native Crypto API in Node and Browser
• News babel-plugin-native-error-extend: Babel Plugin for Native Error Extending


Tags: #weekly #nodejs
JavaScript Indonesia Community

Latihan panjang dan lengkap membuat aplikasi PERN (PostgreSQL, Express , React, Node JS) stack dengan contoh kasus Yelp Clone.

https://youtu.be/J01rYl9T3BU

#pern #mern #postgre #nodejs #express #react

Latihan panjang membuat backend API dengan Node JS murni tanpa framework

https://dev.to/tracycss/build-an-simple-api-with-node-js-for-beginners-oi

---

Latihan panjang membuat backend Node JS dengan Express JS dan melakukan deploy ke Digital Ocean

https://www.freecodecamp.org/news/develop-deploy-first-fullstack-web-app/

---

Cara menggunakan Node JS debugger untuk melakukan debugging backend Node JS

https://dev.to/nyxtom/stop-using-console-log-and-use-the-node-debugger-4402

---

Cara melakukan verifikasi JSON Web Token JWT di sisi backend

https://dev.to/mtee/verify-a-jwt-token-1cok

---

#nodejs #express #jwt #token #debugger

Latihan panjang dan lengkap pengenalan Svelte JS dari Net Ninja

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

https://www.youtube.com/playlist?list=PL4cUxeGkcC9hlbrVO_2QFVqVPhlZmz7tO
—-

Latihan pengenalan Svelte JS dari LevelUp Tuts
https://www.youtube.com/playlist?list=PLLnpHn493BHEy7WFR2JBMgHQ6Jf6FtJo-

—-

Latihan pembuatan aplikasi Svelte JS dengan Svelte/Sapper + Userbase + Netlify

https://www.youtube.com/watch?v=iW-OdnldsZk

#svelte #sapper #course #tutorial

Github Gist untuk fungsi Smooth Scroll ke element html tertentu

https://gist.github.com/barhatsor/01cd928520e2f4348c95c2d5cf3cc30f

#gist #smoothScroll #scrollspy

Membuat halaman komparasi perbandingan teks atau Content Diff dengan Javascript murni

https://medium.com/javascript-in-plain-english/content-diff-view-in-vanilla-javascript-105a00abd7ce

---

Belajar menggunakan Javascript modern ES2015 ke atas untuk menggantikan jquery

https://medium.com/front-end-weekly/switching-from-jquery-to-vanilla-js-187d780c5a5c

---

Beberapa metode dari Object Number untuk manipulasi bilangan

https://medium.com/front-end-weekly/8-javascript-number-methods-as-simple-as-possible-c1cd73fbff6f

---

Melihat fitur deklarasi di dalam conditional if else pada standar ES Next berikutnya

https://medium.com/front-end-weekly/esnext-declarations-in-conditionals-c9122d99dc11

---



#content #diff #nojquery #number #conditional #declaration

Cara deploy aplikasi web yang dibuat dengan framework JS ke layanan server cloud gratis

https://blog.logrocket.com/8-ways-to-deploy-a-react-app-for-free/

#deploy #cloud #spa #ssr

Heyo netizen Telegram 👋

Nantikan meetup online kami ke #11 pada Sabtu, 22 Agustus 2020, live di Twitch! Bakal bahas Tailwind CSS + twin.macro bersama @resir014, dan eksplorasi kinetic typography dengan React Three Fiber bersama @mathdroid2. 🤙

https://surabayajs.org/events/meetup-11