11.1K subscribers
3.12K photos
19 videos
138 files
3.66K links
Level up daily with insider dev hacks, smart career tips, and real talk! 🚀

⚡️ Stay connected with me: linktr.ee/AliSamir

📍 To advertise on the channel: https://telega.io/c/the_developer_guide
Download Telegram
What is HTTP Caching?

An effective way to improve load performance because it reduces unnecessary network requests.
2
💡How email protocols work?
1
إزاي تكتب Commit Message بطريقة صحيحة؟
.
.
الـ Commit في Git تعتبر "لحظة حفظ" للتغييرات اللي عملتها في مشروعك. يعني لو فيه حاجة حصلت وحبيت ترجع لها بعدين، تقدر تلاقي الـ Commit ده. لكن عشان يكون شغلك مميز، لازم تعمل Commit صح. 💡

———

1- اعمل Commit صغير ومنظم

لازم الـ Commit يكون خاص بتغيير معين أو ميزة معينة، يعني متعملش Commit كبير جدًا فيه شوية حاجات مش مترابطة. خليك دايمًا مركز في حاجة واحدة، زي "إصلاح bug في الصفحة الرئيسية" أو "إضافة زر جديد للتسجيل".


2- اكتب رسالة Commit واضحة

رسالة الـ Commit هي اللي هتشرح للناس (وأنت كمان بعد مدة) إيه اللي اتحسن أو اتغير في الكود. خلي الرسالة مختصرة وواضحة.

مهم جدًا إن الرسالة تكون واضحة علشان لو حد رجع لها بعد فترة، يعرف التغيير ده كان بخصوص إيه.


3- استخدم صيغة الزمن الحاضر

خلي الرسالة مكتوبة في الزمن الحاضر. يعني لو هتكتب عن إضافة ميزة جديدة، اكتب "Add new feature" بدل "Added new feature". دايمًا خلي الكلام بسيط ومباشر.


4- افصل بين التغييرات باستخدام أكثر من Commit

متعملش Commit لكل حاجة مع بعض. يعني لو عدلت على أكثر من جزء في المشروع، خلي كل Commit له حاجة واحدة، كده لو حصل مشكلة في حاجة معينة، هتكون عارف الـ Commit اللي تسبب فيها.


5- متعملش Commit للـ Files المؤقتة أو اللي فيها بيانات سرية

زي ملفات الـ logs أو الملفات المؤقتة (node_modules أو build folders). خلي الملفات دي في الـ gitignore علشان Git ما يضيفها مع الـ Commits بتاعتك.

———

قبل ما تعمل الـ Commit، دايمًا اعمل مراجعة للتغييرات اللي عملتها باستخدام git status أو git diff. كده هتكون متأكد إنك مش ناسي حاجة أو فيه حاجة غلط.

———

#دقيقة_برمجة
7
1
CSS nesting is now Baseline 🎉

Write nested selectors directly in CSS — just like Sass, but natively.

.card {
  color: black;
  &:hover { color: blue; }
  .title { font-weight: bold; }
}


No preprocessor needed.

———

Learn more 👇
https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Nesting
👏2
Custom Error Handling in Next.js 🚀
.
.
Your Next.js app deserves better than boring errors!

Learn how to create custom 404s and error pages with the App Router, even in nested layouts. Friendly, branded, and user-first.
1
2
Faster Loops in JavaScript ⚡️
4