5 مواقع لقوالب HTML مجانية ومدفوعة 🔥
تختصر وقتك وجهدك، وممكن تستلهم منها أفكار وتنفذها بنفسك 👏🏻👏🏻
1️⃣ https://freehtml5.co/
2️⃣ https://www.free-css.com/
3️⃣ https://graygrids.com/
4️⃣ https://html5up.net/
5️⃣ https://templatemo.com/
—
تختصر وقتك وجهدك، وممكن تستلهم منها أفكار وتنفذها بنفسك 👏🏻👏🏻
1️⃣ https://freehtml5.co/
2️⃣ https://www.free-css.com/
3️⃣ https://graygrids.com/
4️⃣ https://html5up.net/
5️⃣ https://templatemo.com/
—
🔥3👍2❤1
كورس ++C للاستاذ محمد ابو الهدهود افضل كورس عربي وينافس الكورسات العالمية🔥🔥
https://youtube.com/playlist?list=PL3X--QIIK-OFIRbOHbOXbcfSAvw198lUy&si=UH7C1utv6MshbhDq
https://youtube.com/playlist?list=PL3X--QIIK-OFIRbOHbOXbcfSAvw198lUy&si=UH7C1utv6MshbhDq
🔥7👍2❤1
🔰 ما هي الـ React js ؟
تُعد React أو React.js مكتبة تم بناؤها على لغة JavaScript، وتعتمد على مفهوم المُكونات و تُستخدم في بناء واجهات تفاعلية تعتمد على "virtual dom" في تحديث مكونات الصفحة، يمكن استخدامها لإنشاء تطبيقات من صفحة واحدة (spa)، تم بناء هذه المكتبة من طرف Facebook، هناك من يعتبر React إطار عمل لكنها في الحقيقة مكتبة.
▫ ما هي مميزات وخصائص الـ React js ؟
بُنيت React على أساس مفهوم الـ Component، إذ يمكن تقسيم صفحة الويب إلى مكونات (Component)، مثلاً بمكن اعتبار الـ "Navbar" مكون مستقل والـ "Footer" مكون مستقل وهكذا ..
يمكن إعادة استخدام هذه المكونات بسهولة فائقة دون الحاجة لبنائها مرة أخرى في كل مرة.
تُعد React أو React.js مكتبة تم بناؤها على لغة JavaScript، وتعتمد على مفهوم المُكونات و تُستخدم في بناء واجهات تفاعلية تعتمد على "virtual dom" في تحديث مكونات الصفحة، يمكن استخدامها لإنشاء تطبيقات من صفحة واحدة (spa)، تم بناء هذه المكتبة من طرف Facebook، هناك من يعتبر React إطار عمل لكنها في الحقيقة مكتبة.
▫ ما هي مميزات وخصائص الـ React js ؟
بُنيت React على أساس مفهوم الـ Component، إذ يمكن تقسيم صفحة الويب إلى مكونات (Component)، مثلاً بمكن اعتبار الـ "Navbar" مكون مستقل والـ "Footer" مكون مستقل وهكذا ..
يمكن إعادة استخدام هذه المكونات بسهولة فائقة دون الحاجة لبنائها مرة أخرى في كل مرة.
❤3🔥1👏1
✳️ مـاذا تعرف عن Node.js ؟
هي مكتبة يتم استخدامها للبرمجة من جانب الخادم، ويتم نشرها بشكل أساسي للخوادم غير المحجوبة التي تعتمد على الأحداث، مثل مواقع الويب التقليدية وخدمات واجهة برمجة التطبيقات الخلفية.
لكن ما هي فكرة استخدامه، ولماذا نستخدمه؟
تم تصميم Node.js لبناء تطبيقات شبكة قابلة للتطوير، Node.js هي بيئة تشغيل JavaScript مفتوحة المصدر ومتعددة المنصات و تعتبر back-end، تعمل على محرك v8 وتنفذ كود جافا سكريبت خارج متصفح الويب.
🔘 الميزات التي يقدمها :
- غير متزامن ويحركها الحدث (asyncronous and event-driven).
- سريع جدا.
- خلفية متعددة الخيوط (multi-threaded background)
- لا يوجد تخزين مؤقت.
- عابر منصة (cross-platform).
- كائنية التوجه.
- مفتوح المصدر.
هي مكتبة يتم استخدامها للبرمجة من جانب الخادم، ويتم نشرها بشكل أساسي للخوادم غير المحجوبة التي تعتمد على الأحداث، مثل مواقع الويب التقليدية وخدمات واجهة برمجة التطبيقات الخلفية.
لكن ما هي فكرة استخدامه، ولماذا نستخدمه؟
تم تصميم Node.js لبناء تطبيقات شبكة قابلة للتطوير، Node.js هي بيئة تشغيل JavaScript مفتوحة المصدر ومتعددة المنصات و تعتبر back-end، تعمل على محرك v8 وتنفذ كود جافا سكريبت خارج متصفح الويب.
🔘 الميزات التي يقدمها :
- غير متزامن ويحركها الحدث (asyncronous and event-driven).
- سريع جدا.
- خلفية متعددة الخيوط (multi-threaded background)
- لا يوجد تخزين مؤقت.
- عابر منصة (cross-platform).
- كائنية التوجه.
- مفتوح المصدر.
🔥6👍1👏1
مهارة حل المشكلات (Problem Solving) من أهم المهارات اللي لازم تكون عند أي مبرمج.
دي بعض المواقع اللي هتساعدك في تنمية مهارة حل المشكلات ... Problem Solving
Coding Challenge Platforms 🔥
→ leetcode.com
→ codewars.com
→ topcoder.com
→ codingame.com
→ hackerrank.com
→ projecteuler.net
→ coderbyte.com
→ codechef.com
→ exercism.io
→ spoj.com
→ atcoder.jp
→ hackerearth.com
→ interviewbit.com
→ codesignal.co
دي بعض المواقع اللي هتساعدك في تنمية مهارة حل المشكلات ... Problem Solving
Coding Challenge Platforms 🔥
→ leetcode.com
→ codewars.com
→ topcoder.com
→ codingame.com
→ hackerrank.com
→ projecteuler.net
→ coderbyte.com
→ codechef.com
→ exercism.io
→ spoj.com
→ atcoder.jp
→ hackerearth.com
→ interviewbit.com
→ codesignal.co
❤6🔥2
تكتب كود بلغة برمجة معينة وتبي تحوله لأي لغة ثانيه ؟
هذا الموقع يحول لك اي كود من لغة إلى اخرى باستخدام الذكاء الاصطناعي 🔥
يدعم الكثير من اللغات منها
java / kotlin /dart /swift / javascript
وغيرها من اللغات💻
ConvertCode Ai
https://www.codeconvert.ai
هذا الموقع يحول لك اي كود من لغة إلى اخرى باستخدام الذكاء الاصطناعي 🔥
يدعم الكثير من اللغات منها
java / kotlin /dart /swift / javascript
وغيرها من اللغات💻
ConvertCode Ai
https://www.codeconvert.ai
www.codeconvert.ai
CodeConvert AI - Convert code with a click of a button
Convert code from one programming language to another in just a click of a button.
🔥7👍1
جديد مسارات منصة سطر
1- مسار علم البيانات والذكاء الاصطناعي: لتطوير خبرتك بمجالات علم البيانات وكيفية التعامل معها.
2- مسار الطالب: لتعزيز فهمك للمناهج الجامعية بمجالات علوم الحاسب.
ابدأ الآن عن بعد ومجاناً
https://satr.codes/list/path
1- مسار علم البيانات والذكاء الاصطناعي: لتطوير خبرتك بمجالات علم البيانات وكيفية التعامل معها.
2- مسار الطالب: لتعزيز فهمك للمناهج الجامعية بمجالات علوم الحاسب.
ابدأ الآن عن بعد ومجاناً
https://satr.codes/list/path
satr.tuwaiq.edu.sa
منصة سطر التعليمية | الرئيسية
منصة تعليمية لأكاديمية طويق
❤2🔥2
🔥2👍1
✅هذا موقع رهيب يوفر لك عزيزي المبرمج او المطور أشكال مختلفة ب CSS
والتي تسمح لك بأستخدام خاصية border-radius وتسمح لك بتنفيذها بكل اعمالك.
https://9elements.github.io/fancy-border-radius
والتي تسمح لك بأستخدام خاصية border-radius وتسمح لك بتنفيذها بكل اعمالك.
https://9elements.github.io/fancy-border-radius
9elements.github.io
Fancy Border Radius Generator
Generator to build organic shapes with CSS3 border-radius
🔥5👍1
تكتب كود بلغة برمجة معينة وتبي تحوله لأي لغة ثانيه ؟
هذا الموقع يحول لك اي كود من لغة إلى اخرى باستخدام الذكاء الاصطناعي 🔥
يدعم الكثير من اللغات منها
java / kotlin /dart /swift / javascript
وغيرها من اللغات💻
ConvertCode Ai
https://www.codeconvert.ai
هذا الموقع يحول لك اي كود من لغة إلى اخرى باستخدام الذكاء الاصطناعي 🔥
يدعم الكثير من اللغات منها
java / kotlin /dart /swift / javascript
وغيرها من اللغات💻
ConvertCode Ai
https://www.codeconvert.ai
www.codeconvert.ai
CodeConvert AI - Convert code with a click of a button
Convert code from one programming language to another in just a click of a button.
🔥5👍1
كورس سي شارب من الصفر إلى الإحتراف 🔥🔥
https://youtube.com/playlist?list=PLhiFu-f80eo-tcwk0nYsehyPErEhw9scm&si=e6cjzdnOsf-POUMQ
https://youtube.com/playlist?list=PLhiFu-f80eo-tcwk0nYsehyPErEhw9scm&si=e6cjzdnOsf-POUMQ
🔥6👍1
10 أسئلة برمجية مبسطة بلغة بايثون:
1. اكتب برنامجًا لطباعة الأرقام من 1 إلى 10.
2. اكتب برنامجًا لحساب مجموع الأرقام من 1 إلى 10.
3. اكتب برنامجًا لطباعة الأرقام الزوجية من 1 إلى 100.
4. اكتب برنامجًا لحساب عدد الأعداد الفردية من 1 إلى 100.
5. اكتب برنامجًا لطباعة الأرقام من 1 إلى 100، مع تجاهل الأرقام الفردية.
6. اكتب برنامجًا لطباعة الأرقام من 1 إلى 100، مع تجاهل الأرقام الزوجية.
7. اكتب برنامجًا لطباعة الأرقام من 1 إلى 100، مع طباعة كل رقم مرتين.
8. اكتب برنامجًا لطباعة الأرقام من 1 إلى 100، مع طباعة كل رقم في سطر جديد.
9. اكتب برنامجًا لطباعة الأرقام من 1 إلى 100، مع طباعة كل رقم في عمود جديد.
10. اكتب برنامجًا لطباعة الأرقام من 1 إلى 100، مع طباعة كل رقم في مربع جديد.
إليك بعض الإجابات لهذه الأسئلة:
السؤال 1:
السؤال 2:
السؤال 3:
السؤال 4:
السؤال 5:
السؤال 6:
السؤال 7:
السؤال 8:
السؤال 9:
السؤال 10:
1. اكتب برنامجًا لطباعة الأرقام من 1 إلى 10.
2. اكتب برنامجًا لحساب مجموع الأرقام من 1 إلى 10.
3. اكتب برنامجًا لطباعة الأرقام الزوجية من 1 إلى 100.
4. اكتب برنامجًا لحساب عدد الأعداد الفردية من 1 إلى 100.
5. اكتب برنامجًا لطباعة الأرقام من 1 إلى 100، مع تجاهل الأرقام الفردية.
6. اكتب برنامجًا لطباعة الأرقام من 1 إلى 100، مع تجاهل الأرقام الزوجية.
7. اكتب برنامجًا لطباعة الأرقام من 1 إلى 100، مع طباعة كل رقم مرتين.
8. اكتب برنامجًا لطباعة الأرقام من 1 إلى 100، مع طباعة كل رقم في سطر جديد.
9. اكتب برنامجًا لطباعة الأرقام من 1 إلى 100، مع طباعة كل رقم في عمود جديد.
10. اكتب برنامجًا لطباعة الأرقام من 1 إلى 100، مع طباعة كل رقم في مربع جديد.
إليك بعض الإجابات لهذه الأسئلة:
السؤال 1:
for i in range(1, 11):
print(i)
السؤال 2:
total = 0
for i in range(1, 11):
total += i
print(total)
السؤال 3:
for i in range(2, 101, 2):
print(i)
السؤال 4:
count = 0
for i in range(1, 101):
if i % 2 == 1:
count += 1
print(count)
السؤال 5:
for i in range(1, 101):
if i % 2 == 0:
continue
print(i)
السؤال 6:
for i in range(1, 101):
if i % 2 == 1:
print(i)
السؤال 7:
for i in range(1, 101):
print(i, i)
السؤال 8:
for i in range(1, 101):
print(i)
السؤال 9:
for i in range(1, 101):
print(i, end=" ")
السؤال 10:
for i in range(1, 101):
print(i, end="\n")
❤5👍3🔥3🥰3
أفضل 10 لغات برمجة يطلبها سوق العمل الحالي👨🏻💻👇
_ لغة SQL
_لغة سي C
_لغة PHP
_لغة روبي Ruby
_لغة الجافا JAVA
_ لغة سي شارب C
_لغة Objective_C
_لغة البايثون Python
_لغة سي بلس بلس C++
_ لغة الجافا سكريبت JavaScript
_ لغة SQL
_لغة سي C
_لغة PHP
_لغة روبي Ruby
_لغة الجافا JAVA
_ لغة سي شارب C
_لغة Objective_C
_لغة البايثون Python
_لغة سي بلس بلس C++
_ لغة الجافا سكريبت JavaScript
❤18👍1
مواقع مقدرش استغنى عنها
✔️ https://www.photopea.com/
▪️الموقع ده هيساعدك انك تعدل علي الصور اللي بتستخدمها.
✔️ https://9elements.github.io/fancy-border-radius/
▪️الموقع ده هيساعك انك تعدل شكل الdiv وتغير من زواياه
✔️ https://bulkresizephotos.com/en
▪️الموقع ده هيساعدك انك تضغط الصور وتقلل حجم الصور
✔️ https://pagespeed.web.dev/
▪️الموقع ده بيقيس سرعة الموقع
✔️ 📸 ألق نظرة على هذا المنشور على فيسبوك https://www.shapedivider.app/?
▪️هيساعدك ف تغيير شكل الصور
___☘️🌸__
✔️ https://www.photopea.com/
▪️الموقع ده هيساعدك انك تعدل علي الصور اللي بتستخدمها.
✔️ https://9elements.github.io/fancy-border-radius/
▪️الموقع ده هيساعك انك تعدل شكل الdiv وتغير من زواياه
✔️ https://bulkresizephotos.com/en
▪️الموقع ده هيساعدك انك تضغط الصور وتقلل حجم الصور
✔️ https://pagespeed.web.dev/
▪️الموقع ده بيقيس سرعة الموقع
✔️ 📸 ألق نظرة على هذا المنشور على فيسبوك https://www.shapedivider.app/?
▪️هيساعدك ف تغيير شكل الصور
___☘️🌸__
Photopea
Photopea | Online Photo Editor
Photopea Online Photo Editor lets you edit photos, apply effects, filters, add text, crop or resize pictures. Do Online Photo Editing in your browser for free!
🔥5👍1
كورس لارافيل 10 من الصفر إلى الاحتراف🔥🔥
https://youtu.be/v6Vtn84gvzU?si=kpLldjZ5PTgLT4Zj
https://youtu.be/v6Vtn84gvzU?si=kpLldjZ5PTgLT4Zj
YouTube
كورس لارافل - PHP Laravel | قواعد البيانات | migrations | auth token | request response | API
كورس لارافل - PHP Laravel | قواعد البيانات | migrations | auth token | request response | API
========================
🔵 للانضمام لمجتمع ترميز في التيليجرام:
https://t.me/tarmeezCommunity
==========================
🟢 و للاستفسارات البرمجية الأخرى، يمكنك…
========================
🔵 للانضمام لمجتمع ترميز في التيليجرام:
https://t.me/tarmeezCommunity
==========================
🟢 و للاستفسارات البرمجية الأخرى، يمكنك…
🔥4❤1
افضل 5 مـواقـع مفيدة للـمـبـرمـجـيـن 😍
🔵 في هذا المنشور سنتعرف على 5 مواقع يستخدمها المبرمجون بشكل يومي وستساعدك كثيراً.
1️⃣ مـوقـع GitHub
🔹يُعتبر من أهم المواقع، لأنه من أكبر الشبكات لمشاركة المشاريع البرمجية والأكواد.
2️⃣ مـوقـع Stack Overflow
🔸إذا واجهت مشكلة أثناء كتابة كود معين، كل ما عليك فعله هو الدخول لهذا الموقع وكتابة سؤالك وسوف يأتيك الرد من مبرمجين محترفين.
3️⃣ مـوقـع Site Point
🔹يُقدم للمبرمجين دورات ومقالات وكتب تشمل الكثير من لغات البرمجة، ويتم تحديثها بشكل يومي.
4️⃣ مـوقـع Code Chef
🔸إذا كنت تريد اختبار مهاراتك ومستواك في البرمجة، ادخل لهذا الموقع لأنه يقوم بعمل مسابقات على مستوى العالم في البرمجة.
5️⃣ مـوقـع Reddit
🔹موقع مشهور جداً يحتوي على مجتمعات تناقش أمور مفيدة في مجالات مختلفة، من ضمنها البرمجة.
🔵 في هذا المنشور سنتعرف على 5 مواقع يستخدمها المبرمجون بشكل يومي وستساعدك كثيراً.
1️⃣ مـوقـع GitHub
🔹يُعتبر من أهم المواقع، لأنه من أكبر الشبكات لمشاركة المشاريع البرمجية والأكواد.
2️⃣ مـوقـع Stack Overflow
🔸إذا واجهت مشكلة أثناء كتابة كود معين، كل ما عليك فعله هو الدخول لهذا الموقع وكتابة سؤالك وسوف يأتيك الرد من مبرمجين محترفين.
3️⃣ مـوقـع Site Point
🔹يُقدم للمبرمجين دورات ومقالات وكتب تشمل الكثير من لغات البرمجة، ويتم تحديثها بشكل يومي.
4️⃣ مـوقـع Code Chef
🔸إذا كنت تريد اختبار مهاراتك ومستواك في البرمجة، ادخل لهذا الموقع لأنه يقوم بعمل مسابقات على مستوى العالم في البرمجة.
5️⃣ مـوقـع Reddit
🔹موقع مشهور جداً يحتوي على مجتمعات تناقش أمور مفيدة في مجالات مختلفة، من ضمنها البرمجة.
🔥5❤1👍1
تريد أن تصبح مبرمجا محترفا؟
تجنب إذًا الوقوع في الأخطاء التالية:
1⃣ الخوف من البداية: قد يكون تعلم البرمجة صعبا في البداية، ولكن ستعتاد الأمر مع الاستمرار والمثابرة.
2⃣ الاعتماد على النسخ واللصق: تجنب الاعتماد على النسخ واللصق دون فهم ما يحدث في الكود.
3⃣ عدم القراءة بشكل كافٍ: اقرأ المزيد عن البرمجة وتعلم من الأخطاء الشائعة والأفكار الجديدة.
4⃣ الكتابة بشكل فوضوي: حاول استخدام تنسيق مناسب وترتيب الكود؛ ليسهل قراءته وفهمه.
5⃣ عدم استخدام التعليقات: كتابة تعليقات واضحة ومفصلة للكود، يساعدك والآخرين على فهمه وتعديله في المستقبل.
6⃣ عدم العمل على مشاريع عملية: حاول العمل على مشاريع عملية وتطبيق ما تعلمته في مشاريع حقيقية.
7⃣ عدم البحث عن المصادر الصحيحة: ابحث عن مصادر تعليمية جيدة وموثوقة لتعلم البرمجة.
8⃣ الاستمرار في تعلم لغة واحدة فقط: تعلم لغات برمجة مختلفة لتزيد مهاراتك البرمجية.
9⃣ الاستمرار في الخطأ نفسه: عندما ترتكب خطأً في الكود، استفد منه وتأكد من عدم تكراره في المستقبل.
🔟الاستسلام للإحباط: تطوير مهارات البرمجة يستغرق الوقت والجهد المستمر. استمر في التعلم وتحسين نفسك كمبرمج.
تجنب إذًا الوقوع في الأخطاء التالية:
1⃣ الخوف من البداية: قد يكون تعلم البرمجة صعبا في البداية، ولكن ستعتاد الأمر مع الاستمرار والمثابرة.
2⃣ الاعتماد على النسخ واللصق: تجنب الاعتماد على النسخ واللصق دون فهم ما يحدث في الكود.
3⃣ عدم القراءة بشكل كافٍ: اقرأ المزيد عن البرمجة وتعلم من الأخطاء الشائعة والأفكار الجديدة.
4⃣ الكتابة بشكل فوضوي: حاول استخدام تنسيق مناسب وترتيب الكود؛ ليسهل قراءته وفهمه.
5⃣ عدم استخدام التعليقات: كتابة تعليقات واضحة ومفصلة للكود، يساعدك والآخرين على فهمه وتعديله في المستقبل.
6⃣ عدم العمل على مشاريع عملية: حاول العمل على مشاريع عملية وتطبيق ما تعلمته في مشاريع حقيقية.
7⃣ عدم البحث عن المصادر الصحيحة: ابحث عن مصادر تعليمية جيدة وموثوقة لتعلم البرمجة.
8⃣ الاستمرار في تعلم لغة واحدة فقط: تعلم لغات برمجة مختلفة لتزيد مهاراتك البرمجية.
9⃣ الاستمرار في الخطأ نفسه: عندما ترتكب خطأً في الكود، استفد منه وتأكد من عدم تكراره في المستقبل.
🔟الاستسلام للإحباط: تطوير مهارات البرمجة يستغرق الوقت والجهد المستمر. استمر في التعلم وتحسين نفسك كمبرمج.
🔥8❤4👍3