اختبر نفسك ب HTML  و CSS  🔥🚀
حل الاسئلة والتحديات  من اكثر الأشياء اللي تطور من نفسك وتخليك تتقدم 👏

🎯 شاركنا كم سؤال حليته 😍
👇
➡️ HTML
https://www.w3schools.com/html/html_exercises.asp

➡️ CSS
https://www.w3schools.com/css/css_exercises.asp

🔰 ماهو الـكـود الـنـظـيـف _ Clean Code ؟

الكود النظيف هو طريقة كتابة الكود بشكل يسهل قراءته من قِبل كاتبه أو المبرمجين الآخرين، والتعديل عليه حتى بعد زمن طويل، ويعتمد على المبرمج بشكل خاص حيث أن لكل مبرمج أساليبه في كتابة الكود الخاص به.
من أسباب كتابة كود نظيف يسهل فهمه والتعامل معه، هو إن قمت بكتابة برنامج ثم أردت التعديل عليه بعد مرور عدة سنوات فستكون قد ساهمت في تسهيل المهمة على نفسك؛ أو في حال كتبت برنامجاً وسيستلمه منك مطور آخر ليقوم بالتعديل عليه؛ وكذلك لتسهيل إصلاح الأخطاء البرمجية والتعامل معها.

♦️ خـطـوات لـكـتـابـة كـود نـظـيـف :
🔸 وضع مسافات متساوية بين الجمل البرمجية، ويفضل أن تظهر عبارة واحدة فقط في كل سطر.

🔸 تقسيم البرنامج إلى أقسام واضحة، حيث أن كل قسم يعبر عن عملية معينة أو مجموعة من العمليات المرتبطة.

🔸 التسمية الواضحة (سواءً للمتغيرات أو الدوال..)، بحيث تكون لها علاقة بالعملية البرمجية التي تقوم بها، ويستحسن عدم تكرار المسميات لغرض آخر.

🔸 كتابة الملاحظات (التعليقات _Comments) داخل الكود عند العمليات لتوضيح سبب كتابة هذه العملية واستدعائها، مع مراعاة عدم كتابة تعليقات زائدة عن الحاجة.

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

#برمجة #تصميم مواقع

عمل جديد قمت به أتمنى أن ينال اعجابكم
https://cookerku.com

‏هتلاقي في الموقع دا ملخصات لكل لغات البرمجة بالشكل دا هيبقى reference ليك، ولو دوست على كل خاصية هيفتحلك شرح ليها

Link : overapi.com‎

لو بتسوي اشكال او خلفيات لاي تصميم وتحفظها ب SVG
تقدر تستخدمها باي تصميم  HTML /CSS او تصاميم الجرافيك وغيرها ✅

هذي افضل موقعين ومجانيه 🔥
🔗 https://www.blobmaker.app
🔗 https://getwaves.io

#مصطلحات هامة جداً جداً جداً في #المعلوماتية وأفرعها🔥🔥

🔰 ‏ماهو API ؟


🔸️ هو إختصار ل _ Application Programming Interface
▪️وهو واجهة برمجة التطبيق، أما التعريف الفعلي هو نقطة الوصل بين البيئة التطويرية والمطورين .

🔸️ أنواع API

▪️ Private
ويكون متاح فقط بالشركة او على نطاق محدود جدا
▪️ Partner
يتم مشاركة API من هذا النوع مع شركاء أعمال محددين.
▪️ Public
هذا النوع من API يكون متاح للجميع.
🔰 ‏امثلة على API
⬅️ تتيح YouTube API الى مطورين دمج مقاطع فيديو YouTube

⬅️ ‏يقدم Twitter API خدمةٌ مزدوجة واحدةً من واجهة برمجةْ تطبيقـات Rest تسمح للمطور وصول الى بيانات Twitter علاوة على ذلك توفرُ طرقاً لمطورين للتفاعل مع Twitter Searsh.

⬅️ تُتيح Amazon API الى المطورين وصول إلى مجموعة منتجات أمازون.

🔰 اخـتـصـارات Vs code لـكـل مـبـرمـج

في حال تعلمت البرمجة، فإنه من أولويات الأشياء التي يجب إتقانها هي الكتابة السريعة على لوحة المفاتيح، ومن أجل زيادة تلك السرعة في بيئة العمل للغة (Compiler) هناك العديد من الاختصارات داخله لزيادة السرعة والتسهيل على المبرمج أثناء كتابة الكود.
لكن تختلف تلك الإختصارات من بيىة لأخرى، ومع ذلك فبالتأكيد هنالك دائماً اختصارات متشابهة مع بعضها.

♦️ أهم هذه الاختصارات :
▫️ الاختصار (ctrl + shift + N) لفتح مشروع جديد.
▫️ الاختصار (ctrl + N) لفتح ملف جديد.
▫️ الاختصار (ctrl + shift + O) لفتح مشروع حالي (مُستعمل).
▫️ الاختصار (ctrl + P) لطباعة الكود.
▫️ الاختصار (ctrl + shift + S) لحفظ جميع التعديلات.
▫️ الاختصار (ctrl + S) لحفظ تعديل حالي.
▫️ الاختصار (ctrl + A) لتحديد جميع الأسطر.
▫️ الاختصار (ctrl + Z) للرجوع عن التعديل (السابق).
▫️ الاختصار (ctrl + Y) للرجوع عن التعديل (اللاحق).
▫️ الاختصار (ctrl + D) لتكرار السطر البرمجي.
▫️ الاختصار (ctrl + W) لإغلاق المشروع الذي تعمل عليه.
▫️ الاختصار (shift + V) لعمل أقواس مجعدة { }.
. . .

يمكنك تغيير ازرار الوان ال radio و checkbox الى الوان اجمل بالطريقة التالية

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

https://youtube.com/playlist?list=PLSiLeKadTQ7mVwmHTjCegRPUyhg96R0Sl

اضف الى معلوماتك
للمهتمين والمبرمجين جبت لكم في هذه الورقة ملخص لاختصارات Visal Studio code
احفظ الورقة الى حين تحتاجها.

لماذا يفضل المبرمجين استخدام json كواجهة لتطبيقات ال API بدلا من XML
- لان json سهلة الفهم وتصف نفسها بنفسها ولا تحتاج الى مستندات اضافية لوصفها مثل xml لذلك هي خفيفة وسريعة
- تعتمد json في بناء الكائن على Java script بتنسيق نصي لذلك فهي مستقلة تمامآ عن اللغة مما جعلها مدعومة من كل المستعرضات تقريبآ
- جميع اللغات البرمجة تمتلك مكتبات لدعم وقراءة وتحليل json مما يجعلها جديرة باختيارك لها كواجهة تطبيقات API
- تمتلك json القدرة على وصف البيانات كمصفوفات ومشاركة الفيديو والصور بكل سهولة

موقع مهم لكل مصمم واجهات الويب يقدم لك مئات الأمثلة مع الأكواد التي يمكنك اضافتها في موقعك 👇
https://csslayout.io/

🔰 مجموعة من الـ APIs المجانية التي يمكنك الاستفادة منها :

🔘 Free Public APIs for Developers

♦️OpenWeather
🌐 https://openweathermap.org/apiRavi

♦️The NASA APIs
🌐https://api.nasa.govRavi

♦️ The MovieDB API
🌐 https://themoviedb.org/documentation/api

♦️Responsive Voice API
🌐 https://responsivevoice.org/api/Ravi

♦️ RandomUser
🌐 https://randomuser.me

♦️ ExchangeRate
🌐 https://exchangerate-api.com

♦️ Themealdb
🌐 https://themealdb.com/api.php

♦️ Jsonplaceholder
🌐 https://jsonplaceholder.typicode.com

موقع يوفر لك إمكانية مشاركة الكود ع هيئة صورة
https://carbon.now.sh/

مواقع مجانية لتعلم البرمجة 🚀
✅ youtube.com
✅ harmash.com
✅ sololearn.com
✅ javascript.com
✅ programiz.com
✅ w3schools.com
✅ codecademy.com
✅ studytonight.com
✅ geeksforgeeks.org
✅ freecodecamp.org

ايام زمان كانت البساطة حتى في المشاريع

كيف تتعلم البرمجة في 10 ايام

‏اليوم 1 تعلم لغة البرمجة وتطبيقاتها في 3 ساعات

‏اليوم 2 إعداد محرر الاكواد وتثبيت اللغة في ٢ ساعات

‏اليوم 3 تعلم النصوص وانواع المتغيرات في خلال ساعتين

‏اليوم 4 الجملة الشرطية والحلقات

‏اليوم 5 تعلم الدوال والمكتبات

اليوم 6 الاستثناءات والملفات

‏اليوم 7 هياكل البيانات

‏اليوم 8 أساسيات الخوارزميات

‏اليوم 9 تعلم البرمجة الكائنية

‏اليوم 10 انشاء المشروع