🛑 UI/UX Tip: Use "Skeleton Screens" over Spinners
Don't leave users staring at a blank screen or a generic loading spinner. Spinners often make the wait feel longer because they provide no context.
❌ Bad (High Perceived Latency):
Showing a "Loading..." text or a spinning wheel that gives no hint of what's coming.
✅ Good (Low Perceived Latency):
Using Skeleton Screens—gray, shimmering placeholders that mimic the layout of the content about to load (like the layout of a news feed or profile page).
The takeaway: Skeleton screens reduce "uncertainty." If the user sees the shape of the content, they perceive the app as faster and more responsive, even if the actual load time is identical.
Don't leave users staring at a blank screen or a generic loading spinner. Spinners often make the wait feel longer because they provide no context.
❌ Bad (High Perceived Latency):
Showing a "Loading..." text or a spinning wheel that gives no hint of what's coming.
✅ Good (Low Perceived Latency):
Using Skeleton Screens—gray, shimmering placeholders that mimic the layout of the content about to load (like the layout of a news feed or profile page).
The takeaway: Skeleton screens reduce "uncertainty." If the user sees the shape of the content, they perceive the app as faster and more responsive, even if the actual load time is identical.
❤1
🚫 Logic: Avoid "Magic Numbers"
A random number in your code like 86400 is a mystery to anyone who didn't write it (including you, six months from now).
❌ Mystery Numbers:
setTimeout(handler, 86400);
✅ Named Constants:
const SECONDS_IN_A_DAY = 86400;
setTimeout(handler, SECONDS_IN_A_DAY);
The takeaway: If a number has a specific meaning, give it a name. It makes the code self-documenting and easier to update in one place.
A random number in your code like 86400 is a mystery to anyone who didn't write it (including you, six months from now).
❌ Mystery Numbers:
setTimeout(handler, 86400);
✅ Named Constants:
const SECONDS_IN_A_DAY = 86400;
setTimeout(handler, SECONDS_IN_A_DAY);
The takeaway: If a number has a specific meaning, give it a name. It makes the code self-documenting and easier to update in one place.
❤2
🤖 AI-Friendly Coding: Add Type Hints
In 2026, you aren't just writing for humans; you're writing for AI agents (like Copilot or Cursor). Without types, AI makes more mistakes.
❌ Implicit/Any Type:
function calculate(price, tax) { ... }
✅ Explicit Types (TypeScript/Python):
function calculate(price: number, tax: number): number { ... }
The takeaway: Adding types reduces "hallucinations" from AI tools and catches bugs before you even hit "Save."
In 2026, you aren't just writing for humans; you're writing for AI agents (like Copilot or Cursor). Without types, AI makes more mistakes.
❌ Implicit/Any Type:
function calculate(price, tax) { ... }
✅ Explicit Types (TypeScript/Python):
function calculate(price: number, tax: number): number { ... }
The takeaway: Adding types reduces "hallucinations" from AI tools and catches bugs before you even hit "Save."
❤1
🔄 Refactoring: The "Single Responsibility" Function
If your function name has the word "And" in it (e.g., validateAndSaveUser), it’s doing too much.
❌ The Do-Everything Function:
A 50-line function that validates an email, hashes a password, and saves to a database.
✅ The Modular Approach:
Break it into three tiny functions: validateEmail(), hashPassword(), and saveToDb().
The takeaway: Small functions are easier to test, easier to name, and significantly easier to reuse in other parts of your app.
If your function name has the word "And" in it (e.g., validateAndSaveUser), it’s doing too much.
❌ The Do-Everything Function:
A 50-line function that validates an email, hashes a password, and saves to a database.
✅ The Modular Approach:
Break it into three tiny functions: validateEmail(), hashPassword(), and saveToDb().
The takeaway: Small functions are easier to test, easier to name, and significantly easier to reuse in other parts of your app.
❤2
Claude is offering 13 AI courses & certificates.
It's free by following these 13 links:
___
1 - Claude 101. Learn Claude for everyday work. Core features and best practices.
↳ https://anthropic.skilljar.com/claude-101
___
2 - AI Fluency: Framework & Foundations. The foundational thinking course. Must need.
↳ https://anthropic.skilljar.com/ai-fluency-framework-foundations
___
3 - Introduction to Agent Skills Build, configure, and share Skills in Claude Code — reusable instructions Claude applies automatically.
↳ https://anthropic.skilljar.com/introduction-to-agent-skills
___
4 - Building with the Claude API Full spectrum: function calling, tool use, streaming, SDKs, and production patterns.
↳ https://anthropic.skilljar.com/claude-with-the-anthropic-api
___
5 - Claude Code in Action Integrate Claude Code into your dev workflow. Hands-on, practical, ship-focused.
↳ https://anthropic.skilljar.com/claude-code-in-action
___
6 - Intro to Model Context Protocol Build MCP servers and clients from scratch in Python. Tools, resources, and prompts.
↳ https://anthropic.skilljar.com/introduction-to-model-context-protocol
___
7 - MCP: Advanced Topics Sampling, notifications, file system access, and transport for production MCP servers.
↳ https://anthropic.skilljar.com/model-context-protocol-advanced-topics
___
8 - AI Fluency for Students AI skills for learning, career planning, and academic success through responsible collaboration.
↳ https://anthropic.skilljar.com/ai-fluency-for-students
___
9 - AI Fluency for Educators For faculty and instructional designers applying AI Fluency into teaching and institutional strategy.
↳ https://anthropic.skilljar.com/ai-fluency-for-educators
___
10 - Teaching AI Fluency Teach and assess AI Fluency in instructor-led settings. Curriculum-ready.
↳ https://anthropic.skilljar.com/teaching-ai-fluency
___
11 - AI Fluency for Nonprofits Increase organizational impact and efficiency while staying mission-true.
↳ https://anthropic.skilljar.com/ai-fluency-for-nonprofits
___
12 - Claude with Amazon Bedrock The full AWS accreditation course, now open to everyone.
↳ https://anthropic.skilljar.com/claude-in-amazon-bedrock
___
13 - Claude with Google Cloud's Vertex AI Work with Claude through Google Cloud's Vertex AI, from setup to production.
↳ https://anthropic.skilljar.com/claude-with-google-vertex
___
14 - How to master AI with words (not code) Shameless plug: it's my own (free) newsletter. Join 373,000+ weekly readers at http://how-to-ai.guide.
___
I made http://how-to-claude.ai to start mastering Claude.
And then http://claude-co.work to master Claude Cowork.
It's free by following these 13 links:
___
1 - Claude 101. Learn Claude for everyday work. Core features and best practices.
↳ https://anthropic.skilljar.com/claude-101
___
2 - AI Fluency: Framework & Foundations. The foundational thinking course. Must need.
↳ https://anthropic.skilljar.com/ai-fluency-framework-foundations
___
3 - Introduction to Agent Skills Build, configure, and share Skills in Claude Code — reusable instructions Claude applies automatically.
↳ https://anthropic.skilljar.com/introduction-to-agent-skills
___
4 - Building with the Claude API Full spectrum: function calling, tool use, streaming, SDKs, and production patterns.
↳ https://anthropic.skilljar.com/claude-with-the-anthropic-api
___
5 - Claude Code in Action Integrate Claude Code into your dev workflow. Hands-on, practical, ship-focused.
↳ https://anthropic.skilljar.com/claude-code-in-action
___
6 - Intro to Model Context Protocol Build MCP servers and clients from scratch in Python. Tools, resources, and prompts.
↳ https://anthropic.skilljar.com/introduction-to-model-context-protocol
___
7 - MCP: Advanced Topics Sampling, notifications, file system access, and transport for production MCP servers.
↳ https://anthropic.skilljar.com/model-context-protocol-advanced-topics
___
8 - AI Fluency for Students AI skills for learning, career planning, and academic success through responsible collaboration.
↳ https://anthropic.skilljar.com/ai-fluency-for-students
___
9 - AI Fluency for Educators For faculty and instructional designers applying AI Fluency into teaching and institutional strategy.
↳ https://anthropic.skilljar.com/ai-fluency-for-educators
___
10 - Teaching AI Fluency Teach and assess AI Fluency in instructor-led settings. Curriculum-ready.
↳ https://anthropic.skilljar.com/teaching-ai-fluency
___
11 - AI Fluency for Nonprofits Increase organizational impact and efficiency while staying mission-true.
↳ https://anthropic.skilljar.com/ai-fluency-for-nonprofits
___
12 - Claude with Amazon Bedrock The full AWS accreditation course, now open to everyone.
↳ https://anthropic.skilljar.com/claude-in-amazon-bedrock
___
13 - Claude with Google Cloud's Vertex AI Work with Claude through Google Cloud's Vertex AI, from setup to production.
↳ https://anthropic.skilljar.com/claude-with-google-vertex
___
14 - How to master AI with words (not code) Shameless plug: it's my own (free) newsletter. Join 373,000+ weekly readers at http://how-to-ai.guide.
___
I made http://how-to-claude.ai to start mastering Claude.
And then http://claude-co.work to master Claude Cowork.
Anthropic Courses
Learn to build with Claude AI through Anthropic's comprehensive courses and training programs.
🏫 *Dr. VISHWANATH KARAD*
*MIT WORLD PEACE UNIVERSITY, PUNE*
_PRESENTS_
🚀 *CIPHATHON 26* - *ENCRYPT. INNOVATE. EXPLOIT!!*
*24-Hour Hackathon & Overnight Capture The Flag {CTF}*
*CIPHATHON is a hybrid event combining a Hackathon and a CTF event designed to test your development skills, cybersecurity expertise, logical thinking, and teamwork under real pressure*
🏆 *Prize Pool & Opportunities*
— *Up to ₹2,00,000+ in Exclusive Rewards, including cash prizes, vouchers*, and additional rewards from partner platforms.
👥 *Team Details*
*CYBER HACKATHON*
* Team size: *2 to 4 members*
* Registration Fee: *₹499 per team*
*(Same fee regardless of team size)*
*Capture The Flag(CTF)*
* Team size: *2 to 4 members*
* Registration Fee: *₹299 per team*
*(Same fee regardless of team size)*
🔖*FREE EXCLUSIVE COUPONS FOR MIT-WPU STUDENTS! GRAB YOURS AT CIPHATHON.COM AND APPLY THE CODE WHILE REGISTERING ON UNSTOP !!*
📝 *Registration Link*
https://unstop.com/p/cybermarathon-2026-mit-world-peace-university-pune-maharashtra-1644527
📞 *For Queries contact*
Parth Doshi: +91 7709906201
Smit Sonar: +91 8401450626
📩 ciphathon@mitwpu.edu.in
🔗 Know More
*ciphathon.com*
*MIT WORLD PEACE UNIVERSITY, PUNE*
_PRESENTS_
🚀 *CIPHATHON 26* - *ENCRYPT. INNOVATE. EXPLOIT!!*
*24-Hour Hackathon & Overnight Capture The Flag {CTF}*
*CIPHATHON is a hybrid event combining a Hackathon and a CTF event designed to test your development skills, cybersecurity expertise, logical thinking, and teamwork under real pressure*
🏆 *Prize Pool & Opportunities*
— *Up to ₹2,00,000+ in Exclusive Rewards, including cash prizes, vouchers*, and additional rewards from partner platforms.
👥 *Team Details*
*CYBER HACKATHON*
* Team size: *2 to 4 members*
* Registration Fee: *₹499 per team*
*(Same fee regardless of team size)*
*Capture The Flag(CTF)*
* Team size: *2 to 4 members*
* Registration Fee: *₹299 per team*
*(Same fee regardless of team size)*
🔖*FREE EXCLUSIVE COUPONS FOR MIT-WPU STUDENTS! GRAB YOURS AT CIPHATHON.COM AND APPLY THE CODE WHILE REGISTERING ON UNSTOP !!*
📝 *Registration Link*
https://unstop.com/p/cybermarathon-2026-mit-world-peace-university-pune-maharashtra-1644527
📞 *For Queries contact*
Parth Doshi: +91 7709906201
Smit Sonar: +91 8401450626
📩 ciphathon@mitwpu.edu.in
🔗 Know More
*ciphathon.com*
Unstop
CYBERMARATHON 2026 - 2026 | 1644527
Find out the best CYBERMARATHON 2026 that match your interests. Prove your mettle and win exciting prizes like job opportunities and cash rewards from leadin... | 2026 | 1644527
🧪 Testing Tip: The "AAA" Pattern
Writing tests shouldn't feel like a chore. If your tests are messy, you won't write them. Use the Arrange-Act-Assert structure.
❌ The Spaghetti Test:
Mixing variable setup, function calls, and expectations in one giant pile of code.
✅ The AAA Structure:
test('should calculate total', () => {
// 1. Arrange (Setup)
const price = 10;
const quantity = 2;
// 2. Act (Execute)
const result = calculateTotal(price, quantity);
// 3. Assert (Verify)
expect(result).toBe(20);
});
The takeaway: This pattern makes your tests readable at a glance. Anyone can look at it and see exactly what is being tested and what the expected outcome is.
Writing tests shouldn't feel like a chore. If your tests are messy, you won't write them. Use the Arrange-Act-Assert structure.
❌ The Spaghetti Test:
Mixing variable setup, function calls, and expectations in one giant pile of code.
✅ The AAA Structure:
test('should calculate total', () => {
// 1. Arrange (Setup)
const price = 10;
const quantity = 2;
// 2. Act (Execute)
const result = calculateTotal(price, quantity);
// 3. Assert (Verify)
expect(result).toBe(20);
});
The takeaway: This pattern makes your tests readable at a glance. Anyone can look at it and see exactly what is being tested and what the expected outcome is.
📢 Microsoft is Offering FREE Courses (Worth $499)! 🚀
Great opportunity for students & tech enthusiasts to upskill in AI and boost their resume with industry recognized learning from Microsoft.
🎓 Available Courses:
1️⃣ Introduction to Generative AI and Agents
Learn the fundamentals of Generative AI, AI agents, and real world applications.
🔗 https://learn.microsoft.com/training/modules/get-started-ai-fundamentals?wt.mc_id=studentamb_507629
2️⃣ Introduction to AI Concepts
Understand core AI concepts, machine learning basics, and practical use cases.
🔗https://learn.microsoft.com/training/modules/explore-generative-ai?wt.mc_id=studentamb_507629
3️⃣ Build a generative AI chat app – Build chat apps with Azure AI Foundry
👉 https://learn.microsoft.com/credentials/applied-skills/build-a-generative-ai-chat-app?wt.mc_id=studentamb_507629
4️⃣ Create an AI agent – Learn to create AI Agents using Microsoft tools
👉 https://learn.microsoft.com/credentials/applied-skills/create-an-ai-agent?wt.mc_id=studentamb_507629
5️⃣ Implement knowledge mining – Azure AI Search lab
👉 https://learn.microsoft.com/credentials/applied-skills/implement-knowledge-mining-with-azure-ai-search/?wt.mc_id=studentamb_507629
6️⃣ Enhance agents with autonomous capabilities – Add autonomous behavior to AI Agents
👉 https://learn.microsoft.com/credentials/applied-skills/enhance-agents-with-autonomous-capabilities?wt.mc_id=studentamb_507629
7️⃣ AI Skills Navigator – Explore and find personalised AI skills here:
👉 https://aiskillsnavigator.microsoft.com?wt.mc_id=studentamb_507629
8️⃣ Develop a Voice Live Agent
Build & deploy AI-powered voice agents.
🔗 https://learn.microsoft.com/training/modules/develop-voice-live-agent?wt.mc_id=studentamb_507629
9️⃣ AI Builder with Power Automate
Automate workflows using AI — no heavy coding required.
🔗 https://learn.microsoft.com/training/modules/ai-builder-power-automate?wt.mc_id=studentamb_507629
🔟 Explore Generative AI
Learn Generative AI fundamentals & real-world applications.
🔗 https://learn.microsoft.com/training/modules/explore-generative-ai?wt.mc_id=studentamb_507629
Get Started with Power BI
Master data visualization & business intelligence.
🔗 https://learn.microsoft.com/training/modules/get-started-with-power-bi?wt.mc_id=studentamb_507629
💰 Total Value: $499 - Available FREE for a limited time!
📈 Perfect for beginners & aspiring AI professionals.
🎯 Add valuable badges to your profile and stand out in internships & placements.
Don’t miss this chance to upgrade your AI skills! 🔥
Great opportunity for students & tech enthusiasts to upskill in AI and boost their resume with industry recognized learning from Microsoft.
🎓 Available Courses:
1️⃣ Introduction to Generative AI and Agents
Learn the fundamentals of Generative AI, AI agents, and real world applications.
🔗 https://learn.microsoft.com/training/modules/get-started-ai-fundamentals?wt.mc_id=studentamb_507629
2️⃣ Introduction to AI Concepts
Understand core AI concepts, machine learning basics, and practical use cases.
🔗https://learn.microsoft.com/training/modules/explore-generative-ai?wt.mc_id=studentamb_507629
3️⃣ Build a generative AI chat app – Build chat apps with Azure AI Foundry
👉 https://learn.microsoft.com/credentials/applied-skills/build-a-generative-ai-chat-app?wt.mc_id=studentamb_507629
4️⃣ Create an AI agent – Learn to create AI Agents using Microsoft tools
👉 https://learn.microsoft.com/credentials/applied-skills/create-an-ai-agent?wt.mc_id=studentamb_507629
5️⃣ Implement knowledge mining – Azure AI Search lab
👉 https://learn.microsoft.com/credentials/applied-skills/implement-knowledge-mining-with-azure-ai-search/?wt.mc_id=studentamb_507629
6️⃣ Enhance agents with autonomous capabilities – Add autonomous behavior to AI Agents
👉 https://learn.microsoft.com/credentials/applied-skills/enhance-agents-with-autonomous-capabilities?wt.mc_id=studentamb_507629
7️⃣ AI Skills Navigator – Explore and find personalised AI skills here:
👉 https://aiskillsnavigator.microsoft.com?wt.mc_id=studentamb_507629
8️⃣ Develop a Voice Live Agent
Build & deploy AI-powered voice agents.
🔗 https://learn.microsoft.com/training/modules/develop-voice-live-agent?wt.mc_id=studentamb_507629
9️⃣ AI Builder with Power Automate
Automate workflows using AI — no heavy coding required.
🔗 https://learn.microsoft.com/training/modules/ai-builder-power-automate?wt.mc_id=studentamb_507629
🔟 Explore Generative AI
Learn Generative AI fundamentals & real-world applications.
🔗 https://learn.microsoft.com/training/modules/explore-generative-ai?wt.mc_id=studentamb_507629
Get Started with Power BI
Master data visualization & business intelligence.
🔗 https://learn.microsoft.com/training/modules/get-started-with-power-bi?wt.mc_id=studentamb_507629
💰 Total Value: $499 - Available FREE for a limited time!
📈 Perfect for beginners & aspiring AI professionals.
🎯 Add valuable badges to your profile and stand out in internships & placements.
Don’t miss this chance to upgrade your AI skills! 🔥
Docs
Introduction to AI concepts - Training
Curious about artificial intelligence? Want to understand what the buzz is about? This module introduces you to the world of AI.
*lEEE Delhi Section Women in Engineering (WIE) Affinity Group* proudly presents:
*✨ “Women Leading the AI Revolution” ✨*
A 3-day online workshop focused on empowering and inspiring the next generation in Artificial Intelligence.
🧠 Gain insights into AI, real-world applications, and career opportunities
🎤 Learn from experienced speakers and industry experts
🤝 Network with like-minded peers
*🗓️ Dates: 25th–27th March, 2026*
*⏰Timing: 7:00 PM – 8:00 PM*
*💻Join the session* - https://meet.google.com/rkc-rcez-mqe
*🔗 Register now: https://forms.gle/65xu7Hut12Zz33EL6*
👩💻 Open for all students, researchers & tech enthusiasts!
📌 Don’t miss this chance to be part of the AI revolution and learn from the best.
*✨ “Women Leading the AI Revolution” ✨*
A 3-day online workshop focused on empowering and inspiring the next generation in Artificial Intelligence.
🧠 Gain insights into AI, real-world applications, and career opportunities
🎤 Learn from experienced speakers and industry experts
🤝 Network with like-minded peers
*🗓️ Dates: 25th–27th March, 2026*
*⏰Timing: 7:00 PM – 8:00 PM*
*💻Join the session* - https://meet.google.com/rkc-rcez-mqe
*🔗 Register now: https://forms.gle/65xu7Hut12Zz33EL6*
👩💻 Open for all students, researchers & tech enthusiasts!
📌 Don’t miss this chance to be part of the AI revolution and learn from the best.
Google
Real-time meetings by Google. Using your browser, share your video, desktop, and presentations with teammates and customers.
9 newsletters that will help fast-track
your software engineering career:
1 System design
↳ https://newsletter.systemdesign.one/join
2 Product for engineers
↳ http://newsletter.posthog.com/welcome/?r=28q5ao
3 Engineering leadership
↳ http://newsletter.eng-leadership.com/welcome/?r=28q5ao
4 Daily Dev Tips
↳ https://dailytips.dev/
5 Software design & architecture
↳ https://newsletter.systemdesignclassroom.com
6 Test-driven development
↳ https://craftbettersoftware.com
7 Weekly tech reads
↳ https://www.hungryminds.dev/
8 Software design and frontend development
↳ https://thetshaped.dev/
9 Engineering career growth strategies
↳ https://strategizeyourcareer.com/?r=28q5ao
Each newsletter on this list taught me something.
your software engineering career:
1 System design
↳ https://newsletter.systemdesign.one/join
2 Product for engineers
↳ http://newsletter.posthog.com/welcome/?r=28q5ao
3 Engineering leadership
↳ http://newsletter.eng-leadership.com/welcome/?r=28q5ao
4 Daily Dev Tips
↳ https://dailytips.dev/
5 Software design & architecture
↳ https://newsletter.systemdesignclassroom.com
6 Test-driven development
↳ https://craftbettersoftware.com
7 Weekly tech reads
↳ https://www.hungryminds.dev/
8 Software design and frontend development
↳ https://thetshaped.dev/
9 Engineering career growth strategies
↳ https://strategizeyourcareer.com/?r=28q5ao
Each newsletter on this list taught me something.
newsletter.systemdesign.one
Subscribe to The System Design Newsletter
Download my system design playbook on newsletter signup for FREE. Click to read The System Design Newsletter, by Neo Kim, a Substack publication with hundreds of thousands of subscribers.
🖋 Naming: Avoid Encoding Types in Names
Your IDE already knows the data type. Don't waste space telling the human what they can already see.
❌ The Hungarian Notation:
const strName = "Alex";
const arrUsers = ["Alex", "Sam"];
✅ Descriptive Context:
const userName = "Alex";
const activeUsers = ["Alex", "Sam"];
The takeaway: Focus on what the variable contains or why it exists, not its technical type. activeUsers tells a story; arrUsers just tells me it's an array.
Your IDE already knows the data type. Don't waste space telling the human what they can already see.
❌ The Hungarian Notation:
const strName = "Alex";
const arrUsers = ["Alex", "Sam"];
✅ Descriptive Context:
const userName = "Alex";
const activeUsers = ["Alex", "Sam"];
The takeaway: Focus on what the variable contains or why it exists, not its technical type. activeUsers tells a story; arrUsers just tells me it's an array.