JavaScript Indonesia Channel

Latihan menggunakan CRUD pada Angular Universal SSR

https://youtu.be/1wop1Yw3Lyk

---

Cara menggunakan Angular dan Tailwind CSS

https://medium.com/@jacobneterer/angular-and-tailwindcss-2388fb6e0bab

---

Menggunakan Chart JS dengan Angular

https://dev.to/bartoszgajda55/using-angular-and-chart-js-to-build-real-time-charts-1078

#angular #css #tailwind #chartjs

YouTube

Angular 10 Universal Server Side Rendering (SSR) CRUD Example

In this Angular 10 tutorial, we will show you a practical exercise on building a CRUD web application using Angular Universal Server-side rendering (SSR). Server-side rendering means a client-side (Angular app) render on the server instead of the browser…

994 viewsRian YW, 03:51

JavaScript Indonesia Channel

Menggunakan fungsi Native Javascript untuk melakukan format bilangan dana manipulasi bilangan angka

https://elijahmanor.com/format-js-numbers

---

Pengenalan Optional Chaining di Javascript dan cara penggunaannya

https://dev.to/dailydotdev/optional-chaining-in-javascript-what-is-it-and-how-to-use-it-2o59

---

Penjelasan panjang tentang Javascript modern dengan analogi penjelasan kepada Dinosaurus

https://medium.com/the-node-js-collection/modern-javascript-explained-for-dinosaurs-f695e9747b70

---

Course yang berisi latihan implementasi sederhana fungsi fungsi di Javascript

https://www.freecodecamp.org/news/learn-javascript-to-build-apps/

---

Cara melakukan looping di dalam Object Javascript dengan Object.keys , Object.entries , dan Object.values

https://www.freecodecamp.org/news/how-to-loop-through-objects-in-javascript-a80b7d2478ac/

#format #number #optionalChaining #modernJavascript #course #object #looping

Manorisms

Natively Format JavaScript Numbers

835 viewsRian YW, 23:21

JavaScript Indonesia Channel

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

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

#seo

Smashing Magazine

A Smashing Guide To The World Of Search Engine Optimization — Smashing Magazine

SEO is an ever-changing world. Blink and you’ll miss the latest best practices, thought leaders, and tools. Feeling out of touch is natural. This guide is your way back into the groove, baby.

506 viewsRian YW, 00:07

JavaScript Indonesia Channel

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

lyty.dev

DENO Tutorial - Lyty.dev

Deno is a simple, modern, and secure runtime for JavaScript and TypeScript that is by compiled by Rust. Learn anything Yourself and Teach anything Yourself. With well explained tutorials. Tutorials available are HTML, CSS, JavaScript, PHP, Python, NodeJS…

1.01K viewsRian YW, 00:11

JavaScript Indonesia Channel

Cara sederhana menggunakan Docker Image untuk NGINX

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

#docker #nginx

Docker

How to Use the NGINX Docker Official Image | Docker

Learn how to harness the NGINX Docker Official Image from running a basic server to shipping the image.

518 viewsRian YW, 01:05

JavaScript Indonesia Channel

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

DEV Community

How to Build Blog Using Gatsby 💻

What is Gatsby? 🤔 Gatsby is a React based, GraphQL powered, static site generator. It use...

750 viewsRian YW, 02:29

JavaScript Indonesia Channel

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

https://fslightbox.com/

#lightbox #preview #gallery

Fslightbox

Fullscreen Lightbox | Vanilla JavaScript Lightbox Plug-in

A front-end plug-in for displaying images, videos, or, through custom sources, anything you want in a clean overlying box.

566 viewsRian YW, 03:10

JavaScript Indonesia Channel

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

DEV Community

Creating a Github action to detect toxic comments using TensorFlow.js

Over the weekend, I spent a few hours building a Github action to automatically detect potentially toxic comments and PR reviews.

883 viewsRian YW, 03:13

JavaScript Indonesia Channel

Forwarded from Nodejsweekly News

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

688 viewsRian YW, 08:14

JavaScript Indonesia Channel

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

freeCodeCamp.org

How to Add a YouTube Playlist to a Next.js React App with the YouTube API

YouTube gives content creators a ton of tools to add their work for everyone to see. But those tools only help you manage the experience on YouTube. How can we utilize the YouTube API to bring our video content to our own website? YouTube has an AP...

1.27K viewsRian YW, 23:30

JavaScript Indonesia Channel

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

Medium

Better Data Management With JavaScript Modern Browsers APIs

There is no website without data, right?

935 viewsRian YW, 00:27

JavaScript Indonesia Channel

Ilustrasi gambar tentang perbedaan antara SQL dan NoSQL

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

#sql #nosql

DEV Community

A Beginner's Reference to SQL vs. NoSQL

In this tutorial, we will be looking at the difference between SQL and NoSQL based on certain parameters. Before we begin, let’s analyze each individually to develop our understanding of these contrasting concepts.

627 viewsRian YW, 00:37

JavaScript Indonesia Channel

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

freeCodeCamp.org

Flexbox vs Grid - How to Build the Most Common HTML Layouts

There are so many great CSS resources all over the internet. But what if you just want a simple layout and you want it NOW? In this article, I describe the 5 most common web page layouts and how to build them using both Flexbox and Grid. How this will

969 viewsRian YW, 00:45

JavaScript Indonesia Channel

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

DEV Community

🤝 Promise.allSettled() VS Promise.all() in JavaScript 🍭

Hello ! 🧑‍🌾 Promises are available since ES2015 to simplify the handling of asynchronous operations....

796 viewsRian YW, 01:11

JavaScript Indonesia Channel

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

2.01K viewsRian YW, 03:24

JavaScript Indonesia Channel

Forwarded from JavaScript Weeekly News

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

793 viewsRian YW, 08:03

JavaScript Indonesia Channel

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

YouTube

PERN Stack Course - Build a Yelp clone (Postgres, Express, React, Node.js)

Learn the PERN stack by building a Yelp clone. The PERN stack includes PostgreSQL, Express, React, and Node. You will learn all the basics including installation, creating databases/tables, making queries, adding entries, establishing relationship between…

1.43K viewsRian YW, 23:13

JavaScript Indonesia Channel