If you don't feel dumb while learning programming.. You're not learning.

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

Every frontend dev should learn and use Typescript. Period.

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…

JavaScript String Functions🔥

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.

VSCode Shortcuts Cheatsheet🔥

💡 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.

Colorful Click-effect using HTML, CSS and JS. Code in the reply section.

🚨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…

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).

CSS Cursor Property🔥

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.

💡 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

JavaScript Local and Session Storage🔥 Open this🧵

Dear junior dev, It’s not failure you fear—it’s other people's judgment.

Javascript Tip 💡 You can use Optional Chaining conditionally to call functions that might not exist, avoiding errors when calling a non-existent function.

Something I always recommend 🙌 We all learn on the job 😅

I still remember the first client I reached out to as a freelancer. I didn’t know how to talk to them, couldn’t write JavaScript well, and had no clue about making responsive apps. But I still got my first gig, no idea how, but I had the guts to try. Go do it scared.