JavaScript Indonesia Channel

Catatan rilis dari Google Chrome Dev Tools v65 yang akan rilis beberapa hari lagi

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

Catatan rilisnya :
https://developers.google.com/web/updates/2018/01/devtools

- Local Overrides
- New accessibility tools
- The Changes tab
- New SEO and performance audits
- Multiple recordings in the Performance panel
- Reliable code stepping with workers and asynchronous code

#chrome #devtools

YouTube

Chrome 65 - What's New in DevTools

New to DevTools in Chrome 65: Local Overrides, new accessibility tools, the Changes tab, new performance and SEO audits, reliable code stepping with worker and async code, and multiple recordings in the Performance panel.

0:26 - Local Overrides
1:46 - New…

1.22K viewsRian YW, edited 23:55

JavaScript Indonesia Channel

Panduan dasar tentang penggunaan layanan Firebase seperti Hosting, Auth, Firestore, Storage, Cloud Functions, dst dengan menggunakan JavaScript murni saja

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

Web latihan :
https://angularfirebase.com/lessons/the-ultimate-beginners-guide-to-firebase/

#firebase #tutorial #javascript #angular

YouTube

Firebase - Ultimate Beginner's Guide

UPDATE. See the latest basics video here: https://youtu.be/q5J5ho7YUhA

Master the basics of Firebase in 20 minutes. In this episode, we run through hosting, auth, firestore, storage, and cloud functions using nothing but plain JavaScript. https://angula…

377 viewsRian YW, 00:19

JavaScript Indonesia Channel

Latihan membuat project aplikasi web dengan menggunakan Angular, yang kerangka project nya dibuat dengan bantuan Angular CLI sehingga menjadi lebih mudah untuk bikin komponen-komponen di dalamnya, melakukan testing, dan membuat jadi mode produksi dan PWA.

link tautan
https://www.youtube.com/watch?v=9_1c8jlOID8

Latihan web nya
https://medium.com/codingthesmartway-com-blog/creating-angular-projects-with-angular-cli-e32b2cb486da

Dokumentasi Angular CLI dan Tips nya :
https://github.com/angular/angular-cli

#angular #angularcli #cli #typescript

YouTube

Creating Angular Projects With Angular CLI

Angular 5 - The Complete Guide (http://codingthesmartway.com/courses/angular2-complete-guide/) Top Web Development Online Courses (https://codingthesmartway....

610 viewsRian YW, 02:04

JavaScript Indonesia Channel

Cara merapikan impor dependency di TypeScript Angular

https://medium.com/@tomsu/are-we-there-yet-or-how-to-improve-typescript-sass-imports-bce09ecea164

#angular #import #typescript

Medium

“../../../are-we/there/yet” — or how to improve TypeScript & Sass imports

2 simple configuration options for your Angular app to ease the nested paths headache.

402 viewsRian YW, 00:08

JavaScript Indonesia Channel

Membuat aplikasi Shopping Cart belanja dengan menggunakan MEVN Stack

Part 1
https://medium.com/@jaouad_45834/full-stack-shopping-cart-with-mevn-stack-part-1-89dae1f35378

Part 2
https://medium.com/@jaouad_45834/full-stack-shopping-cart-with-mevn-stack-part2-2e5465359887

#vue #nodejs #express #mevn #shopping #cart #tutorial

Medium

Full Stack Shopping Cart With MEVN Stack [Part 1]

VueJS 2.0 Nodejs Tutorial is today’s main topic. NodeJS is a viral platform nowadays because of its features and Express is a web framework…

1.21K viewsRian YW, 00:10

JavaScript Indonesia Channel

Menggunakan state management dengan menggunakan Vuex

https://codeburst.io/state-management-with-vuex-6a3d83b0a799

#vue #vuex

codeburst

State Management with Vuex

A program is considered to be stateful if it remembers actions and can recall them later. Think of a shopping cart on a website. When you…

460 viewsRian YW, 00:10

JavaScript Indonesia Channel

30 seconds of CSS. A curated collection of useful CSS snippets.

#resources #tutorial #css

https://kutt.it/sd7s2r

atomiks.github.io

30 Seconds of CSS

A curated collection of useful CSS snippets you can understand in 30 seconds or less. From foundational elements such as clearfix to gradient text color and gradient cursor tracking to CSS easing and far beyond.

366 viewsRian YW, 22:47

JavaScript Indonesia Channel

Forwarded from The Devs

30 seconds of CSS. A curated collection of useful CSS snippets.

#resources #tutorial #css
@thedevs

https://kutt.it/sd7s2r

13 viewsRian YW, 22:47

JavaScript Indonesia Channel

Mengenal apa itu JSON Web Token atau JWT , dan bagaimana cara membuatnya di JavaScript

https://dev.to/siwalik/what-the-heck-is-jwt-anyway--47hg

#nodejs #jwt #json #token

DEV Community

What the heck is JWT anyway?

Fundamentals of a JWT token and how we can benefit from it for authenticating communications between two parties, all of this using vanilla NodeJS and javascript.

358 viewsRian YW, 00:09

JavaScript Indonesia Channel

Beberapa hal baru di dunia desain web atau web design untuk Minggu ini , seperti tren desain, CSS, dan tips

https://speckyboy.com/weekly-news-for-designers-426/

#css #web #design

Speckyboy Web Design Magazine

Weekly News for Designers № 426 - 30 Seconds of CSS, Atomic Grid, CSS Puns

This week’s Designer News (N.426) includes Atomic Bulldog Grid, CSS Puns, 30 Seconds of CSS, a Five Minutes Guide to Better Typography, 80s-Inspired Web Design, CSS Grid for UI Layouts, a Pure CSS Halftone Effect and more.

375 viewsRian YW, 00:12

JavaScript Indonesia Channel

Membuat dialog modal di Angular dengan menggunakan element ref dan dom service

https://itnext.io/angular-create-your-own-modal-boxes-20bb663084a1

#angular #modal #dialog #dom

Medium

Angular — Create your own Modal Boxes

Write your own modal library

396 viewsRian YW, 00:17

JavaScript Indonesia Channel

Pada NPM versi 5.7.1 ini, ada tambahan perintah command line yaitu "npm ci" , fungsinya sama dengan npm install pada project-project yang membutuhkan node dependency, tapi ini lebih cepat, karena si "npm ci" hanya membaca dependency dan versi yang ada di package-lock.json aja.

Cocok untuk dijalankan pada Continous Integration (CI) builds, misalnya pada Gitlab CI atau Travis CI .

Selengkapnya
http://blog.npmjs.org/post/171556855892/introducing-npm-ci-for-faster-more-reliable

Dokumentasi :
https://docs.npmjs.com/cli/ci

Ada yang sudah mencoba rupanya :
https://medium.com/@tomastrajan/how-to-speed-up-continuous-integration-build-with-new-npm-ci-and-package-lock-json-7647f91751a

#npm #ci #tips

blog.npmjs.org

npm Blog Archive: Introducing `npm ci` for faster, more reliable builds

npm Blog (Archive); updates from the npm team are now published on the GitHub Blog and the GitHub Changelog

789 viewsRian YW, 02:51

JavaScript Indonesia Channel

Artikel infografik tentang pengukuran performa web dari Google Web Fundamentals dan bagaimanan optimasi dan pemakaiannya : https://developers.google.com/web/fundamentals/performance/speed-tools/

#web

930 viewsRian YW, edited 06:43

JavaScript Indonesia Channel

Latihan tentang membuat CSS Grid langkah demi langkah

http://www.developerdrive.com/2018/02/how-to-create-a-css-grid-step-by-step/

#css #cssgrid #grid #tutorial

Developerdrive

How to Create a CSS Grid Step-by-Step - Developer Drive

The CSS Grid Layout Module has quickly got traction among front-end developers. It's a new web standard that allows us to create two-dimensional layouts with pure CSS. In this article, we'll look into how to create a CSS Grid step-by-step.

398 viewsRian YW, 04:35

JavaScript Indonesia Channel

Cara melakukan Class dan Style Binding ke HTML di dalam Angular

http://www.discoversdk.com/blog/class-and-style-binding-in-angular

#angular #css #style #class #binding

discoversdk

Class and Style Binding in Angular - DiscoverSDK Blog

387 viewsRian YW, 04:38