JavaScript Indonesia Channel

Referensi untuk desain dan template untuk web Portofolio

https://www.sitepoint.com/how-to-build-a-stunning-portfolio-website-as-a-web-developer/

#site #web #portofolio #template

Sitepoint

How to Build a Stunning Portfolio Website as a Web Developer — SitePoint

Here are 8 ideas, with 32 examples, to inspire you to promote your services on your own stunning portfolio website.

337 viewsRian YW, 23:31

JavaScript Indonesia Channel

Memahami apa itu REST API endpoint dan bagaimana cara menggunakan nya

https://www.smashingmagazine.com/2018/01/understanding-using-rest-api/

#rest #api #endpoint

Smashing Magazine

Understanding And Using REST APIs — Smashing Magazine

Everything you need to know about REST APIs, from start to finish. How and why to use REST APIs, how to deal with headers, error messages and API versions. In this article, Zell Liew will show you everything you need to know about REST APIs to be able to…

360 viewsRian YW, 23:32

JavaScript Indonesia Channel

Maximilian Schwarzmüller, pembuat latihan di channel YouTube Academind dan Udemy Course, merilis Web Developer Roadmap untuk tahun 2019 dan yang akan datang.

Disarankan untuk berfokus untuk belajar seputar JavaScript untuk Web Development
https://academind.com/learn/web-dev/web-development-overview/

#web #roadmap #development

Academind

Find up-to-date tutorials.

Frontend and backend, database and server-side development - learn in-demand technologies with high-quality tutorials.

1.09K viewsRian YW, 23:43

JavaScript Indonesia Channel

Latihan membuat objek dari Array dengan nilai awalan di Objek

http://www.discoversdk.com/blog/es2019-create-objects-from-arrays-with-fromentries

#es2016 #array #object

discoversdk

ES2019 Create Objects from Arrays with fromEntries - DiscoverSDK Blog

595 viewsRian YW, 23:44

JavaScript Indonesia Channel

Driver penghubung antara backend Node JS dengan Microsoft SQL

https://github.com/tediousjs/node-mssql

#sql #microsoft #nodejs #server

GitHub

GitHub - tediousjs/node-mssql: Microsoft SQL Server client for Node.js

Microsoft SQL Server client for Node.js. Contribute to tediousjs/node-mssql development by creating an account on GitHub.

678 viewsRian YW, edited 00:06

JavaScript Indonesia Channel

Template untuk membuat REST API dengan Node.js dan Fastify

https://github.com/majikarp/node-rest-api-template

#nodejs #fastify #temolate #rest #api

GitHub

GitHub - zero-equals-false/node-rest-api-template: Simple Template for Building a REST API using Node.js and Fastify

Simple Template for Building a REST API using Node.js and Fastify - GitHub - zero-equals-false/node-rest-api-template: Simple Template for Building a REST API using Node.js and Fastify

809 viewsRian YW, 00:07

JavaScript Indonesia Channel

Andrew Mead merilis latihan untuk membuat aplikasi web mode static site / server side rendering dengan Gatsby JS, termasuk latihan untuk mengatur CMS dengan Gatsby JS

Latihannya cukup panjang dan terangkum dalam video berikut ini
https://www.youtube.com/watch?v=8t0vNu2fCCM

Silabus
https://mead.io/gatsby-bootcamp

1. Building a real-world Gatsby site from scratch

2. Fetching and rendering content with GraphQL and React

3. Creating a blog based on markdown files

4. Creating a blog based on a CMS (Contentful CMS)

5. Styling React components using CSS Modules

6. Deploying a Gatsby project live to the web

#gatsby #static #site #ssr #fast

YouTube

Gatsby JS - The Great Gatsby Bootcamp [Full Tutorial]

Gatsby is a framework for creating blazing fast websites and web applications. Powered by React and GraphQL, Gatsby gives you everything you need to build and launch your next project.

Premium courses:

JavaScript: https://www.udemy.com/modern-javascript…

1.62K viewsRian YW, 12:02

JavaScript Indonesia Channel

Contekan Cheatsheet untuk Package JSON di NPM

https://areknawo.com/whats-what-package-json-cheatsheet/

#package #json #file #cheatsheet

Areknawo

What's what? - Package.json cheatsheet!

A complete rundown of all various package.json fields. How to setup Node.js package.json file? What means what? Dependencies, files, configs and all!

604 viewsRian YW, edited 00:50

JavaScript Indonesia Channel

Cara kerja JSON Web Token JWT dalam mengamankan endpoint REST API

https://vuejsdevelopers.com/2019/04/15/api-security-jwt-json-web-tokens/

#jwt #vue #token #secure

How JSON Web Token (JWT) Secures Your API

JSON Web Token is the current state-of-the-art technology for API authentication. Let's see if I can explain how JWT can secure your API without crossing your eyes!

640 viewsRian YW, 00:52

JavaScript Indonesia Channel

Perbandingan antara Const dengan Object Freeze di JavaScript ES2015

https://alligator.io/js/const-vs-obj-freeze/

#es2015 #const #object #freeze

alligator.io

const vs Object.freeze() in JavaScript

In this post, we'll take a quick look at the const keyword and compare it with the Object.freeze method in JavaScript.

703 viewsRian YW, 00:54

JavaScript Indonesia Channel

Membuat code style yang kompak di dalam tim dengan Prettier dan TSLint Rule

https://itnext.io/enforce-your-team-coding-style-with-prettier-and-tslint-9faac5016ce7

#eslint #tslint #prettier #codestyle

Medium

Enforce your team’s coding style with Prettier and TsLint

A project’s coding style is the first and most noticeable trait that a new senior hire will be looking at while browsing the codebase for…

342 viewsRian YW, 00:55

JavaScript Indonesia Channel

Membuat aplikasi android sederhana dengan framework Android JS

https://medium.com/@Chhekur/how-to-build-android-apps-with-node-js-using-android-js-2aa4643be87b

#android #framework #nodejs

Medium

How To Build Android Apps With Node JS Using Android JS

Built android apps with JavaScript, HTML and CSS based on Node JS

731 viewsRian YW, 01:33

JavaScript Indonesia Channel

Menggunakan teknik lazy loading untuk memuat library pihak ketiga di Angular

https://medium.com/@tomastrajan/why-and-how-to-lazy-load-angular-libraries-a3bf1489fe24

#angular #lazy #load

Medium

Why And How To Lazy Load Angular Libraries

This article is based on real life experience from large enterprise environment with more than 60 SPAs and cca 30 libraries…

464 viewsRian YW, 01:34

JavaScript Indonesia Channel

Contoh penggunaan Class di TypeScript yang sering digunakan sehari hari

https://css-tricks.com/creating-reusable-base-classes-in-typescript-with-a-real-life-example/

#typescript #class #oop

CSS-Tricks

Creating Reusable Base Classes in TypeScript with a Real-Life Example

Hey CSS-Tricksters! Bryan Hughes was kind enough to take a concept from an existing post he published on converting to TypeScript and take it a few couple

816 viewsRian YW, 01:35

JavaScript Indonesia Channel

Latihan membuat class model dari JSON Object di Angular dan TypeScript

https://nehalist.io/angular-7-models/

#angular #typescript #model #json #class

nehalist.io

Angular 7 models

An updated guide on how to implement Models in Angular 7.

677 viewsRian YW, 01:37

JavaScript Indonesia Channel

Latihan menggunakan layanan serverless hosting Netlify Dev untuk mempublikasikan aplikasi JavaScript web untuk backend ataupun front end

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

#netlify #deploy #course

YouTube

Netlify Dev Crash Course | Easy Dev & Deploy

In this video we will experiment with the Netlify Dev which is part of the CLI and allows us to utilize the power of Netlify on your local machine

Read More:
https://www.netlify.com/products/dev/

💖 Become a Patron: Show support & get perks!
http://www.…

858 viewsRian YW, edited 23:40

JavaScript Indonesia Channel

Catatan rilis Chrome DevTools di Google Chrome 74.

Video
https://www.youtube.com/watch?v=I14fXc7sXdU

Catatan rilis dan penjelasan
https://developers.google.com/web/updates/2019/03/devtools

New to DevTools in Chrome 74:

- Highlight all nodes affected by CSS property
- Audits panel updates
- Binary WebSocket message viewer
- Capture area screenshot
- Service worker filters in the Network panel
- Long tasks and First Paint in performance recordings
- Bonus tip! View HSL and RGB color values

#chrome #devtool #release

YouTube

Chrome 74 - What’s New in DevTools

New to DevTools in Chrome 74: 0:09 - Highlight all nodes affected by CSS property 0:42 - Audits panel updates 1:54 - Binary WebSocket message viewer 2:35 - C...

987 viewsRian YW, edited 23:43

JavaScript Indonesia Channel

Fungsi yang sejenis dengan shouldComponentUpdate di Angular

https://blog.bitsrc.io/angulars-equivalent-of-react-s-shouldcomponentupdate-b2dd9b6b047e

#angular #component #update

Medium

Angular’s Equivalent of React’s shouldComponentUpdate

NG’s equivalent of React’s shouldComponentUpdate in Angular with show some useful examples.

494 viewsRian YW, 23:47

JavaScript Indonesia Channel