إزاي تنظم ملفات مشروع الـ Express.js 💯

لما تيجي تشتغل على مشروع Node.js بـ Express.js، ممكن تلاقي الكود بيتحول لفوضى بسرعة لو ما عندك هيكلة واضحة ماشي عليها. 💡

علشان كده مهم جدًا تبني هيكل المشروع بطريقة منظمة تمشي عليها...علشان المشروع يكون قابل للصيانة والتعديلات وقابل للتوسع...

———

How to Structure Your Backend Code in Node.js (Express.js)

When developing a Node.js application with Express.js, organizing your codebase is crucial for maintainability and scalability. A structured project helps manage complexity, making the code easier to navigate.

In this blog, we will outline a typical folder structure for an Express.js application and explain the purpose of each directory and file.

https://dev.to/vyan/how-to-structure-your-backend-code-in-nodejs-expressjs-2bdd

لو مهتم بعالم الاختراق الأخلاقي وعاوز تتعلم إزاي تحمي الأنظمة وتكشف الثغرات قبل ما الهاكرز يستغلوها، فالكورس ده هيكون بداية قوية ليك! 🔥

هتتعلم فيه أساسيات الـ Offensive Security، وهتفهم إزاي المخترقين بيفكروا علشان تقدر تسبقهم بخطوة وتحمي الأنظمة والشبكات من الهجمات السيبرانية. 🛡

Ethical Hacker 💯

FREE Ethical Hacking Course (70 hours & Includes Kali Linux Labs) ✅

Learn the art of offensive security to uncover cyber threats and vulnerabilities before the cybercriminals do. 🚀

https://www.netacad.com/courses/ethical-hacker

Complete Backend Handbook 🚀

The guide covers the Backend dev roadmap and explains core API concepts, common HTTP status codes, project ideas, & much more.

دورة نظام أودو لتخطيط موارد المؤسسات الوظيفي

يُعلن المعهد القومي للاتصالات عن فتح باب التسجيل في الدورة التدريبية "نظام أودو لتخطيط موارد المؤسسات الوظيفي" التي تُعقد في مركز إبداع مصر الرقمية بالجيزة.

وتهدف الدورة إلى تمكين المشاركين من تطبيق المفاهيم المكتسبة على حالات عملية، وفهم أدوات تحليل البيانات، وإعداد التقارير لتمكين اتخاذ القرار، وتخصيص وظائف أودو لتلبية احتياجات الشركات.

كما يستهدف التدريب خريجي الجامعات بحد أقصى ثلاثة سنوات من التخرج، وطلاب الجامعات في السنوات الدراسية الأخيرة، من كليات المحاسبة المالية، ونظم المعلومات الإدارية، وإدارة الأعمال.

ويشمل البرنامج 60 ساعة للتدريب التقني في تطبيقات نظام أودو لتخطيط موارد المؤسسات لضمان التعلم الفعال وفهم وظائف النظام، بالإضافة إلى 30 ساعة لتطوير المهارات الشخصية تتضمن تحسين مهارات التواصل والعمل الجماعي، وتعزيز مهارات التخطيط، وغيرها من المهارات الأخرى.

ويحصل المتميزون على فرصة عمل في أحد الشركات المتخصصة بعد انتهاء التدريب، وكذلك شهادة اجتياز التدريب، وإمكانية دخول امتحان أودو.

لمزيد من المعلومات، يرجى الضغط هنا.

https://lnkd.in/dCs-DuNQ

a0.dev - AI Platform for Mobile App Development 🔥

a0.dev is a new AI-based platform designed to enhance mobile app development and prototyping.

https://a0.dev

Awesome Tech Videos Awesome 🔥

A curated list of tech conferences from YouTube, Vimeo, etc, for us to get inspired.

https://github.com/lucasviola/awesome-tech-videos

البرمجة الوظيفية (Functional Programming) 💯
.
.
البرمجة الوظيفية (Functional Programming) تعتبر نمط من الأنماط البرمجية اللي بتختلف عن النمط التقليدي اللي بنسميه الـ Imperative Programming.

الفكرة الأساسية في البرمجة الوظيفية إنها بتركز على استخدام الدوال (functions) كعنصر أساسي في كتابة الكود، وبتعتمد على فكرة إن الكود يكون واضح وسهل التتبع، بدون ما نغير الـ state أو البيانات بشكل مباشر.

———

📌 إيه اللي بيميز البرمجة الوظيفية؟

في البرمجة الوظيفية، بنستخدم حاجة اسمها pure functions، ودي دوال بتستقبل مدخلات (inputs) وتطلع مخرجات (outputs) من غير ما تأثر على أي حاجة بره الدالة نفسها.

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

كمان في البرمجة الوظيفية بنبعد تمامًا عن فكرة side effects، اللي هي تغيير في البيانات أو الـ state خارج الدالة. وده بيدي الكود ميزة إنه يبقى قابل للتوقع (predictable) وسهل الصيانة.

———

📌 الـ Higher-Order Functions؟

البرمجة الوظيفية بتعتمد بشكل كبير على نوع خاص من الدوال اسمه Higher-Order Functions. الدوال دي بتستقبل دوال تانية كمدخلات أو بتطلع دوال كمخرجات.

مثلًا في JavaScript عندنا دوال زي map, filter, reduce، ودي أمثلة ممتازة على الـ Higher-Order Functions.

الدوال دي بتخليك تقدر تعمل عمليات معقدة على البيانات بطريقة مختصرة ومنظمة، وبدون ما تكتب كود كتير. مثلًا لو عاوز تعدل قيم معينة في Array، بدل ما تستخدم for loop، ممكن تستخدم map واللي بتخليك تقدر تعيد بناء الـ Array بطريقة أسرع وأنضف.

———

📌 الـ Immutable Data

واحدة من المفاهيم الأساسية كمان في البرمجة الوظيفية هي immutable data، يعني البيانات مبتتغيرش. بدل ما نعدل على نفس الـ Array أو الـ Object، بنرجع نسخة جديدة من البيانات بعد التعديل.

ده بيدي الكود أمان أكتر، وبيمنع الأخطاء اللي ممكن تحصل لما البيانات تتغير بطريقة غير متوقعة.

البرمجة الوظيفية بتتطبق في لغات زي Haskell وElm بشكل كبير، لكن الأفكار دي كمان ممكن تتطبق في لغات زي JavaScript, Python وحتى Java و#C.

———

📌 ليه تستخدم البرمجة الوظيفية؟

- الكود بيكون واضح جدًا وسهل التتبع.

- التقليل من الأخطاء بفضل استخدام الـ pure functions.

- سهولة اختبار الكود.

- دعم الـ parallelism والـ concurrency بشكل أفضل.

مفهوم الـ Optimistic UI 💯
.
.
إزاي تخلي المستخدم يشوف التطبيق بتاعك سريع حتى لو هو سلحفاة؟

تخيل معايا السيناريو ده: أنت فاتح تطبيق طلبات الأكل، ضغطت على زرار "تأكيد الطلب" أو "Confirm Order"، وفورًا ظهر لك إن الطلب اتبعت واتسجل، وبعدها بثانية كده جالك إشعار إن المطعم بدأ يحضّر الأكل. إحساسك إيه؟ التطبيق سريع، ومفيش أي تأخير.

بس الحقيقة إن الطلب ممكن يكون لسه بيتبعت للسيرفر، ولسه فيه احتمال إنه يفشل، صح؟

هنا بقى بييجي دور الـ Optimistic UI ... تعال ندردش شوية ونفهم إزاي بيشتغل وأهم الاستخدامات.

———

📍 LinkedIn

https://www.linkedin.com/posts/dev-alisamir_frontenddeveloper-webdeveloper-frontend-activity-7296566041948643328-L0-A

📍 Qabilah

https://qabilah.com/posts/XGCF0rV7X2M

لو بتدور على أفكار مشاريع JavaScript تساعدك تطوّر مستواك، سواء كنت مبتدئ أو محترف، هتلاقي في الريبو ده أكتر من 500 فكرة مشروع تقدر تشتغل عليها. 💡

A comprehensive list of 500 JavaScript project ideas for developers of all skill levels. 🚀

https://github.com/deepakkumar55/ULTIMATE-JAVASCRIPT-PROJECT

كورسات مجانية من شركة سيسكو - Cisco 💯

📍 Introduction to Data Science - 6 hours

https://www.netacad.com/courses/introduction-data-science

📍 Introduction to Cybersecurity - 6 hours

https://www.netacad.com/courses/introduction-to-cybersecurity

📍 Introduction to IoT and Digital Transformation - 6 hours

https://www.netacad.com/courses/introduction-iot

📍 Computer Hardware Basics - 6 hours

https://www.netacad.com/courses/computer-hardware-basics

📍 Python Essentials 1 - 30 hours

https://www.netacad.com/courses/python-essentials-1

📍 Networking Basics - 25 hours

https://www.netacad.com/courses/networking-basics

📍 Operating Systems Basics - 12 hours

https://www.netacad.com/courses/operating-systems-basics

📍 Linux Essentials - 70 hours

https://www.netacad.com/courses/linux-essentials

مقرأة عالمية عن بعد لتعليم القرآن تطلقها جامعة أم القرى.

تعليم قراءة القرآن وتصحيح تلاوته، على يد قُراء مختصين مُجازين.

نهاية التسجيل: 1 رمضان.

للتسجيل:
https://uqu.edu.sa/coldawa/MaqraaUmmAlQura

لو لسه بتذاكر React أو حتى اشتغلت بها قبل كده، أكيد قابلت Hook اسمه useState، وده واحد من أكتر الـ Hooks استخدامًا في أي مشروع React. 💡

بس هل فعلًا فاهمه كويس؟ يعني إيه useState؟ بيشتغل إزاي؟ وامتى تستخدمه؟ 🤔

في المقال ده، هنتكلم عن useState بشكل بسيط وسهل، وهنوضح إزاي بيشتغل، إزاي نستخدمه بشكل صحيح.

Simplifying React Hooks: useState 💯

اقرأ المقال من هنا 👇

📍 Dev Community

https://dev.to/alisamir/simplifying-react-hooks-usestate-bga

📍 Medium

https://medium.com/@dev.alisamir/simplifying-react-hooks-usestate-19e1e864704c

Trae For Windows 🎉

Trae is an adaptive AI IDE that transforms how you work, collaborating with you to run faster.

https://www.trae.ai

ليه الـ Caching مهم؟ وإزاي تختار الطريقة الأفضل؟ 🤔
.
.
خليني أسألك سؤال: عمرك دخلت على تطبيق ولقيته سريع جدًا في تحميل البيانات؟ ولو فكرت ليه سريع كده، غالبًا الإجابة هتكون إنه بيستخدم الـ Caching.

التخزين المؤقت (Cache) مش بس بيساعد في تحسين الأداء، بل ممكن يكون الفرق بين تجربة مستخدم ممتازة وتطبيق الناس بتكرهه بسبب البطء (وأكيد مر عليك تطبيقات بالشكل ده).

لما بتطلب داتا، بدل ما ترجع للسيرفر في كل مرة، بتحفظ نسخة منها في الـ Cache، وده بيقلل الـ Latency، ويخفف الحمل على قواعد البيانات (Database)، ويوفر في التكلفة.

لكن السؤال المهم: إيه أفضل طريقة تستخدم بها الـ Caching؟ 🤔 مش كل الـ Caching Strategy بتنفع في كل السيناريوهات.

———

📍 LinkedIn

http://bit.ly/4gG6TAY

لو بتدور على قوالب Figma مجانية تخليك تصمّم مواقع وتطبيقات باحترافية وبمنتهى السهولة...🚀

في الموقع ده هتلاقي مجموعة مميزة من القوالب الجاهزة اللي هتوفر عليك وقت ومجهود، سواء كنت مصمم UI/UX أو مطور وعاوز تبدأ بتصميم جاهز واحترافي. 💡

Free Figma Templates 🔥

https://www.freefigmatemplates.com

خلال رحلتك في React أكيد قابلت الـ useEffect قبل كده، وغالبًا مر عليك مواقف حسيت فيها إنه معقد أو مش قادر تفهمه بشكل كويس..

في المقال ده، هنفصل الـ useEffect بشكل بسيط وسهل، وهتعرف امتى وليه بنستخدمه، وإيه الأخطاء الشائعة اللي ممكن تقع فيها وإزاي تتجنبها. 💡

📍 Dev Community

https://dev.to/alisamir/simplifying-react-hooks-useeffect-3ogb

📍 Medium

https://medium.com/@dev.alisamir/simplifying-react-hooks-useeffect-bd3d862f2e65

ليه الـ Caching مهم؟ وإزاي تختار الطريقة الأفضل؟ 🤔 - الجزء الثاني

📍 LinkedIn

https://www.linkedin.com/posts/dev-alisamir_%D9%84%D9%8A%D9%87-%D8%A7%D9%84%D9%80-caching-%D9%85%D9%87%D9%85-%D9%88%D8%A5%D8%B2%D8%A7%D9%8A-%D8%AA%D8%AE%D8%AA%D8%A7%D8%B1-%D8%A7%D9%84%D8%B7%D8%B1%D9%8A%D9%82%D8%A9-activity-7298401038376574976-M_5F