Pranoy (@prnysarkar) 's Twitter Profile
Pranoy

@prnysarkar

I breathe JavaScript

ID: 2904583934

calendar_today19-11-2014 14:37:29

93 Tweet

928 Takipรงi

3,3K Takip Edilen

Pranoy (@prnysarkar) 's Twitter Profile Photo

๐Ÿ“ขHow to make an Object Property READ ONLY ๐Ÿ“ข we โค๏ธ const, but it does not work ๐Ÿ˜ญ with object property. Solution : ๐Ÿ‘‰ Object.defineProperty( obj , 'fname', { writable : false }) Here the third parameter is the configuration for the property. #js #javascript #vanillajs

๐Ÿ“ขHow to make an Object Property READ ONLY ๐Ÿ“ข

we โค๏ธ const, but  it does not work  ๐Ÿ˜ญ with object property. 

Solution :

๐Ÿ‘‰ Object.defineProperty( obj , 'fname', { writable : false })

Here the third parameter is the configuration for the  property. 

#js #javascript #vanillajs
Pranoy (@prnysarkar) 's Twitter Profile Photo

๐Ÿ’ก Array destructuring ๐Ÿ”จ in ES6 You can unpack ๐Ÿ”ง [array] values very easily syntax : let [ newVarName = 'defult' ] = someArr; ๐Ÿ‘‡ example: fName is assigned from the first element from the array, similarly lName, and default is assigned to variable age #javascript #es6 #js

๐Ÿ’ก Array destructuring ๐Ÿ”จ in ES6

You can unpack ๐Ÿ”ง [array] values very easily

syntax :
let [ newVarName = 'defult' ] = someArr;

๐Ÿ‘‡ example:  fName is assigned from the first element from the array, similarly lName, and default is assigned to variable age

#javascript #es6 #js
Pranoy (@prnysarkar) 's Twitter Profile Photo

๐Ÿ“ข Ever heard of ๐Ÿ“˜ contact API ? With this new API you can request for user contacts ๐Ÿ“™, it will drastically ๐Ÿ“ˆ improve UX in many sites where phone no is needed like recharge sites, contact forms etc. pranoysarkar.github.io/WebBleed/ #js #frontend #javascript #vanillajs

๐Ÿ“ข Ever heard of ๐Ÿ“˜ contact API ?

With this new API you can request for user contacts ๐Ÿ“™, it will drastically ๐Ÿ“ˆ improve UX in many sites where phone no is needed like recharge sites, contact forms etc.

pranoysarkar.github.io/WebBleed/

#js #frontend #javascript #vanillajs
Pranoy (@prnysarkar) 's Twitter Profile Photo

๐Ÿ“ณ Vibration API for web Vibration is one of the ๐Ÿ’ช powerful way to communicate with the user The same ux can be generate form web as well, twitter web is already doing with their like โค๏ธ button ๐Ÿ”ถnavigator.vibrate(pattern) Try now pranoysarkar.github.io/WebBleed/ #js #javascript

Pranoy (@prnysarkar) 's Twitter Profile Photo

๐Ÿ”‹ How to get battery status on web ๐Ÿ”Œ Current battery status can be crucial in many applications like prompting user to save unsaved contents/forms if the battery is about to die, or giving warning while downloading big files. ๐Ÿ‘‰ navigator.getBattery(); #javascript #js

๐Ÿ”‹ How to get battery status on web ๐Ÿ”Œ

Current battery status can be crucial in many applications like    prompting user to save unsaved contents/forms if the battery is about to die, or giving  warning while downloading big files.

๐Ÿ‘‰ navigator.getBattery();

#javascript #js
Pranoy (@prnysarkar) 's Twitter Profile Photo

๐Ÿ“ก Network Information API on WEB ๐Ÿ“ก Many time you want to know user's internet speed โšก๏ธ, important for streaming websites to choose optimal video quality. ๐Ÿ‘‰ navigator.connection ; It can also be used to detect if the user is gone offline โœ‚๏ธ #js #javascript

๐Ÿ“ก Network Information API on WEB ๐Ÿ“ก

Many time you want to know user's internet speed โšก๏ธ, important for streaming  websites to choose optimal video quality.

๐Ÿ‘‰ navigator.connection ;

It can also be used to detect if the user is gone offline โœ‚๏ธ

#js #javascript
Pranoy (@prnysarkar) 's Twitter Profile Photo

๐Ÿ“ขNative Share API on Web๐Ÿ“ข Day by day the the gap between native app and website is minimizing. For any app, sharing (image ๐Ÿ“ท/text๐Ÿ“/video๐ŸŽฅ) is one of the necessary feature. This API exactly helps to do that. ๐Ÿ‘‰ navigator.share() demo link given below #javascript #js

๐Ÿ“ขNative Share API on Web๐Ÿ“ข

Day by day the the gap between native app and website is minimizing. For any app, sharing (image ๐Ÿ“ท/text๐Ÿ“/video๐ŸŽฅ) is one of the necessary feature. This API exactly helps to do that.

๐Ÿ‘‰ navigator.share()

demo link given below

#javascript #js
Pranoy (@prnysarkar) 's Twitter Profile Photo

๐Ÿ“ข Screen Capture API ๐Ÿ“ข Even wondered how Google Meet allows you to ๐Ÿ“บ share screen without installing anything not even any extension. ๐Ÿ‘‰ navigator.mediaDevices.getDisplayMedia() With this API you can request user to share screen pranoysarkar.github.io/WebBleed/?pageโ€ฆ #javascript #js

๐Ÿ“ข Screen Capture API ๐Ÿ“ข

Even wondered how Google Meet allows you to ๐Ÿ“บ share screen without installing anything not even any extension.

๐Ÿ‘‰ navigator.mediaDevices.getDisplayMedia()

With this API you can request user to share screen

pranoysarkar.github.io/WebBleed/?pageโ€ฆ

#javascript #js
Pranoy (@prnysarkar) 's Twitter Profile Photo

๐Ÿ’ก Elegant way to handle URL on web๐Ÿ’ก Many time we have to have deal with URLs, find out domain/port/path and or query params). Solution: ๐Ÿ‘‰ new URL(anyURL) WebBleed: demo link given bellow #javascript #js Demo and More => pranoysarkar.github.io/WebBleed/?pageโ€ฆ

๐Ÿ’ก Elegant way to handle URL on web๐Ÿ’ก

Many time we have to have deal with URLs, find out domain/port/path and or query params). 

Solution:
๐Ÿ‘‰ new URL(anyURL)

WebBleed: demo link given bellow

#javascript #js

Demo and More => 
pranoysarkar.github.io/WebBleed/?pageโ€ฆ
Pranoy (@prnysarkar) 's Twitter Profile Photo

Hey Guys I built something Basically I was struggling for build architecture diagram for a project, but honestly I dint find any suitable solution So introducing #zDiagram , A simple free tool to create high quality project architecture loom.com/share/7c3be2d9โ€ฆ

Pranoy (@prnysarkar) 's Twitter Profile Photo

Hey Makers, Make a clear architecture diagram of you project with zdiagram.com which will help you to get more visibility, easier to manage and will be easier to explain to others #buildinpublic