Helping you master web development and freelance like a pro | Freelancing tips and coding tricks | 📥 [email protected]
Joined October 2016
- Tweets15.4K
- Following91
- Followers4.2K
- Likes45.3K
When choosing a tech stack, the most important thing is what’s popular in your local job market.
Even if you're only planning to freelance online.
All the online talk can mislead people who are learning to code, especially new developers.
It doesn’t matter how good a programming language is if it won’t help you find a job
Mahmood Tareq retweeted
Every frontend dev should learn and use Typescript. Period.
TypeScript is at a point where, as a developer, the pros and cons don’t really matter as much for you personally.
It's more up to teams or project leads to make those decisions.
But it’s still worth learning, even if you don’t use it in production, you’ll benefit from knowing it.
I wouldn’t say this about every tool, but learning TypeScript is great for your resume and your skills as a developer.
Mahmood Tareq retweeted
I started technical writing after a long time.
Technical writing helps with learning new concepts, sharing your knowledge with others etc.
Check out my latest one here:
infrasity.com/blog/user-guid…
Mahmood Tareq retweeted
TypeScript is at a point where, as a developer, the pros and cons don’t really matter as much for you personally.
It's more up to teams or project leads to make those decisions.
But it’s still worth learning, even if you don’t use it in production, you’ll benefit from knowing it.
I wouldn’t say this about every tool, but learning TypeScript is great for your resume and your skills as a developer.
TypeScript is at a point where, as a developer, the pros and cons don’t really matter as much for you personally.
It's more up to teams or project leads to make those decisions.
But it’s still worth learning, even if you don’t use it in production, you’ll benefit from knowing it.
I wouldn’t say this about every tool, but learning TypeScript is great for your resume and your skills as a developer.
Mahmood Tareq retweeted
💡 Master your basics: HTML, CSS, and JavaScript are the core of frontend.
Without these, you'll struggle to understand libraries like React.
Start here 🧵:
People complicate UX.
Start by making your site usable for everyone with proper HTML first instead of throwing the <div> everywhere.
Mahmood Tareq retweeted
🚨IconSax. Dev is on ProductHunt
Hi guys!
IconSax .dev, my side project that makes access to 5000+ Iconsax SVG icons easy, is on ProductHunt today.
Check it out, guys, and share your feedback.
producthunt.com/posts/iconsa…
Mahmood Tareq retweeted
CSS flex-direction Property 🚀
The flex-direction property specifies the direction of the flexible items.
If the element is not flexible, the flex-direction property has no effect.
CSS Syntax:
flex-direction: row | row-reverse | column | column-reverse | inherit;
The flex-direction property lets you control the main axis and the order of your flex items.
flex-direction: row; Items arranged in a row from left to right (1 2 3).
flex-direction: row-reverse; Items arranged in a row from right to left (3 2 1).
flex-direction: column; Items arranged in a column from top to bottom (1 2 3).
flex-direction: column-reverse; Items arranged in a column from bottom to top (3 2 1).
Do you want to kill your website's performance?
Load images without optimization.
Almost every user I've talked with bounces before the page even finishes loading.
Mahmood Tareq retweeted
💡 Customizing a React Component with built-in HTML <datalist> and CSS Styling.
In the example below, I extended the <datalist> component that provides auto-complete feature out of the box in a React component:
Exposed Props:
➡️data: An array of strings representing the options to display in the autocomplete dropdown.
➡️ id: A unique identifier for the <datalist> element, ensuring the <input> is correctly associated.
➡️ ...props: Additional props to pass to the <input> element (e.g., placeholder, name, onChange).
Custom Styling:
➡️ Rounded Corners: Applied to the <input> element using border-radius: 8px;.
➡️ Input Focus Styles: Changed border color and added a box-shadow when the input is focused.
Complete code - playcode.io/2140915
Mahmood Tareq retweeted
Javascript Tip 💡
You can use Optional Chaining conditionally to call functions that might not exist, avoiding errors when calling a non-existent function.
Mahmood Tareq retweeted
Something I always recommend 🙌
We all learn on the job 😅