siddharthkmr1's profile picture. 💻 Frontend Developer  | 💛 Javascript

Sid

@siddharthkmr1

💻 Frontend Developer | 💛 Javascript

#css tip 🌟 Use ::selection selector to style the selected(highlighted by user) text #100DaysOfCode #javascript

siddharthkmr1's tweet image. #css tip

🌟 Use ::selection selector to style the selected(highlighted by user) text

#100DaysOfCode #javascript

#html tip 💡 Use <datalist> tag to show a list of recommended values for input, it's also used as an autocomplete feature #100DaysOfCode #javascript

siddharthkmr1's tweet image. #html tip

💡 Use &amp;lt;datalist&amp;gt; tag to show a list of recommended values for input, it&apos;s also used as an autocomplete feature

#100DaysOfCode #javascript

#css notes 🤯 Did you know, you can make the text flow around an image or a shape using 'shape-outside' property? #100DaysOfCode #html #javascript

siddharthkmr1's tweet image. #css notes

🤯 Did you know, you can make the text flow around an image or a shape using &apos;shape-outside&apos; property?

#100DaysOfCode #html #javascript

Frontend challenge websites: 1. Frontend Mentor 2. Ace Frontend 3. 100DaysCss Which one would you add? 🤔 #css #javascript #100DaysOfCode


#css notes 🤯 You can detect user's system theme via media queries (prefers-color-scheme) 🧐 Which side have you chosen, Dark or Light? 😄 #100DaysOfCode #html #javascript

siddharthkmr1's tweet image. #css notes

🤯 You can detect user&apos;s system theme via media queries (prefers-color-scheme)

🧐 Which side have you chosen, Dark or Light? 😄

#100DaysOfCode #html #javascript

#javascript notes ✨ Set the default value if a variable is null or undefined using the Logical Nullish Coalescing operator ❄️ Default parameter works only for undefined 🌟 Logical OR(||) will substitue all the falsy values('', 0, null, undefined) #100DaysOfCode #CodeNewbie

siddharthkmr1's tweet image. #javascript notes

✨ Set the default value if a variable is null or undefined using the Logical Nullish Coalescing operator

❄️ Default parameter works only for undefined

🌟 Logical OR(||) will substitue all the falsy values(&apos;&apos;, 0, null, undefined)

#100DaysOfCode #CodeNewbie

#javascript notes ✨ Write your own compose function 🧐 Have you ever used compose before? #100DaysOfCode #CodeNewbie

siddharthkmr1's tweet image. #javascript notes

✨ Write your own compose function

🧐 Have you ever used compose before?

#100DaysOfCode #CodeNewbie

#javascript notes 🤯 Did you know, you can call a constructor without the parentheses? #100DaysOfCode #CodeNewbie

siddharthkmr1's tweet image. #javascript notes

🤯 Did you know, you can call a constructor without the parentheses?

#100DaysOfCode #CodeNewbie

Sid hat repostet

#javascript tip ✅ Use object.entries instead of object.keys 🔥 You will have access to both key and value pair #100DaysOfCode #CodeNewbie

siddharthkmr1's tweet image. #javascript tip

✅ Use object.entries instead of object.keys

🔥 You will have access to both key and value pair

#100DaysOfCode #CodeNewbie

#css notes 🤯 Did you know about filter functions? ✨ Try editing your next image in css 😉 #100DaysOfCode #javascript

siddharthkmr1's tweet image. #css notes

🤯 Did you know about filter functions?

✨ Try editing your next image in css 😉

#100DaysOfCode #javascript

#javascript basics ✨ map method 101 ✨ 1. takes a function(fn) as an argument 2. function(fn) is called for every value of the array 3. result of each call is pushed in the new array 4. returns the new array #100DaysOfCode #CodeNewbie

siddharthkmr1's tweet image. #javascript basics

✨ map method 101 ✨

1. takes a function(fn) as an argument
2. function(fn) is called for every value of the array
3. result of each call is pushed in the new array
4. returns the new array

#100DaysOfCode #CodeNewbie

#javascript quiz 🧐 What will be the output? A: [9.4, 11.2, 12.3, 10.1] B: ['9.4', '11.2', '12.3', '10.1'] C: [9, NaN, 1, 3] D: [9, 11, 12, 10] #100DaysOfCode #javascript30

siddharthkmr1's tweet image. #javascript quiz

🧐 What will be the output?

A: [9.4, 11.2, 12.3, 10.1]
B: [&apos;9.4&apos;, &apos;11.2&apos;, &apos;12.3&apos;, &apos;10.1&apos;]
C: [9, NaN, 1, 3]
D: [9, 11, 12, 10]

#100DaysOfCode #javascript30

#javascript tip 📅 You might not need moment js 🔥 You can pass locale & formatting options to, toLocaleDateString method #100DaysOfCode #CodeNewbie

siddharthkmr1's tweet image. #javascript tip

📅 You might not need moment js

🔥 You can pass locale &amp;amp; formatting options to, toLocaleDateString method

#100DaysOfCode #CodeNewbie

Sid hat repostet

#javascript notes Every JS developer at some point or the other has struggled with 'this'. Here's my attempt to make it simpler to understand. 👇 Let me know if you like this kind of analogies. 😅 #CodeNewbies #100DaysOfCode #javascript30

siddharthkmr1's tweet image. #javascript notes

Every JS developer at some point or the other has struggled with &apos;this&apos;. Here&apos;s my attempt to make it simpler to understand. 👇

Let me know if you like this kind of analogies.  😅

#CodeNewbies #100DaysOfCode #javascript30

😤 Do you hate it when you visit a website and some random video starts playing on full volume? 😌 Add this style in the custom user stylesheet 👇 😎 You're welcome #css #100DaysOfCode #javascript

siddharthkmr1's tweet image. 😤 Do you hate it when you visit a website and some random video starts playing on full volume?

😌 Add this style in the custom user stylesheet 👇

😎 You&apos;re welcome

#css #100DaysOfCode #javascript

#html notes 📅 Did you know there are different kinds of date and time input types? 🤯 ⚠️ Though Safari and IE don't support them #100DaysOfCode #javascript


#vscode tip 🔥 Create custom snippets for repeating code patterns ✨ You can even specify the cursor position on successive tab clicks #javascript #100DaysOfCode @code


#javascript quiz 🧐 Given a string, how would you check if it's a valid number? 👇 Sample valid / invalid values #100DaysOfCode

siddharthkmr1's tweet image. #javascript quiz

🧐 Given a string, how would you check if it&apos;s a valid number?

👇 Sample valid / invalid values

#100DaysOfCode

5 useful #reactjs component libraries 1. react-credit-cards 2. react-window 3. react-tabs 4. react-toastify 5. react-tooltip 🧐 Which other component libraries would you add? #javascript #100DaysOfCode


#javascript notes ✨ Different ways to convert a float to an integer 🧐 How many did you know already? #100DaysOfCode #CodeNewbie

siddharthkmr1's tweet image. #javascript notes

✨ Different ways to convert a float to an integer

🧐 How many did you know already?

#100DaysOfCode #CodeNewbie

Loading...

Something went wrong.


Something went wrong.