Swapna Kumar Panda ๎จ€ Profile picture
Mar 8 โ€ข 15 tweets โ€ข 2 min read
Memorise JavaScript Array Methods in 11 Steps

โ‡ฉ
๐Ÿ“‹ TOC

โžŠ Static Methods
โž‹ Accepts -ve Index
โžŒ Returns Boolean
โž Returns Index
โžŽ Returns new Array
โž Modifies Existing Array
โž Iterates through entire Array
โž‘ Iterates Partially
โž’ Checks Elements "as it is"
โž“ Checks Elements custom way
โžŠโžŠ Accepts a callback
โžŠ Static Methods

โ of()
โ from()
โ isArray()
โž‹ Accepts -ve Index

โ at()
โ slice()
โ splice()
โžŒ Returns Boolean

โ every()
โ some()
โ includes()
โž Returns Index

โ indexOf()
โ lastIndexOf()
โ findIndex()
โžŽ Returns new Array

โ of()
โ from()
โ concat()
โ map()
โ filter()
โ slice()
โ splice()
โ flat()
โ flatMap()
โž Modifies Existing Array

โ fill()
โ copyWithin()
โ pop()
โ push()
โ reverse()
โ shift()
โ unshift()
โ sort()
โž Iterates through entire Array

โ forEach()
โ map()
โ reduce()
โ reduceRight()
โ filter()
โ flat()
โ flatMap()
โ reverse()
โ sort()
โ join()
โž‘ Iterates Partially

โ every()
โ some()
โ find()
โ findIndex()
โ includes()
โ indexOf()
โ lastIndexOf()
โ slice()
โ splice()
โ fill()
โ copyWithin()
โž’ Checks Elements "as it is"

โ indexOf()
โ lastIndexOf()
โ includes()
โž“ Checks Elements custom way

โ every()
โ sum()
โ findIndex()
โ find()
โ filter()
โžŠโžŠ Accepts a callback

โ some()
โ every()
โ findIndex()
โ find()
โ filter()
โ forEach()
โ map()
โ flatMap()
โ reduce()
โ reduceRight()
๐Ÿ’ญ Feedbacks

Do you find these information useful? Share your feedbacks.

Do you see any omissions or, wrong representations? Specify that in ๐Ÿ’ฌ
End of ๐Ÿงต

Are you interested in learning HTML, CSS and JavaScript in an easy and, interesting way? My threads and, infographics may help you achieve that. I am sharing those regularly.

To never miss any content in future, Follow Me โœ…

โ€ข โ€ข โ€ข

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

Keep Current with Swapna Kumar Panda ๎จ€

Swapna Kumar Panda ๎จ€ 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 @swapnakpanda

Mar 10
๐ŸŸฆ All inline & block-level elements in HTML / CSS

Check inside the ๐Ÿงต for

โœง Interesting details about inline & block-level
โœง Link to high resolution image

โ‡ฉ HTML elements can be catego...
๐Ÿ“‹ Table of Contents

โžŠ Introduction
โž‹ inline-level
โžŒ block-level
โž Changing Element Level
โžŽ List of inline-level elements
โž List of block-level elements
โž Link to High Resolution Image
๐Ÿšฅ Disclaimer

โ‘ I have compiled these information with all sincerity. But in case you find any omissions or, wrong representations, ๐Ÿ’ฌ me.

โ’ If you have any suggestions or, feedbacks, share those with me. I am eager to hear from you.
Read 18 tweets
Mar 9
๐Ÿ™ Should we use Semantic HTML?

โœ˜ <div> โžœ <header> โœ“
โœ˜ <div> โžœ <nav> โœ“
โœ˜ <div> โžœ <section> โœ“
โœ˜ <div> โžœ <article> โœ“
โœ˜ <div> โžœ <aside> โœ“
โœ˜ <div> โžœ <main> โœ“
โœ˜ <div> โžœ <summary> โœ“
โœ˜ <div> โžœ <footer> โœ“

โ‡ฉ
We will discuss about

โžŠ What is Semantic HTML?
โž‹ Examples of Semantic Elements
โžŒ Benefits of using Semantic HTML
โžŒ.โž€ Improve site's SEO positioning
โžŒ.โž Help your site more accessible
โžŒ.โž‚ Closer to natural language, easier to maintain
โž Should we not use "div"?
โžŠ What is Semantic HTML?

โ Semantic HTML adds essential meaning to the web page rather than just presentation.

โ This lets web browsers, search engines, screen readers, RSS readers, and ultimately users understand it in a better way.
Read 14 tweets
Mar 7
10 HTML Tags and Attributes for SEO

โ‡ฉ
๐Ÿ“‹ Table of Contents

We will discuss about

โžŠ <title>
โž‹ <meta name = "description" >
โžŒ <h1> to <h6>
โž <img alt="...">
โžŽ <a rel="nofollow">
โž <meta name = "robots" >
โž <link rel = "canonical" >
โž‘ <meta name = "viewport" >
โž’ Open Graph Tags
โž“ Twitter Card Tags
๐Ÿ” Introduction

โ‘ When search engines crawl a website, it goes through all the HTML documents.

โ’ Various HTML tags and, attributes help search engine to determine what your content is about and, how to categorise it.

โ‘ So all these may affect how your website performs.
Read 16 tweets
Mar 6
๐Ÿ“ฆ CSS Cheat Sheet : Box Model

โ Properties
โ Values

โœง Link to High Resolution image in the next tweet We will describe about 33 CSS Properties as part of CSS Box
๐Ÿ™ High Resolution Image

โฌ’ If you liked this one, give a โญ๏ธ to this GitHub repo to support my work.

โฌ“ Direct Link:
github.com/swapnakpanda/Iโ€ฆ
๐Ÿšฅ Disclaimer

โฌ” I have compiled these information with all sincerity. But in case you find any omissions or, wrong representations, ๐Ÿ’ฌ me.

โฌ• I purposely omitted "border-radius" properties from this list. I don't consider those in Box Model. What is your opinion on this?
Read 4 tweets
Mar 5
JavaScript Interview Questions

โ‡ฉ
Series: โžŒ
Level: Beginner
Topics:

โžŠ Functions - Basics
โž‹ Function Scope
โžŒ Function Arguments
โž Anonymous Functions
โžŽ Higher Order Function & Callbacks
โž Closure
โž IIFE
โž‘ Arrow Functions
๐Ÿšฅ Disclaimer

โฌ– The questions covered here are mostly conceptual.
โฌ˜ I never claim only these type of questions are/should be asked during interviews.
โฌ— For interviews, you should have fundamentals strong. And you should be able to provide solutions to practical problems.
Read 17 tweets
Mar 4
50+ CSS Problems for Practice

โ‡ฉ
Series: โžŠ
Level of Difficulty: Easy to Medium

Topics:
โžŠ CSS Selectors
โž‹ Background
โžŒ Border
โž Margin
โžŽ Padding
โž Outline
โž Text
โž‘ Position
โž’ Overflow
โž“ Height/Width
๐Ÿ’ญ Intention behind this Practice Series

โฌ˜ I believe anyone can strengthen his skills in HTML and CSS only by practicing.

โฌ— In CSS, there are so many properties and values. It's impossible to memorize everything.

โฌ™ By practicing a lot, you can definitely master it.
Read 19 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!

:(