كتاب تعلم لغة ال C بالامثلة العملية الشاملة من الصفر إلى الاحتراف 🔥🔥

اذا انت مطور FrontEnd احفظ هذا المقال عندك ✔️
ليه؟
يعلمك افضل الممارسات اللي تستخدمها بالتصميم
Designing better target sizes
دليل تفاعلي حول تحسين مساحة الحجم المستهدف باستخدام CSS ✅

https://ishadeed.com/article/target-size

All in 1 😍👇🏻
أفضل بدائل لـ chatgpt سيساعدك مهما كان عملك 🔰:

للكتابة ✍️

ChatSonic - https://writesonic.com/chat
ChatABC - https://chatabc.ai
JasperAI - https://www.jasper.ai
Quillbot - https://quillbot.com

للبرمجة 💻

Copilot- https://github.com/features/copilot
Tabnine - https://www.tabnine.com
MutableAI - https://mutable.ai
Safurai - https://www.safurai.com
10Web - https://10web.io/ai-website-builder

للبحث 🔎

Paperpal - https://paperpal.com
Perplexity - https://www.perplexity.ai
YouChat - https://you.com/search?q=who+are+you&tbm=youchat&cfr=chat
Elicit - https://elicit.org

تويتر ◀️

Tweetmonk - https://tweetmonk.com
Tribescaler - https://tribescaler.com
Postwise - https://postwise.ai
TweetLify - https://www.tweetlify.co

للإنتاجية 👋🏻

Synthesia - https://www.synthesia.io
Otter - https://otter.ai
Bardeen - https://www.bardeen.ai
CopyAI - https://www.copy.ai/?via=start

لصناعة المحتوى ✅

WriteSonic - https://writesonic.com/chat
Tome - https://beta.tome.app
CopySmith - https://app.copysmith.ai
TextBlaze - https://blaze.today

للعروض التقديمية 👀

BeautifulAI - https://www.beautiful.ai
Simplified - https://simplified.com
Slidesgo - https://slidesgo.com
Sendsteps - https://www.sendsteps.com/en

لصوت 🔊
MurfAI - https://murf.ai
Speechify - https://speechify.com
LovoAI- https://lovo.ai
MediaAI- https://www.ai-media.tv

تابعونا على التيك توك😍😍

https://www.tiktok.com/@esmael_alnema?_t=8jKDRByt0Ha&_r=1

دبلومة تصميم وتطوير المواقع الشاملة مع ١٠٠ مشروع كامل🔥🔥

https://youtube.com/playlist?list=PLSiLeKadTQ7kF7p-kd3gkHr6BAwQKYYSv&si=CkCAkpA_xs5PgdyV

أفضل لينكات github لازم وحتما تحفظهم عندك ايا كان تخصصك في البرمجة

‏Tech Interview Handbook
‏ https://github.com/yangshun/tech-interview-handbook

‏The Algorithms
‏ https://github.com/TheAlgorithms

‏Free Programming Books
‏ https://github.com/EbookFoundation/free-programming-books

‏1000+ Free APIs
‏ https://github.com/public-apis/public-apis

‏Coding Interview University
‏ https://github.com/jwasham/coding-interview-university

‏30 Seconds of Code
‏ https://github.com/30-seconds/30-seconds-of-code

مشاريع بلغة بايثون احترافية ومميزة - python projects🔥🔥🔥

https://youtube.com/playlist?list=PLSiLeKadTQ7mVwmHTjCegRPUyhg96R0Sl&si=VtZdjZ7__HqMh5qk

ا 📌 الفرق بين "التدريب" و "التطوير".

ا 🔰 غالبًا ما يُستخدم مصطلحا "التدريب" و"التطوير" بالتبادل، على الرغم من اختلاف معانيهما وتأثيراتهما. تهدف هذه الموضوعة إلى توضيح هذه المفاهيم، مسلطة الضوء على اختلافاتهما وأدوارهما المختلفة في تعزيز أداء وإنتاجية الموظفين.

ا 1️⃣ التدريب: غالبًا ما يكون قصير الأجل، مركزًا على أدوار العمل أو المهارات المحددة. يتعلق بتعليم مهارات جديدة ذات صلة بمتطلبات عمل معينة.

ا 2️⃣ التطوير: طويل الأجل وواسع النطاق، يهدف إلى النمو العام للموظف. لا يرتبط مباشرةً بالوظيفة الحالية بل يركز على الأدوار والتقدم المهني في المستقبل.

ا 3️⃣ التدريب: برامج مُنظمة مثل ورش العمل والندوات، مصممة لتحسين الأداء الفوري والمعرفة المطلوبة لوظيفة محددة.
ا 4️⃣ التطوير: عملية مستمرة تركز على النمو الشخصي، تعزيز المهارات، والاستعداد للتحديات والأدوار المستقبلية.

ا 5️⃣ التدريب: قصير الأجل، محدد الوظيفة، يركز على أنشطة الفريق. يتعلق بالاح تياجات الفورية للشركة.
ا 6️⃣ التطوير: طويل الأجل، شخصي، يركز على بناء المسيرة المهنية وتقدم المهارات. يركز أكثر على مستقبل الموظف.

اداة رايقة جدا بتعمل ليك color shade بشكل جميل
لو انتا شغال علي مشروع ومحتاج تناسق الالوان يكون جميل تقدر تدخل اللون وهو هيديك قائمة الالوان تسخدمها مباشر
ودي بعض المميزات الموجوده في الموقع تميزه عن غيره:
👈 بيدعم hexcode and HSL
👈 بيديك امثلة تقدر تشوفها في الموقع مباشر
👈 تقدر تعمل save ل color palett (اكتر من 3 لازم تشترك)
👈 تقدر تعدل براحتك في التدريج بتاع الالوان
👈 بيخليك تعمل copy  لالوان تسخدمها علطول في اغلب المشاريع المختلفه  👇
الرابط: https://uicolors.app/create

كورس تعلم جافا من الصفر الى الاحتراف🔥🔥🔥

https://youtube.com/playlist?list=PLHIfW1KZRIfn9BnepQuzWiM_ZPIwUDawL&si=YEmTioKIFHBbqAjk

مصطلحات البرمجة التي يجب أن تعرفها !!

فيما يلي مجموعة من 23 مصطلحًا من أكثر مصطلحات البرمجة شيوعًا والتي يجب على كل مطور معرفتها
---------------------------------
1. ALGORITHM 
مجموعة من القواعد التي يجب اتباعها في العمليات الحسابية أو عمليات حل المشكلات الأخرى
‏
2. API 
واجهة برمجة التطبيقات هي مصدر للمعلومات
‏
3. ARGUMENT 
قيمة يتم تمريرها إلى دالة عند استدعائها
‏
4. BUG 
هو خطأ في برمجة الكمبيوتر يمنع البرنامج من العمل كما هو متوقع
‏
5. Boolean
هو التعبير المنطقي أو المنطق، هذا التعبير يُستخدم لإنشاء موقف إما صحيح أو خاطئ
‏
6. COMMENTS
نص توضيحي مكتوب الى جانب الكود ، ولكن لا يتم تشغيله أبدًا، ويتجاهله complier بشكل عام
‏
7. COMPLIER
هو برنامج حاسوبي يقوم على تحويل الملفات المصدرية إلى أوامر مباشرة يفهمها الحاسوب وينفذها مباشرة بما يناسب بنية الحاسوب الذي يستهدفه البرنامج
‏
8. COMPILATION
هي عملية إنشاء برنامج قابل للتنفيذ من خلال رمز مكتوب بلغة برمجة
‏
9.  DATA TYPES
هو تصنيف لنوع معين من البيانات
10. EXCEPTION 
حالة غير متوقعة وشاذة تمت مواجهتها أثناء تنفيذ البرنامج
11. FUNCTION
جزء من التعليمات البرمجية يأخذ ARGUMENT  "صفر" أو أكثر، على حسب طبيعة الدالة و الرغبة من البرنامج، ولا يعمل حتى يتم استدعاؤه
‏
12. LOOP 
هي سلسلة من التعليمات التي تكرر نفس العملية مرارًا وتكرارًا حتى يتم استيفاء الشرط لكي تنتهي
‏
13. FRAMEWORK 
الإطار في البرمجة هو أساس ذو مستوى خاص من التعقيد يمكن أن يغيره المبرمج، مستخدمًا الكود الخاص به
‏
14. RUN 
لتنفيذ التعليمات المكتوبة في كود برمجي أو ملف تنفيذي
‏
15. KEYWORDS 
تُعرف الكلمات المحجوزة بواسطة لغة برمجة بالكلمات المفتاحية، بسبب معناها الخاص بها
‏
16. NULL
هي القيمة الفارغة ، هو رمز برمجة يمثل حرفًا بدون قيمة أو قيمة مفقودة أو نهاية سلسلة أحرف
‏
17. OPERATOR
هو مصطلح يُستخدم للإشارة إلى ال object الذي يمكنه التعامل مع العناصر التي يتم التلاعب بها او تعديلها
‏
18. VARIABLE
المتغير هو موقع يخزن بيانات مؤقتة داخل برنامج يمكن تعديله وتخزينه وعرضه في وقت الحاجة اليه
‏
19. FRONTEND
هي واجهة المستخدم لجهاز كمبيوتر أو أي جهاز من نصوص أو ألوان أو أزرار أو صور. هو ما تراه وتتفاعل معه في المتصفح،
‏
20. BACKEND
هو الجزء الذي لا تراه في الموقع، فهو مسئول عن تخزين وتنظيم البينات والتأكد من أن كل شئ في واجهة الموقع يعمل بشكل جيد
‏
21 - SYNTAX
هي مجموعةالتركيبات و القواعد الخاصة بلغة برمجة، والتي تكون مسؤولة عن كيفية نقل البيانات
‏
22. Package
عبارة عن مجال إسم (namespace)، وهدفها تنظيم مجموعة من الفئات والواجهات ذات العلاقة. يمكن مقارنة فكرة الحزمة بمجلدات مختلفة موجودة في حاسوبك، كل مجلد خاص بشيء محدد
‏
23. OOP
عبارة عن نمط برمجة متقدم، يمكن من تقسيم البرامج الى وحدات تسمى الكائنات Objects، بحيت يعتبر كل كائن عبارة عن حزمة من البيانات. ويتم البرمجة بواسطة استخدام الكائنات وربطها مع بعضها البعض وواجهة البرنامج الخارجية باستخدام هيكلية البرنامج وواجهات الاستخدام الخاصة بكل كائن

كورس تعلم لارافيل اخر اصدار مع تطبيق عملي🔥🔥
https://youtu.be/Q4z6U23cTVc?si=rXSMQzP0QSdW8NFK

افضل مكتبات تساعدك في الشغل بالرياكت
متنساش الشير عشان يوصل لغيرك
1 -framer motion
https://lnkd.in/gfEjdG2x...
المكتبه دي بتسمح ليك انك تعمل انيميشن في الموقع بتاعك وهي افضل مكتبه في عمل انيميشن
2- React Hook Form
https://lnkd.in/g2FVv2A4
تاني مكتبه تقدر تعمل بيها فورم و بسهوله و بتشتغل معا الرياكت
3-react.i18next
https://react.i18next.com/
لو انت عايز تعمل موقع بلغات مختلفه فا الموقع ده ليك هيسمح ليك انك تعمل الموقع ب اكتر من لغه
4-swiperjs
https://swiperjs.com/react
نفسك تعمل سلايدر ومش عارف الموقع ده ليك وعليه اشكال كتيرة ممكن تستخدمها
5-react-chartjs
https://lnkd.in/grkszjFR
المكتبه دي من احسن المكتابات اللي ممكن تستعملها في انك تعمل زي شكل بياني في الموقع بتاعك
6-react-toastify
https://lnkd.in/gErMDeJG
المكتبه دي هتفيدك في انك تعمل اشعارات في الموقع
7-fullcalendar
https://fullcalendar.io/
لوعايز تعمل كليندر في الموقع المكتبه دي هتساعدك
8-video-react
https://lnkd.in/gsKp-TXN
لو عامل موقع افلام او عندك فكرة انك تحط فديو بس  عايز ادوات التحكم تكون بشكل كويس فا استخدم المكتبه دي
9-react-select
https://lnkd.in/gpChg5eS
لو عايز تعمل سيلكت بشكل حلو فا المكتبه دي ليك

‏جبت لكم موقع ممتاز بيقدملك مصادر لأهم طرق العمل الموجودة في مجال الويب 🔻

- Angular 
- React
- Vue
- Qwik
- Solid.js
- GraphQL
- Node.js 
- Svelte
- Deno

framework.dev

موقع tinypng بيقلل حجم الصور بنفس الجودة
https://tinypng.com

موقع جميل لعمل كل التأثيرات والألوان والحدود على النصوص والصور، وغيرها الكثير باستخدام  CSS وHtml

رابط الموقع | https://www.cssportal.com

📌موقع مفيد جدا لمطورين FrontEnd..
تقدر تعرف هل المتصفح يدعم المميزات او الخصائص للغات HTML , CSS ,JS او لا يدعمها.
فمثلا استخدمت خاصية جديدة بـCSS تقدر تعرف وش المتصفحات التي تدعم الخاصية✅
كل اللي عليك تبحث عن الخاصية وراح يعرض لك هل هي مدعومة او لا.👇
caniuse.com

📌موقع Colorhub يساعدك على اختيار الوان متناسقة لتصميمك القادم 👌
اختر Palette جاهز وتقدر تعدل عليه ومن ثم تستخرج اكواد الألوان بسهولة وتصديرها كملف CSS 😍
https://colorhub.vercel.app/

مسار تصميم المواقع frontend🔥🔥
1-تعلم لغة html
https://youtube.com/playlist?list=PLDoPjvoNmBAw_t_XWUFbBX-c9MafPk9ji&si=aiSNNrCzzfqiliMn
2-مشاريع بسيطة html فقط
https://youtube.com/playlist?list=PLSiLeKadTQ7mfXH_bQH-A4neXG8_hUAud&si=bkSeGaDPkkJ0Do_0
3-تعلم لغة css
https://youtube.com/playlist?list=PLDoPjvoNmBAzjsz06gkzlSrlev53MGIKe&si=UYYW4FQCM7fAdGLm
4-مشاريع html css فقط
1
https://youtu.be/_-eh8cwGGwg?si=bzguHgASRlsfGPTf
2
https://youtu.be/heuDmrEAgUA?si=nN5aNoBNQoe64VrG
3
https://youtu.be/vkc99WHcDTk?si=Mup2G7WXN6eersH6
4
https://youtu.be/DflEcuzjsyA?si=sZYVA4pD3Y-8qO9d
5
https://youtu.be/cARGOrtiWt4?si=w12Rr-DVLMrFHnqx
6
https://youtube.com/playlist?list=PL0NXc3SfXYNTZROR7lYNxivb-4ORtGMNQ&si=rgRndgQuFw3klylr
7
https://youtu.be/CUqSRxF6vng?si=FDxYFTzb5vt3Yw5X
8
https://youtu.be/BzzXd_wabzk?si=18FsbhxpxFPt1P8g
9
https://youtu.be/hE0azYXN_W0?si=Kd2-muwd0vMDfU60
10
https://youtu.be/Hnm3BP-tjD8?si=6RzzGnWRJWav2ye1



5-تعلم مكتبة بوتستراب
https://youtube.com/playlist?list=PLMTdZ61eBnyoZi9kwFl_-5IQhrJsmJIB5&si=S2p2uOH_EuVhc7CN
6- مشاريع على بوتستراب قائمة فيها 5 مشاريع
https://youtube.com/playlist?list=PL0NXc3SfXYNSTrmGl7M3y1axrGd-LAMfj&si=UMw-mBi39Cb1V74e
7-تعلم اساسيات البرمجة
https://youtube.com/playlist?list=PLoP3S2S1qTfBCtTYJ2dyy3mpn7aWAAjdN&si=LZ790yTsYrmuTzKp
8-الدخول الى لغة جافا سكربت وتعلمها
https://youtube.com/playlist?list=PLDoPjvoNmBAx3kiplQR_oeDqLDBUDYwVv&si=qtLGFNZxORaoTLQJ
9-مشاريع على جافا سكريبت
1
https://youtube.com/playlist?list=PLDoPjvoNmBAz7_BgzvNcOaE-m_SnE4jiT&si=OdJ0GfQvFY3PYyn0
2
https://youtube.com/playlist?list=PLW03K0dPCnA5BZkqXZZUoR95uFUQRHyB1&si=kDaF8vgtDbBV4IR1
3
https://youtube.com/playlist?list=PL0NXc3SfXYNTi48PixMjLY-CanLxI04x1&si=e-0VHRzqLvu2gbf3
4 قائمة تشغيل مهمة جدا جدا
https://youtube.com/playlist?list=PL0NXc3SfXYNSk5ba2UXdbB9NaWrQ4wOko&si=0xVapmsx-qXXjRzr
5
https://youtu.be/6BicTKzUDRA?si=6Enusx9ZCkp8CK30
6
https://youtube.com/playlist?list=PLtFbQRDJ11kHCgyFid3khHdOk0VEHiJ3e&si=WmL_p3VP0ArwaQrl
10- تعليم مكتبة رياكت وعمل مشاريع عليها
كورس كامل متكامل اساسيات ومشاريع احترافية
https://youtube.com/playlist?list=PLpr1Lg_f0v3ojNKR4WzZ_SEXhiKBHDQmB&si=1SH36ItIvRp85P6e

هي خطتي الشخصية لتعلم تصميم المواقع خطوة ب خطوة هدية مني كشكر على تفاعلكم ودعمكم🔥🔥