تركاية فرونت إند ع السريع ⚡️

إزاي تعمل تسجيل للشاشة في المتصفح باستخدام JavaScript من غير ما تعتمد على مكتبات خارجية؟ ⏯️

في الفيديو ده، طريقة شرح إزاي تستخدم Native JavaScript علشان تبني Screen Recorder بسهولة. 🚀

———

Native JavaScript Screen Recorder 🔻

Use the Screen Capture API to create a browser-based screen recorder with JavaScript, enabling users to capture their screen activities effortlessly.

———

🔗 Tutorial Link:
https://youtu.be/qZvnGXHCOMk

An emoji guide for your commit messages. 🚀

https://gitmoji.dev

Free 101 React Tips & Tricks Book 🔥

- It makes React easier: Skip the confusion with simple, practical tips that work.
- It helps you build your confidence: Learn tricks that’ll make you feel more at home in React, one step at a time.
- You’ll grow faster: Stop feeling stuck and start making real progress with 101 tips that solve common React struggles.

The Largest Library of Open-Source UI 💯

https://uiverse.io

كورس ممتاز لجماعة الباك إند 🔥

الكورس مش هيخليك بس تبني API، لكن هتشتغل على مشروع نظام إدارة اشتراكات حقيقي بيوصل لمستخدمين فعليين، بيدعم المدفوعات، وفيه شوية لوجيك حلوين. هتتعلم التوثيق بـ JWT، تصميم قواعد البيانات، هيكلة الـ API، تأمين النظام، وأتمتة العمليات—كل ده هيساعدك تبقى جاهز لبناء مشاريع حقيقية.💡

———

Complete Backend Course | Build and Deploy Your First Production-Ready API

Skip the basic CRUD—this Backend Crash Course is all about building a production-ready Subscription Management System with real users, real money, and real business logic. You'll learn JWT authentication, database modeling, API architecture, security, automated workflows, and much more!

https://youtu.be/rOpEN1JDaD0

مفهوم الـ ORM 🔻
.
.
لو بتتعامل مع قواعد البيانات، أكيد عارف إن التعامل مع SQL queries بيكون أحيانًا ممل ومتعب، خصوصًا لو التطبيق كبير وفيه جداول كتير مترابطة ببعض. كل مرة بتحتاج تكتب نفس الـ queries، تعيد استخدام نفس الـ joins، وتتعامل مع الأخطاء يدويًا.

غير كده، لو مشروعك توسّع واضطريت تغيّر قاعدة البيانات، هتلاقي نفسك مضطر تعيد كتابة استعلامات كتير من الصفر! 🤯

———

📍 LinkedIn

https://www.linkedin.com/posts/dev-alisamir_database-orm-sql-activity-7294026594698850304-ogMi

📍 Qabilah

https://qabilah.com/posts/h7D0-Nczp1I

إزاي تنظم ملفات مشروع الـ 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