Sourav Mandal Profile picture
Mar 20 16 tweets 3 min read
❀ JavaScript Cheatsheet

→ A Thread 🧵↓ 👇👇👇
✧ JavaScript Arrays
✧ JavaScript Boolean Methods
✧ JavaScript Arithmetic operators
✧ Logical operators
✧ Bitwise operators
✧ Function
✧ Escape Characters
✧ JavaScript String Methods
✧ Pattern Modifiers
✧ Brackets
➊ JavaScript Arrays
❑ concat()⇥ join several arrays one
❑ from()⇥ Create an array from an object
❑ pop()⇥ Remove the last element of an array
❑ push()⇥Add a new element at the end
❑ shift()⇥ Remove the first element of an array
❑ sort()⇥ Sort element alphabetically
❑ slice() ⇥ Pull a copy of a portion of an array into a new array object
❑ splice() ⇥ Add element in a specified way and position
❑ unshift() ⇥ Add a new element to the beginning
❑ copyWithin() ⇥ Copy array element within the array, to and specfied positions
❑ join()⇥ Combine element of an array into a single string and return the string
❑ indexof() ⇥ Return the primitive value of the specified element
❑ includes() ⇥ check if an array contains the specified element
❑ reveres() ⇥ sort element in descending order
❑ reduce() ⇥ Reduce the values of an array to a single value
❑ reduceRight() ⇥ Reduce the values of an array to a single value
❑ entries() ⇥ Return a key value pair array iteration object
❑ every() ⇥ Check if every element in an array passes a test
❑ fill() ⇥ fill the element in an array with a static value
❑ forEach() ⇥ call a function for each array element
➋ JavaScript Boolean Methods
❑ toString() ⇥ Convert a boolean value to a string and the result
❑ valueOf() ⇥ Return the first position at which a given element appears in an array
❑ toSource() ⇥ Return a string representing the source code of the object
➌ JavaScript Arithmetic operators
+ ⇥ Addition
- ⇥ Subtraction
* ⇥ Multiplication
/ ⇥ Division
(...) ⇥ Grouping operator
% ⇥ modulus
++ ⇥ increment numbers
-- ⇥ Decrement numbers
== ⇥ equal to
=== ⇥ equal value and equal type
!= ⇥ not equal
!== ⇥ not equal value
> ⇥ Greater than
< ⇥ lesser than
>= ⇥ Greater than or equal to
<= ⇥ Lesser than or equal to
? ⇥ Ternary operator
➍ Logical operators
&& ⇥ Logical AND
|| ⇥ Logical OR
! ⇥ Logical NOT

➎ Bitwise operators
& ⇥ and statement
| ⇥ or statement
~ ⇥ not
<< ⇥ left shift
>> ⇥ Zero fill right
> ⇥ shift
➏ Function
alert()
confirm()
console.log()
document.write()
prompt()

➐ JavaScript String Methods
charat()
charCodeat()
concat()
fromcharcode()
indexof()
iastindexof()
match()
reolace()
search()
slice()
split()
startsWith()
substr()
substring()
➑ Brackets
[abc] ⇥ Fine any of the characters in the brackets
[<abc] ⇥ Fine any characters in the brackets
[0-9] ⇥ Fine digit specified in the brackets
[A-z] ⇥ Fine any character from uppcase a to lowercase z
(a | b | c) ⇥ Fine any of the alternatives separated with |
➒ Pattern Modifiers
e ⇥ Evaluate replacement
i ⇥ perform case-insensitive matching
g ⇥ perform global matching
m ⇥ perform multiple line matching
s ⇥ Treat strings as single line
x ⇥ Allow comments and whitespace in pattern
u ⇥ Ungreedy pattern
10. Escape Characters
\' ⇥ Single quote
\" ⇥ Double quote
\\ ⇥ Backslash
\b ⇥ Backspace
\f ⇥ form feed
\n ⇥ New file
\r ⇥ Carrige return
\t ⇥ Horizontal tabulator
\v ⇥ Vertical tabulator
That's all for now.

If you liked this thread, make sure to:

1. Follow me @souravWD

2. Retweet the first tweet

Thank you so much for getting to the end of the thread 💙 ! Let me know what you think below 😊 .

Cheers! 🍻

• • •

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

Keep Current with Sourav Mandal

Sourav Mandal 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 @souravWD

Mar 19
✧ 6 Awesome & popular css frameworks

A Thread 🧵↓
➊ Bootstrap

⇥ Bootstrap is the most popular css framework globally and got instant popularity because of its responsive design. almost anything, from alerts to modals to navigation bars, is supported by default making is easy to build amazing website.
getbootstrap.com
➋ Tailwind CSS

⇥ Tailwind css is a utility-first css framework that is different that other frameworks like bootstrap where you get pre-designed components. Tailwind requires the least amount of learning an dis easy to use

tailwindcss.com
Read 8 tweets
Mar 18
⬕ 9 JavaScript Function

❒ Every JavaScript developer should know

A Thread 🧵↓
➊ function statement

⇥ when we create a new function with FUNCTION keyword, we all it function statement.

⇥ example:
➋ function expression

⇥ creating and assigning a function to a variable is known as function expression.

⇥ example:
Read 11 tweets
Mar 17
⬒ Some Css Basics You Need To Know!

A Thread 🧵↓
➀ Css Rule Set
⇥ The whole structure is called a ruleset. The term ruleset is often referred to as just rule. NOte the names of the individual parts: Image
➁ Selecting Multiple Elements

⇥ You can select many elements by using coma(,) Image
Read 7 tweets
Mar 15
❒ Css Display Property

A Complete Thread 🧵↓
➀ Display ⇥ Inline

⇥ An inline property dose not start on new and only takes up as much width as necessary.Any height and width properties will have no effect on inline elements. This example overrides the default setting of <li> bullet points and presents them in one line.
➁ Display : Block
⇥ Display Block property shows the elements one by one like a building. Every block element appears in a new line. margin. padding and width work in display block.
Read 6 tweets
Mar 14
⬒ Top 8 Free Resources For Web Development.
❑ You can used Them in your Projects.

A Thread 🧵↓
➀ Error 404

⇥ This source is awesome for finding illustrations you can use for your website's 404 page.

error404.fun
➁ Smash illustrations

⇥ Control features high-quality illustrations in solid and linear style for free. They are free to use in commercial and personal use.
usesmash.com
Read 10 tweets
Mar 13
🔹 Tips for SEO Friendly Website

🧵↓👇👇👇👇
➀ ⇥ Group the content relevance and use descriptive items to help user find easily the information that they are looking for.

➁ ⇥ Use text links in footer to support navigation. text links are very useful both for the users the search engines.
➂ ⇥ Use breadcrumb navigation to allow users keep track of location within your website and help search engines understand your website structure.
Read 4 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!

:(