Haider. Profile picture
Feb 6 11 tweets 3 min read
JavaScript BOM (Browser Object Model) cheat sheet 🚀 BOM cheatsheet
— The window objects represents the whole browser all global JavaScript objects, functions, and variables automatically become member of the window object.
— Window Controls
— Navigation
— Location
— History
— Popups
— Screen
— Timing Events
In case you missed out, Here's the DOM cheat sheet.

🔗
That's a wrap!

If you enjoyed this thread:

1. Follow me @slow_developer for more of these
2. RT the tweet below to share this thread with your audience

• • •

Missing some Tweet in this thread? You can try to force a refresh
 

Keep Current with Haider.

Haider. Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @slow_developer

Feb 5
Guess the Output with explanation ❓
456 is output,

— Object keys are automatically converted into strings. We are trying to set an object as a key to object a, with the value of 123.

— However, when we stringify an object, it becomes "[object Object]".

1/3
— So what we are saying here, is that a["[object Object]"] = 123. Then, we can try to do the same again. c is another object that we are implicitly stringifying. So then, a["[object Object]"] = 456.

2/3
Read 4 tweets
Feb 3
Learn how to create a Counter App using JavaScript.

Take a look: counter app
→ HTML html
→ CSS css
Read 7 tweets
Feb 1
A JavaScript array method you're not familiar with: JS Array methods
1. .reduceRight()

— All of you're partially familiar with .reduce() method, right? .reduceRight() does the exact functionality of .reduce() but instd of iterating the items frm left to right, it goes from right to left. so you don't have to do extra .reverse() b4 doing .reduce() .reduceRight() method
2. .flat()

— The .flat() methods create a new array with all sub-array elements concatenated into it, recursively up to the specific depth. If the depth is not specified, it defines to 1. Depth 0 means no change at all. .flat() method
Read 7 tweets
Jan 20
Here is a simple Calculator Project that uses the JavaScript programming language: Calculator Project using js
→ HTML html
→ CSS css
Read 7 tweets
Jan 18
REST APIs offer an excellent opportunity to practice web development.

Open this: api for next projects
1. Coin Paprika

- The API delivers free & frequently updated market data from the world of crypto: coin prices, volumes and more.

🔗 api.coinpaprika.com
2. Unsplash

- The Unsplash API is a modern JSON API that surfaces all the info you'll need to build any experience of your users.

🔗 unsplash.com/developers
Read 8 tweets
Jan 16
Using JavaScript to create a simple "to-do list" can be very helpful for beginners: todo list using js
→ HTML html
→ CSS css
Read 7 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Don't want to be a Premium member but still want to support us?

Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal

Or Donate anonymously using crypto!

Ethereum

0xfe58350B80634f60Fa6Dc149a72b4DFbc17D341E copy

Bitcoin

3ATGMxNzCUFzxpMCHL5sWSt4DVtS8UqXpi copy

Thank you for your support!

Follow Us on Twitter!

:(