DevGuide

High Performance Images: 2024 Guide 🚀

Images engage users, drive clicks, and generally improve everything except performance. Images are giant blobs of bytes that are usually the slowest part of your website. This 2024 guide has everything you need to know for fast images on the web. https://requestmetrics.com/web-performance/high-performance-images

FullStackHero .NET 9 Starter Kit 🚀

Production Grade Cloud-Ready .NET 9 Starter Kit (Web API + Blazor Client) with Multitenancy Support, and Clean/Modular Architecture that saves roughly 200+ Development Hours! All Batteries Included. https://github.com/fullstackhero/dotnet-starter-kit

تعال ندردش شوية عن الـ JSDoc 🔻 . . لو أنت شغال بـ JavaScript أو TypeScript ممكن تبقى سمعت مصطلح الـ JSDoc خليني أقولك إن شغلك ممكن يكون جامد جدًا، لكن لو الكود بتاعك مش موثق كويس (Well Documented)، هتبقى بتعذب الشخص اللي هيشتغل عليه بعدك، وممكن حتى "أنت" نفسك تتعذب لو رجعتله بعد فترة. وهنا بقى بييجي دور JSDoc. 💡 ———

📍 LinkedIn

https://www.linkedin.com/posts/dev-alisamir_javascript-typescript-cleancode-activity-7277941362736443392-mWi8

📍 Qabilah

https://qabilah.com/posts/A_qDPfHznis

📍 Facebook

https://www.facebook.com/share/p/1GdBqhaYxs ——— وفقكم الله لكل خير 🌿

دردشة سريعة عن الـ Hydration 🔻 . . عمرك فكرت إزاي React و Next.js بيقدروا يحولوا كود الـ HTML اللي تم إنشاؤه في السيرفر لموقع شغال بالكامل في المتصفح؟ 🤔 العملية دي اسمها Hydration ... تعال نعرف إزاي الموضوع بيتم... ———

📍 LinkedIn

https://www.linkedin.com/posts/dev-alisamir_react-nextjs-frontenddevelopment-activity-7277340766308360193-yJ5j

📍 Qabilah

https://qabilah.com/posts/q4I19Rbb_o8

إزاي تكتب كود نظيف (Clean Code) 💯 . . عمرك دخلت على مشروع قديم أو حتى كود حد زميلك كاتبه، وحسيت إنك داخل غابة مظلمة؟ مرة واحدة تبدأ تسأل: "إزاي الكود ده شغال؟ وليه الحاجة دي مكتوبة كده؟" 🤯 بص يا بطل، المشكلة مش فيك! المشكلة إن الكود نفسه مش مكتوب بشكل clean. وده اللي بيخلينا نضيع وقتنا بين فهم الأكواد بدل ما نركز على حل المشاكل الفعلية. تعال ندردش شوية عن الـ Clean Code... ———

📍 LinkedIn

https://www.linkedin.com/posts/mentoor-io_cleancode-softwaredevelopment-softwareengineering-activity-7277343459865219072-RbUc

📍 Facebook

https://www.facebook.com/share/p/15anCBB3gy

How I Code INSANELY FAST in VS Code - Emmet Tutorial 🚀 https://youtu.be/F_0rS5DDi3M

🌐 DevOps Engineer Roadmap 2025 👇🏻 ├── 🗂 System Administration │ ├── 🛠 Disk Partitioning and File Systems │ │ └── 🔒 Initial Configuration and Hardening │ ├── 👥 User and Group Management │ │ ├── 👤 User Accounts │ │ ├── 🗂 Group Policies │ │ └── 🔑 sudo Configuration │ ├── 📦 Package Management │ │ ├── 🛠 RPM/YUM (RHEL/CentOS) │ │ ├── 🛠 APT (Debian/Ubuntu) │ │ └── 🔧 Compiling from Source │ ├── 🔄 Process Management │ │ ├── ⚙️ Systemd and Init │ │ ├── 👀 Monitoring and Controlling Processes │ │ └── 🕒 Crontab and Scheduled Tasks │ ├── 📁 Filesystem Management │ │ ├── 🗂 Mounting and Unmounting File Systems │ │ ├── 📁 NFS and Samba │ │ └── 📊 Disk Quotas │ └── 🛡 Security │ ├── 🔥 Firewalls (iptables, firewalld) │ ├── 🛡 SELinux and AppArmor │ ├── 🔒 SSH Configuration and Hardening │ └── 📝 Auditing and Logging │ ├── 🔹 Networking and Services │ ├── 🌐 Network Configuration │ │ ├── 📡 Static and Dynamic IP Addressing │ │ ├── 🔌 Network Bonding and Bridging │ │ └── 📶 VLANs │ ├── 🌐 Web Services │ │ ├── 🌍 Apache and Nginx │ │ ├── 🔐 HTTPS and SSL/TLS │ │ ├── ↔️ Reverse Proxies │ │ └── 🛡 Web Application Firewalls (WAF) │ ├── 💾 Database Management │ │ ├── 📄 MySQL/MariaDB │ │ ├── 📄 PostgreSQL │ │ ├── 📂 NoSQL Databases (MongoDB, Redis) │ │ └── 🔄 Backup and Restore │ ├── 🌍 DNS Management │ │ ├── 🌐 BIND and Unbound │ │ ├── 🔄 Configuring Forward and Reverse Zones │ │ └── 🔒 DNS Security (DNSSEC) │ └── ✉️ Email Services │ ├── 📧 Postfix and Sendmail │ └── 🚫 Spam Filtering │ ├── 🛠 Automation and Configuration Management │ ├── 📜 Infrastructure as Code (IaC) │ │ ├── 📜 Terraform │ │ └── 📦 AWS CloudFormation │ ├── 🤖 Configuration Management │ │ ├── 🤖 Ansible │ └── 🚀 CI/CD Tools │ ├── 🔄 Jenkins │ ├── 🐙 GitHub Actions │ ├── 🚀 GitLab CI/CD │ └── 🛠 ArgoCD │ ├── ☁️ Cloud Computing │ ├── ☁️ Public Clouds │ │ ├── ☁️ AWS │ │ ├── ☁️ Azure │ │ └── ☁️ GCP │ ├── 🐳 Containers and Orchestration │ │ ├── 🐳 Docker │ │ ├── ☸️ Kubernetes │ │ └── ⚓️ Helm │ ├── 🛠 Serverless Technologies │ │ ├── 📜 AWS Lambda │ │ ├── 🔄 Azure Functions │ │ └── 📄 Google Cloud Functions │ └── 🔍 Monitoring and Scaling │ ├── 📈 Prometheus │ ├── 📊 Grafana │ └── ☸️ Kubernetes Horizontal Pod Security │ ├── 🔒 Security and Observability │ ├── 🛡 Security Best Practices │ │ ├── 🔐 TLS/SSL Certificates │ │ ├── 🔑 Secure Secrets Management (Vault) │ │ └── 🚨 Incident Response Plans │ ├── 📊 Observability Tools │ │ ├── 🔍 ELK Stack (Elasticsearch) Compliance │ ├── 🛡 OWASP ZAP │ ├── 🔒 Nessus │ └── ✅ SOC 2 / ISO 27001 Compliance │ └── 📚 Soft Skills and Career Development ├── 💬 Effective Communication ├── 🧠 Problem-Solving Techniques ├── 🤝 Collaboration with Devs Tech (AI/ML in DevOps)

تجميعة لأفضل كورسات البرمجة، الأمن المعلوماتي، DevOps، تحليل البيانات، الذكاء الإصطناعي، قواعد البيانات، Cloud Computing، إدارة وتنظيم المشاريع وصناعة التكنلوجيا بشكل عام المتاحة على LinkedIn القائمة مقسمة لـ 3 مراحل: Beginners, Intermediate, Advanced التجميعة بمختلف مجالات التكنلوجيا. https://github.com/DrHazemAli/awesome-tech-courses

دردشة سريعة عن الـ Interface Segregation Principle 🔻 . . تخيل أنك في شغلانة معينة وكل شوية حد يطلب منك تاسكات ملهاش علاقة ببعض ولا ليها علاقة بالشغلانة...طبيعي هتلاقي نفسك مشتت بين التاسكات كلها ومفيش فرصة تركز في الشغلانة الأساسية اللي جاي علشانها وكمان مش هتعملها بأفضل شكل. نفس السيناريو ده بالضبط ممكن يحصل في البرمجة لما الكود يبقى مضطر يلتزم بحاجات هو مش محتاجها. وهنا ييجي دور الـ Interface Segregation Principle، واحد من أهم المبادئ الخمسة لمفهوم SOLID، عشان يحل المشكلة دي. ———

📍 LinkedIn

https://www.linkedin.com/posts/dev-alisamir_softwaredevelopment-softwaredesign-softwaredeveloper-activity-7276516752388182016-0LJe

📍 Qabilah

https://qabilah.com/posts/d9MJT0RgpMA ——— وفقكم الله لكل خير 🌿

الجزء الثالث من سلسلة "How To Be A Good Software Engineer" 💯 ———

Mastering Testing and Continuous Learning: Steps to Become a Better Software Engineer 💯

📍 Practice Testing - Types of Testing - Embrace Test-Driven Development (TDD) - Benefits of a Testing-First Approach - Getting Started with Testing Tools 📍 Stay Curious & Learn Continuously - Follow Industry Trends - Experiment with New Technologies - Read Books to Deepen Your Understanding - Learn by Teaching and Sharing ——— Read Full Article: https://dev.to/alisamir/mastering-testing-and-continuous-learning-steps-to-become-a-better-software-engineer-an1

Kotlin Multiplatform: Build a 3-in-1 Forecast App (iOS, Android, Desktop) https://youtu.be/ZfGYebtUSFc

دردشة سريعة عن الـ Interface Segregation Principle 🔻 . . تخيل أنك في شغلانة معينة وكل شوية حد يطلب منك تاسكات ملهاش علاقة ببعض ولا ليها علاقة بالشغلانة...طبيعي هتلاقي نفسك مشتت بين التاسكات كلها ومفيش فرصة تركز في الشغلانة الأساسية اللي جاي علشانها وكمان مش هتعملها بأفضل شكل. نفس السيناريو ده بالضبط ممكن يحصل في البرمجة لما الكود يبقى مضطر يلتزم بحاجات هو مش محتاجها. وهنا هتلاقي دور الـ Interface Segregation Principle، واحد من أهم المبادئ الخمسة لمفهوم SOLID، عشان يحل المشكلة دي. ——— 📍 LinkedIn: https://www.linkedin.com/posts/dev-alisamir_softwaredevelopment-solid-softwaredeveloper-activity-7275173469179248640-9KQi 📍 Qabilah: https://qabilah.com/posts/d9MJT0RgpMA

تعال ندردش شوية عن الـ Load Balancing 🔻 الـ Load Balancing حاجة مهمة جدًا بتأثر في سرعة وثبات أي تطبيق، وخصوصًا لو التطبيق ده عليه عدد ضخم من المستخدمين. الفكرة في الـ Load Balancing إنه بيوزع ضغط الطلبات اللي بتيجي على السيرفرات عشان يخلي الأداء أحسن ويقلل أي مشاكل ممكن تحصل. ——— 📌 إزاي الـ Load Balancing بيشتغل؟ تخيل معايا أنك عندك تطبيق عليه عدد كبير من المستخدمين اللي بيدخلوا ويعملوا طلبات في نفس الوقت، زي متجر إلكتروني كبير أو موقع تواصل اجتماعي. لو التطبيق ده موجود على سيرفر واحد، هيواجه مشكلة كبيرة لو العدد زاد لأن السيرفر هيبدأ يبقى بطيء، أو ممكن يقع لو الضغط كان زيادة. الحل هنا إنك بدل ما تشغل التطبيق كله على سيرفر واحد، بتوزعه على أكتر من سيرفر، وكل سيرفر بيشيل جزء من الشغل. الـ Load Balancer بيدخل هنا وبيبقى هو اللي بيحدد الطلبات تروح لمين، بحيث مفيش سيرفر يكون عليه ضغط أكتر من التاني. ——— 📍 أنواع الـ Load Balancing: - الـ Round Robin: الطريقة دي ببساطة بتوزع الطلبات بالتساوي على كل السيرفرات. أول طلب يروح لأول سيرفر، والتاني للتاني، وهكذا لحد ما يوصل لآخر سيرفر ويرجع تاني من الأول. - الـ Least Connections: الطريقة دي بتركز على عدد الاتصالات اللي كل سيرفر شغال عليها، بمعنى إنها بتبعت الطلب للسيرفر اللي عليه عدد أقل من الطلبات حاليًا، وده بيكون مفيد لما يكون فيه اختلاف كبير في الحمل بين الطلبات. - الـ IP Hash: هنا التوزيع بيكون بناءً على عنوان IP بتاع العميل اللي بيعمل الطلب، يعني كل عميل دايمًا هيتم توجيهه لنفس السيرفر بناءً على عنوان الـ IP بتاعه، ودي بتنفع في حالات معينة زي لما يكون فيه بيانات كاش محتاجة تتوزع. - الـ Weighted Load Balancing: في الحالة دي بنعمل أحمال مختلفة للسيرفرات بناءً على قدرتهم. يعني لو عندك سيرفر أقوى من الباقيين، تقدر تخليه ياخد حمل أكبر. ——— 📍 ليه الـ Load Balancing مهم؟ الهدف الأساسي من الـ Load Balancing هو إنه يخلي التطبيق بتاعك مستقر وسريع للمستخدمين مهما زاد عددهم. يعني بدل ما الموقع يعلق أو يقع، الطلبات هتفضل تتوزع بشكل مرن على كل السيرفرات. ——— وفقكم الله لكل خير 🌿

سؤال انترڤيو لذيذ في عالم الفرونت اند 🔻 . . 📌 إيه الفرق بين الـ async والـ defer في الـ script tag؟ سؤال بسيط لكنه مهم جدًا خصوصًا لو عايز تظبط الـ performance تبع الـ website بتاعك. ———

📍 LinkedIn

https://www.linkedin.com/posts/dev-alisamir_javascript-javascriptdeveloper-frontenddevelopment-activity-7274435450923032576-Xm1z

📍 Qabilah

https://qabilah.com/posts/sJQqXiEA95w ——— وفقكم الله لكل خير 🌿

الـ OOP أو Object-Oriented Programming 🔻 الـ OOP بتقوم على أربع أعمدة أساسية: Abstraction، Encapsulation، Inheritance، وPolymorphism. طيب، إيه معناهم؟ ———

🟠 Abstraction

الفكرة في الـ Abstraction هي إنك تخفي التفاصيل اللي تخص الـ implementation وتعرض بس الحاجات المهمة اللي المستخدم محتاج يعرفها. زي مثلًا لو عندك class اسمه Vehicle وفيه method اسمها stop، الـ method دي ممكن تكون abstract يعني محدش يعرف إزاي بتشتغل من جواها، كل اللي باين إنها بتوقف الـ Vehicle. ———

🟠 Encapsulation

الـ Encapsulation معناه إنك "تغلف" البيانات (اللي هي الـ fields) والوظائف (اللي هي الـ methods) في وحدة واحدة اللي هي الـ class. وكمان، إنك تحدد مين يقدر يوصل للبيانات دي عن طريق الـ access modifiers. زي إنك تخلي الـ fields بتاعتك private، وتعمل لها getters و setters علشان تتحكم في الوصول ليها. ———

🟠 Inheritance

الـ Inheritance بيسمح لك تعمل class جديد (child class) يورث الـ attributes والـ methods من class موجود بالفعل (parent class). الميزة هنا إنك بتقدر تعيد استخدام الكود بدل ما تكتبه من أول وجديد. مثال: عندك class اسمه Vehicle، تعمل منه class اسمه Car، والـ Car هيبقى عنده نفس صفات وسلوكيات الـ Vehicle. ———

🟠 Polymorphism

الـ Polymorphism معناه إن الـ methods بتشتغل بشكل مختلف بناءً على الـ object اللي بتتطبق عليه. وده بيخليك تستخدم نوعين ليهم نفس الـ inheritance chain مع بعض من غير مشاكل. يعني لو عندك method بتاخد Vehicle كـ parameter، ممكن تبعت لها Car أو Bike وهتشتغل عادي طالما إنهم بيورثوا من Vehicle. ——— وفقكم الله لكل خير 🌿

8 Design Patterns EVERY Developer Should Know

https://youtu.be/tAuRQs_d9F8

A New FREE 4.5h Course About Building a Clean Code Crypto Tracker App https://pl-coding.com/best-practice-guide

كورس رايق هيخلصك من مشاكل الـ Hooks 💯 . . الـ Hooks في React هي واحدة من أهم المزايا اللي غيرت طريقة كتابة الكود في React ومهم جدًا تكون فاهمها بشكل كويس والفرق بين كل Hook وامتى تفضل استخدام Hook معينة عن غيرها. 💡 . .

لا تنسوا أهلنا في فلــسطــين وفي ســوريا وفي الســودان وفي اليــمن وفي لـبنـان وفي كل دول العالم من الدعاء. 🔻

——— React Hooks Simplified ✅ This course covers every single React hook you need to know in order to create any application. This course also covers 30 unique custom hooks to give you inspiration and ideas on how you can create and use React hooks in your application. 📌 رابط الكورس: https://courses.webdevsimplified.com/view/courses/react-hooks-simplified ——— وفقكم الله لكل خير 🌿

لو شغال بـ VS Code، الريبو ده هيفيدك جدًا 🔻 هتلاقي مجموعة مختارة من أفضل الإضافات والمصادر اللي هتخلي شغلك أسهل وأسرع 🚀

🎨 A curated list of delightful VS Code packages and resources.

https://github.com/viatsko/awesome-vscode