تعلم برمجة المواقع🚀
6.64K subscribers
55 photos
2 videos
19 files
545 links
قناة للبرمجة والمبرمجين ...
تحتوي على مقالات للمبرمجين.
كتب وملفات pdf مجانية للمبرمجين.
نصائح للمبتدئين والمحترفين في البرمجة ...
أفضل الدورات في مجال البرمجة مجانا..
Download Telegram
من أفضل التقنيات المطلوبة في سوق العمل دورة شاملة لتعلم مكتبة رياكت من تحت الصفر إلى الاحتراف 🔥🔥
https://youtube.com/playlist?list=PLpr1Lg_f0v3ojNKR4WzZ_SEXhiKBHDQmB&si=xvO008Gn5fz2xQA1
🔥8
تعلم برمجة المواقع🚀 pinned «من أفضل التقنيات المطلوبة في سوق العمل دورة شاملة لتعلم مكتبة رياكت من تحت الصفر إلى الاحتراف 🔥🔥 https://youtube.com/playlist?list=PLpr1Lg_f0v3ojNKR4WzZ_SEXhiKBHDQmB&si=xvO008Gn5fz2xQA1»
جوجل نزلت بالتقيل وعملتلك منهج تعليمي كامل يعلمك الذكاء الاصطناعي من الصفر وببلاش

المسار التعليمي مناسب لكل الناس في كل المجالات, اما الجزء الاخير مناسب اكتر للناس اللي بتشتغل في الداتا ساينس والبرمجة...


👇👇
https://www.cloudskillsboost.google/journeys/118
🔥41
13🥰2👍1
🔰  لغة  ++C

⬅️ تعتبر  من اقوى لغات برمجة ويستخدم في اكثر من مجالات في العالم .

1_ لغة سهل تعلم.

2_ يستخدم في كثير من مجالات.

3_ لغة قديمة و أول ظهور في عام 1985 يعني 38 سنة.

4_ لغة تجبرك تفهم مفاهيم بدقة عكس باقي لغة.

5 _لا يوجد فرق بين C و ++C إلي بهذا نقطه
حيث أن ++C يدعم نوعين من برمجة هي برمجة هيكلية و برمجة كائنية توجيه OOP و بينما C لا يدعم برمجة كائنية توجيه OOP فقط يوجد برمجة هيكلية.

🔸️ اساسيات لغة ++C :-
1_ أول خطورة اتعلم اساسيات لغة .

2_ بعد ما تعلمت اساسيات أبد بحل اسئلة حسب مستواك.

3_ أبد تعلم برمجة كائنية توجيه OOP .

4_ بعد ما تعلم برمجة كائنية توجيه ابد بمشروع صغير حسب مستواك من بداية حتى إلى برمجة كائنية توجيه.

5_ اتعلم Data Structures  هياكل البيانات و كيفية تعامل بيها.

6_ بعد ما تعلمت 5 هاي اساسيات انتقل إلى Problem solving  حل مشاكل 1000 إلى 2000 مشكلة لان كثرة حل مشكلة انت تكتسب خبرة عندما تحل مشكلة ما .

7_ أبد بمشاريع كبيرة.

🔸️ استخداما لغة ++C :-

1_ برمجة العاب ضخمه .

2_ برمجة تطبيقات سطح مكتب.

3_ برمجة مواقع ويب.

4_ برمجة انظمة تشغيل.

5_ برمجة اجهزة طائرات و مستشفى و اجهزة الأمني و  حماية.

6_ برمجة لغات برمجة لان ++C يعتبر ام لغات جميع لغات برمجة مبنية بشكل مباشر او غير مباشر بي ++C.

7_ تستخدم في برمجة شبكات.

8_ تستخدم في اختبار اختراق و إنشاء سكربتات حيث أن لغة ++C قريباً جداً من هارد وير هو CPU وهي معالج.

* تعلمك لهذا لغة خيار جدا مناسب كما قلنا لغة ++C قريباً جداً من هارد وير هو CPU و اي لغة قريباً عن معالج يكون لغة جداً سرعة و عند كامل صلاحية على جهاز.
7🔥7👍1
كورس تعلم بايثون بشرح بسيط وسهل من الصفر إلى الاحتراف مجانا 🔥🔥
https://youtube.com/playlist?list=PLoP3S2S1qTfCUdNazAZY1LFALcUr0Vbs9&si=TztezsCJnYeK6b-r
6👍1👎1🔥1
📌 مواقع مساعدة..

🔸 موقع splidejs مختص بـ Sliders حيث تستطيع إنشاء العديد من أشكال Slider العصرية الثابتة والمتحركة، ما عليك سوى إدراج ربط المكتبة بمشروعك ونسخ كود الشكل الذي تريده.

🔹 رابط الموقع: https://splidejs.com/
3👍2🔥2
4 دورات تأسيسية للمبتدئين من قناة الاستاذ محمد ابو هدهود😍😍

1- سلسلة أساسيات مهمة لكل مبرمج

https://youtube.com/playlist?list=PL3X--QIIK-OHgMV2yBz3GLfM5d_5BxOSj&si=bPtyy8NbvNWTHx6a

2- سلسلة الخوارزميات وحل المشاكل المستوى الاول

https://youtube.com/playlist?list=PL3X--QIIK-OEUIwbQU79V76RHelBUQKiz&si=KY18xd6EbO2tyhWV

3- مقدمة في البرمجة بااستخدام ++C

https://youtube.com/playlist?list=PL3X--QIIK-OFIRbOHbOXbcfSAvw198lUy&si=3RTt-fyyH6YhVb5h

4- حلول متقدمة لسلسلة الخوارزميات وحل المشاكل

https://youtube.com/playlist?list=PL3X--QIIK-OEwPmZVfltqCYy6_RuwXr4A&si=ArKYQNK-tX2a1e9r
🔥51🥰1
عزيزي المتابع، يسعدني أو يؤسفني (بناءً على حالتك) أن أخبرك أن DevinAI غير حقيقي.

الـ DevinAI هو نظام ذكاء اصطناعي تم مشاركته على نطاق واسع (شاركناه نحن أيضا) على أساس أنه سيعوض مهندسي البرمجيات (Software Engineer),

إذ يستطيع إنشاء البرمجيات، تطويرها، رفعها على Github، متابعتها، تحسينها والمزيد ...

الفيديو كان مجرد استعراض له، لكن فعليًا لا يستطيع تحقيق ذلك.

في تحليل لقناة Internet of Bugs وفي فيديو مدته 25 دقيقة. يشرح لك الخدمة (بعد تجربتها بنفسه) وكيف أنها سيئة للغاية، وأنها تعتمد على أكواد من Github فقط ومثلها مثل أي مولد أكواد آخر. وأن كل ما جاء في الفيديو مزيف !

تحليل الفيديو بلغ تغريدات ومستخدمين على X، الذين شاطروا رأيهم أيضا حول DevinAI والذي كان مأساويًا للغاية.

ليتبين في النهاية، أنه ليس كما نعتقد. والفيديو كان مفبرك كنوع من الـ Hype فحسب.
7👍4🔥3
🔴 تبي تبدأ بمجال الويب سوا Frontend او Backend ابدأ بتعلم أساسيات :
HTML
CSS
JAVASCRIPT

وارشح لك قناة الزيرو وقناة أكاديمية ترميز  كلهم ب YouTube
🔥166👍5
اكثر كورس انطلب مني هو لغة جافا من أفضل الكورسات لتعلم الجافا من تحت الصفر 🔥🔥

https://youtube.com/playlist?list=PLCInYL3l2AajYlZGzU_LVrHdoouf8W6ZN&si=dZsTr1_O-N7eaA4A
🔥105
اضافات رهيبة لل Vs Code لمطورين FrontEnd  😍🔥
1. Live Server
2. Auto Rename Tag
3. Tailwind CSS IntelliSense
4.  ES7+ React/Redux/React-Native/JS snippets
5. Live Sass Compiler
6. Intellisense for CSS class names in HTML
👍6🔥5
كورس داتا ستركشر مميز من الاستاذ عادل نسيم😍
https://youtube.com/playlist?list=PLCInYL3l2AajqOUW_2SwjWeMwf4vL4RSp&si=uJaZORYWWHEtEgYA
🔥5
25 فكرة 💡 مشاريع Web Development هتحسن مستواك جدا في تطوير المواقع

1. صندوق الوصفة
- أنشئ تطبيقًا لصندوق الوصفات حيث يمكن للمستخدمين إضافة الوصفات وتعديلها وحذفها.

2. قائمة مشاهدة الأفلام
- إنشاء تطبيق قائمة مراقبة الأفلام حيث يمكن للمستخدمين إضافة وإزالة الأفلام التي يريدون مشاهدتها.

3. غرف الدردشة مع المصادقة
- تطوير غرفة دردشة في الوقت الفعلي مع مصادقة المستخدم باستخدام Firebase أو خدمة مصادقة أخرى.

4. تطبيق اللياقة البدنية مع الرسوم البيانية
- أنشئ تطبيقًا لتتبع اللياقة البدنية باستخدام مخططات لعرض التقدم بمرور الوقت.

5. المحفظة مع قسم المدونة
- عزز محفظتك الاستثمارية عن طريق إضافة قسم للمدونة حيث يمكنك كتابة المقالات ونشرها.

6. لوحة معلومات الطقس
- إنشاء لوحة معلومات الطقس التي تعرض الطقس الحالي والتنبؤات وخرائط الطقس.

7. مقسم النفقات
- أنشئ تطبيقًا يساعد الأصدقاء على تقسيم النفقات بعد رحلة أو حدث ما.

8. تطبيق تدوين الملاحظات
- تطوير تطبيق بسيط لتدوين الملاحظات مع ميزات مثل إضافة الملاحظات وتحريرها وحذفها.

9. تطبيق مسابقة البطاقات التعليمية
- قم بإنشاء تطبيق بطاقة تعليمية للدراسة باستخدام ميزات مثل وضع الاختبار وإنشاء البطاقة.

10. تطبيق قائمة تشغيل الموسيقى
- إنشاء تطبيق قائمة تشغيل الموسيقى حيث يمكن للمستخدمين إنشاء قوائم التشغيل وإدارتها

11. تطبيق تعلم اللغة
- تطوير تطبيق يساعد المستخدمين على تعلم لغة جديدة من خلال التمارين والاختبارات التفاعلية.

12. تعقب طلب الوظيفة
- إنشاء تطبيق لتتبع طلبات العمل والمقابلات والمتابعات أثناء البحث عن وظيفة.

13. مؤقت العد التنازلي للحدث
- أنشئ تطبيقًا يتيح للمستخدمين ضبط مؤقتات العد التنازلي للأحداث القادمة.

14. كتالوج الكتب
- تطوير تطبيق كتالوج الكتب حيث يمكن للمستخدمين إضافة الكتب وتقييمها ومراجعتها.

15. لوحة تحكم تحليلات النفقات
- تعزيز تعقب النفقات عن طريق إضافة ميزات التحليلات والتصور.

16. منصة تبني الحيوانات الأليفة
- بناء منصة لتبني الحيوانات الأليفة، مما يسمح للمستخدمين بتصفح الحيوانات الأليفة وتبنيها.

17. نظام إدارة السيارة
- إنشاء نظام لإدارة تفاصيل السيارة وجداول الصيانة وكفاءة استهلاك الوقود.

18. مؤقت المهام
- إنشاء تطبيق مؤقت للمهام لمساعدة المستخدمين على إدارة وقتهم والتركيز على المهام.

19. لعبة متعددة اللاعبين
- تطوير لعبة بسيطة متعددة اللاعبين باستخدام تقنيات مثل المقبس.

20. تطبيق تذكير يعتمد على الموقع
- إنشاء تطبيق يرسل تذكيرات للمستخدمين بناءً على موقعهم.

21. تطبيق المجلة اليومية
- أنشئ تطبيق مجلة يومية حيث يمكن للمستخدمين الكتابة والتأمل في يومهم.

22. تعقب العملة المشفرة
- أنشئ تطبيقًا يتتبع أسعار العملات المشفرة واتجاهات السوق في الوقت الفعلي.

23. نظام إدارة الموظفين
- إنشاء نظام إدارة الموظفين مع ميزات مثل إضافة سجلات الموظفين وتحريرها وحذفها.

24. منصة الاختبار عبر الإنترنت
- تطوير منصة اختبار عبر الإنترنت مع تسجيل المستخدم، وإنشاء الاختبار، والتسجيل.

25. مخطط السفر
- إنشاء تطبيق يساعد المستخدمين على التخطيط لرحلاتهم، بما في ذلك ميزات خط سير الرحلة والميزانية.
🔥7👍43
هرمش / harmash ,هو موقع لتعلم البرمجة باللغة العربية.
المحتوى في الموقع كله في شكل مكتوب و ليس فيديوهات.

الدورات الموجدة في الموقع:
- أساسيات البرمجة
- قواعد البيانات
- HTML
- CSS
- جافاسكريبت
- بايثون
- الخوارزمات وهياكل البيانات
- Java
- C++
- SQL

بالإضافات للتحديات البرمجة و المقالات المتفرقة في كل ما يخص البرمجة

الموقع: https://harmash.com/
🔥9🥰1
جماعة ال front end 🪄
مواقع مفيدة جدا لموقعك الإلكتروني
‏Amazing Website | Use For Css

‏1- Make Some Waves
موقع يوفر أداة مجانية لإنشاء موجات SVG بطريقة بسيطة وسهلة

https://getwaves.io/
___

‏2- Fancy Border Radius
موقع fancy-border-radius يقدم أداة مجانية لإنشاء أشكال معقدة وجذابة باستخدام CSS border-radius.

https://9elements.github.io/fancy-border-radius/

___

‏3- CSS Buttons
يعتبر أداة مفيدة لتوفير مكتبة شاملة من العناصر الجاهزة التي يمكن استخدامها في تصميم واجهات المستخدم.

https://uiverse.io/elements

___


‏4- SVG Background
هو أداة مفيدة لإنشاء وتوليد صور خلفيات (Backgrounds) بشكل سريع وسهل.

https://bgjar.com/#google_vignette

___

‏5- CSS Grid
هو أداة مفيدة لإنشاء وتوليد أنظمة الشبكات باستخدام CSS Grid بشكل سهل وسريع.

https://cssgrid-generator.netlify.app/?ref=producthunt

___

‏6- Smooth Shadow
باختصار، موقع هو أداة ممتازة لمصممي الويب الذين يرغبون في إنشاء تصاميم حديثة وأنيقة باستخدام تقنية Neumorphism بسهولة وفعالية.

https://neumorphism.io/#e0e0e0
🔥7👍4
أفضل موقع للمبرمجين الذين لا يريدون أو ليس لديهم الوقت  لتصميم واجهة الموقع و تنسيق الألوان و العناصر و اختيار النصوص.

‏موقع Free Figma Templates تجد فيه كل من:
‏- Website Designs
‏- Mobile Designs
‏- Illustrations & Icons
‏- Wireframes & Design Systems
‏و الأهم من هدا تحميل الملفات Templates مرفقة بالصور و الخطوط.

‏الموقع: ⁦ www.freefigmatemplates.com/
9👍1🔥1
أفضل 5 مكتبات جافاسكربت قد تحول مسار مشروعك وتبرز إبداعك

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

1. ANIME.JS
   مع انتشار الأنيميشن والتفاعلات الدقيقة، برزت مكتبة anime.js كأداة مرنة تتيح لك إضافة حركة جذابة لموقعك. متعددة الاستخدامات، تعد هذه المكتبة فرصة رائعة لتطوير مهاراتك وإثراء مشاريعك بلمسات إبداعية.

2. AOS.JS
   كإضافة مميزة لمكتبة jQuery، تقدم AOS.JS أكثر من 28 تأثيرًا مختلفًا لتحريك العناصر وتأثيرات التسهيل بشكل جمالي عند تمرير الصفحة، مما يضيف بُعدًا جديدًا لتجربة المستخدم.

3. D3.JS
   لمحبي البيانات والراغبين في عرضها بطريقة جذابة، D3.js توفر الأدوات اللازمة لإضفاء الحيوية على هذه البيانات باستخدام HTML، SVG، وCSS، مما يجعل عرض البيانات أكثر تفاعلًا وجاذبية.

4. OWL-CAROUSEL
   في عالم تصميم المواقع، بقت السلايدرز (carousels) عنصر أساسي، وOWL Carousel تقدم حلاً سهل التركيب ومتوافق مع كل المتصفحات، مما يجعلها خيار مثالي لعرض المنتجات والصور بشكل احترافي.

5. CHOREOGRAPHER-JS
   كمكتبة بسيطة وسهلة الاستخدام، Choreographer-JS تساعد في إنشاء تأثيرات حركية ولمسات سحرية باستخدام CSS، مما يثري الموقع بأنيميشن مميزة وجذابة.

في زمن التنافسية الشديدة، بقت هذه المكتبات جزء لا يتجزأ من أساسيات تطوير المواقع والتطبيقات، فلا تفوت فرصة تطوير مهارتك
🔥5👍4
للطلاب الذي يواجهو صعوبة في فهم لغة السي هذا الكورس سيساعدكم كثير ويجعلكم تفهمون لغة السي بشرح بسيط وسهل🔥🔥
https://youtube.com/playlist?list=PLhiFu-f80eo-tcwk0nYsehyPErEhw9scm&si=UHR0-QSKIAMnTbVd
🔥51😍1
لو عندك ملف JSON وحابب تستكشفه او تفهمه او تعمله visualize
ممكن ترفعه هنا على الموقع ده وهو هيحوله ل Graph
لينك الموقع : https://jsoncrack.com/
🔥41