Roc Tanweer Profile picture
19 • Full Stack Developer👨‍💻 Sharing useful tips✨tricks & resources on Web🌐Development & JavaScript Follow along to learn🚀🚀
Erik Viana Profile picture 1 subscribed
May 1, 2022 16 tweets 5 min read
✨No Worries About Centering Div Now!🚀🚀 What does it mean by centering a <div> in the first place❓

☛ To center the <div> on the x-axis.

☛ To center the <div> on the y-axis.

☛ To center the <div> on both x-axis and y-axis.

In this case, we're going to do the third one ⇧
Apr 29, 2022 10 tweets 4 min read
✨Use these APIs to make projects and add it to your Portfolio!🚀🚀

A thread🧵👇 📌 AuthO

➩ A platform that provides you easy to implement, adaptable authentication and authorization system.

➩ It's free plan includes up to 7,000 active users and unlimited logins.

auth0.com
Apr 28, 2022 7 tweets 3 min read
✨Learn Programming While Reading 🚀🚀

Here's top 5 websites for you 👇
A thread🧵 ⬇️ {1/5}

MDN

☛ This contains almost everything you need to learn Web Development.

☛ It's modern UI and dark mode feature makes it easy to navigate and read.

☛ It is open source so you can also add/edit content yourself.

developer.mozilla.org/en-US/
Apr 27, 2022 8 tweets 2 min read
💡CSS Tip #12💡
The combination of Pseudo-Classes⚡️

Learn the details🧵👇 📌 What is Pseudo-class?

➥ It is a special keyword that is added to the selector.
➥ It specifies a special state of that selected element.

For example,

"button:hover" selects that <button> over which the cursor is hovering.
Apr 26, 2022 7 tweets 2 min read
💡Array methods explained💡

Array.prototype.shift()✨

If you have any confusion, feel free to ask👇
Would love to help you😊

Now, let's learn it in detail🧵 ↓

{18/25} ✰ What happens when you call this method❓

☛ The element at zeroth index (first element) is removed and returned.

☛ All the other elements of array is shifted one step back.

☛ The original array is changed and it's length decreases by 1.
Apr 25, 2022 10 tweets 3 min read
💡CSS Tip #11💡
You can easily avoid using media-queries for making the header responsive!⚡️

Learn the details🧵👇 ✭ combination of "width" & "max-width"

➦ The "max-width" property gives the element a fix width which takes effect only if it is less than parent element's width.

Since we are dealing with wrapper <div> element, it's parent element is <header>
Apr 23, 2022 6 tweets 2 min read
💡Array methods explained💡

Array.prototype.reverse()✨

If you have any confusion, feel free to ask👇
Would love to help you😊

{17/25} Image ✰ Definition:
- The reverse() method reverses an array.
- The first array element becomes the last, and the last array element becomes the first.
Feb 24, 2022 10 tweets 3 min read
💡 JavaScript Tip 💡
Making a 'composition function' becomes much more cleaner✨
#javascript #webdevelopment
Here's how👇 Normally while composing functions, you would do this👇which is okay, but when you are using too many functions, the code become hard to read
Feb 23, 2022 6 tweets 2 min read
💡Git Tip
- What is Alias in #git and why you should know it?
A thread🧵👇 ▶️Alias is a term associated with shortcuts in Git.
▶️It compresses longer sequences of commands to make it more meaningful or contain less characters.
Example:
Feb 22, 2022 6 tweets 2 min read
💡#coding tip
Enhance your problem-solving skill by asking Questions.
Here's how👇 1⃣ What information is given in the problem?
- This question will help you to know the problem in depth. You may write bullet points of those info for further reference.