تعلم برمجة المواقع🚀
6.64K subscribers
55 photos
2 videos
19 files
545 links
قناة للبرمجة والمبرمجين ...
تحتوي على مقالات للمبرمجين.
كتب وملفات pdf مجانية للمبرمجين.
نصائح للمبتدئين والمحترفين في البرمجة ...
أفضل الدورات في مجال البرمجة مجانا..
Download Telegram
💡 اهتم بتنسيق بروفايلك على GitHub!

كلنا عارفين أهمية GitHub في التوظيف والشغل، وإن بروفايل مرتب ممكن يفرق كتير في فرصك المهنية. 😇

لو مش فاضي تكتب ملف README بنفسك أو مش عارف تبدأ منين، متقلقش! في أداة ممتازة للسحب والإفلات هتسهل عليك الموضوع، وبعدها تقدر تولد الـ README بكل سهولة.

🔗 رابط الأداة:
https://profile-readme-generator.com/

وكمان، لو محتاج شوية تيمبليت جاهزة توفر عليك الوقت، عندك دول: 😍

🔹 https://github.com/durgeshsamariya/awesome-github-profile-readme-templates/tree/master/templates
🔹 https://github.com/kautukkundan/Awesome-Profile-README-templates/tree/master/multimedia

ظبط حسابك وخلّيه يعبر عنك بشكل احترافي! 🚀
🔥2
‏بعض المصادر الممتازة لتعلم Laravel:

‏1- الموقع الرسمي لـ Laravel:
‏يحتوي على توثيق شامل ومفصل لميزات Laravel، وأمثلة واضحة ومحدثة.
‏الرابط: ‌ laravel.com/docs

‏2- Laracasts:
‏منصة مليئة بالدروس التعليمية بالفيديو التي تشرح المفاهيم الأساسية والمتقدمة في Laravel.
‏الرابط: ‌ laracasts.com

‏3- يوتيوب:
‏قنوات تقدم دورات مجانية عن Laravel مثل “Traversy Media” و”Codecourse”.
‏•Traversy Media: ‌ youtube.com/c/TraversyMedia
‏•Codecourse: ‌ youtube.com/c/Codecourse

‏4- Udemy:
‏دورات مدفوعة مثل “PHP with Laravel for Beginners - Become a Master in Laravel”.
‏الرابط: ‌ udemy.com

‏5- موقع Medium:
‏مقالات ومواضيع مميزة عن أفضل الممارسات والمفاهيم الجديدة في Laravel.
‏الرابط: ‌ medium.com

‏6- Laravel News:
‏موقع يحتوي على الأخبار والمقالات والنصائح المفيدة للمطورين الذين يستخدمون Laravel.
‏الرابط: ‌ laravel-news.com

‏7- Stack Overflow:
‏مكان ممتاز لحل المشكلات والحصول على إجابات للأسئلة المتعلقة بـLaravel.
‏الرابط: ‌ stackoverflow.com

‏8- كتب Laravel:
‏•“Laravel: Up & Running” للكاتب Matt Stauffer.
‏•“Laravel Design Patterns and Best Practices”.

‏9- قنوات تيليجرام ومجتمعات على فيسبوك:
‏•انضم لمجتمعات المطورين للحصول على المساعدة والنصائح.

‏نصيحة:

‏ابدأ بالموقع الرسمي ثم استخدم الفيديوهات التعليمية لبناء مشاريع صغيرة، وحاول دائمًا التطبيق العملي!

‏‌ #Laravel⁩ ‌ #تعلم_لارافيل
🔥4👍21
لو لسه جديد في البرمجة أو شغال بقالك فترة، أكيد سمعت عن Git! طيب إيه قصته وليه كل الناس بتعتمد عليه؟ تعال نشرح الموضوع من الصفر بخطوات بسيطة. 🚀💻

في البداية، يعني إيه Version Control؟
بكل بساطة، هو نظام بيحفظ لك كل نسخة من شغلك على الكود. يعني لو عملت خطأ أو احتجت ترجع لتعديل معين، هتلاقي كل حاجة محفوظة وموجودة. 🔄📝

طيب ليه Git بالذات؟
لأنه أشهر أداة في مجال Version Control. مجاني ومفتوح المصدر، وكمان بيسمح لك تعمل Branches بحيث تجرب أفكار جديدة من غير ما تأثر على النسخة الأساسية من الكود. بيسجل كل حاجة وبيسهل التعاون مع فريقك بدون ما يحصل تضارب في الملفات. 💡👥

طيب إزاي تبدأ؟
خلينا نوضحها بخطوات عملية:

1- تنزيل Git: أول حاجة لازم تنزل Git على جهازك من هنا:
https://lnkd.in/d9CH6sAv

2- إعداد المشروع: افتح الـ terminal أو cmd واكتب:
git init
كده بتطلب من Git يتابع مشروعك. 👀

3- متابعة الملفات: لما تعدل في الأكواد، استخدم:
git add .
النقطة هنا معناها “كل الملفات”. لو عايز تضيف ملف معين، استبدل النقطة باسم الملف. 📂

4- حفظ التعديلات (Commit): لما تتأكد إن كل حاجة تمام، احفظ التعديلات كده:
git commit -m "first commit"
الكومنت ده مهم عشان تعرف إيه اللي اتغير. 📝

5- رفع المشروع (Push): ارفع الكود على GitHub عشان تحفظ شغلك أو تشتغل مع الفريق:
git push origin main 🌐🚀

مصطلحات لازم تعرفها:
Repository: المكان اللي Git بيخزن فيه كل التغييرات اللي بتحصل في المشروع. 🗂️
Branch: نسخة مستقلة تقدر تجرب فيها أفكار جديدة بدون التأثير على النسخة الأصلية. 🌱
Merge: دمج التعديلات من فرع فرعي للفرع الأساسي. 🔗
Pull Request: طلب مراجعة التعديلات قبل دمجها مع الكود الأساسي. 👀🔍

مع الوقت، هتتعلم حاجات متقدمة زي:
حل التضارب (Conflict Resolution): لما يحصل تعديلين متعارضين، هتحتاج تحل المشكلة يدويًا. 🛠️
Rebase: طريقة أنيقة لدمج الفروع بتنظيم التاريخ.
Git Workflows: طرق مختلفة لتنظيم العمل مع فريقك زي Gitflow أو Feature Branch. ⚙️🔄

الخلاصة:
سواء كنت مبتدئ أو عندك خبرة، Git هيساعدك تنظم شغلك، ترجع لأي نقطة في الكود، وتشتغل مع فريقك من غير مشاكل. هتبدأ بالأساسيات زي Add و Commit، وبعدها تتعمق في الأدوات المتقدمة زي Rebase وتنظيم الفروع بشكل أفضل. 🎯💪
🔥53👍2
‏ازاي تبقي محترف في CSS؟ 🌐

‏1- ابدأ بالأساسيات:
‏- اتعلم الـ Box Model، أنواع الخصائص المختلفة، وازاي تستخدم الفئات والأيديهات بشكل صحيح. 📦

‏2- فهم الـ Layout:
‏- افهم Flexbox و CSS Grid بعمق، دي أدوات هتسهل عليك تصميمات متقدمة. 🏗️

‏3- استخدم متغيرات CSS:
‏- المتغيرات هتساعدك في تنظيم الكود وتقليل التكرار. ♻️

‏4- التمرين العملي:
‏- حاول تنسخ تصميمات من Dribbble أو Behance للتمرن وتحسين مهاراتك. 🎨

‏5- استكشاف الـ Pseudo-classes & Elements:
‏- زي :hover, :nth-child, و ::before, ::after، عشان تضيف ديناميكية للتصميم. 🎯

‏6- التجاوب (Responsiveness):
‏- اتعلم ازاي تعمل تصميمات متجاوبة باستخدام الـ media queries. 📱

‏7- جرب Preprocessors:
‏- زي SASS أو LESS عشان تكتب CSS بشكل أكتر كفاءة. 🛠️

‏8- تحسين الأداء:
‏- اتجنب الكود الغير ضروري واتباع أفضل الممارسات. 🚀

‏9- تابع التطورات الجديدة:
‏- ابقى مطّلع على أحدث خصائص CSS. 📰

‏10- التحديات:
‏- اشترك في تحديات زي Frontend Mentor أو CSS Battle. 🏆
🥰7👍32
أهم اختصارات VS Code اللي هتوفر عليك وقت وجهد كبير! 🚀🔥
8👍1
من أفضل التقنيات المطلوبة في سوق العمل دورة شاملة لتعلم مكتبة رياكت من تحت الصفر إلى الاحتراف 🔥🔥

https://youtube.com/playlist?list=PLpr1Lg_f0v3ojNKR4WzZ_SEXhiKBHDQmB&si=xvO008Gn5fz2xQA1
🔥5
لو عايز تطور مهاراتك في حل مسائل البرمجة (Problem Solving) وتستعد لمقابلات العمل أو المسابقات البرمجية، دي أفضل المواقع اللي لازم تزورها:

1- Codewars ⚔️
منصة مليانة تحديات برمجية بمستويات متنوعة، مناسبة للتدريب اليومي.
رابط: codewars.com

2- LeetCode 💡
أفضل خيار للتدريب على مقابلات العمل في شركات زي Google و Facebook.
رابط: leetcode.com

3- HackerRank 🧑‍💻
موقع ممتاز للمبتدئين يغطي مفاهيم البرمجة بشكل تدريجي وممتع.
رابط: hackerrank.com

4- TopCoder 🏆
وجهتك الأولى للمسابقات البرمجية العالمية مع مجتمع قوي ومنافسات قوية.
رابط: topcoder.com

5- Coderbyte 🎯
منصة مثالية لتحسين مهاراتك في حل المشكلات البرمجية.
رابط: coderbyte.com

6- Codeforces 🚀
الأشهر في المسابقات البرمجية الحية، مثالي للمحترفين والمبدعين في البرمجة.
رابط: codeforces.com

ابدأ التحدي دلوقتي، واختر الموقع المناسب لمستواك وطموحك! 💪
3👍1🔥1
من أكتر التحديات اللي بتواجه أي حد بيبدأ في تعلم الفرونت إند هي البحث عن الـ API المناسب للمشروع. والموضوع ده ممكن يضيع وقت كبير جدًا!

‏علشان كده، لازم أشارك معاكم واحد من أفضل المواقع اللي اكتشفتها، وهو بمثابة كنز لأي مطور فرونت إند. الموقع ده بيجمع كل الـ APIs اللي ممكن تحتاجها لأي فكرة مشروع تخطر في بالك.

‏لو بتفكر تعمل أي مشروع، سواء كان بسيط أو معقد، الموقع ده هو وجهتك الأولى
‏جربوه، وهتشوفوا الفرق بنفسكم!


‏رابط الموقع :

‏⁦ rapidapi.com
🔥41
📌 مواقع مساعدة

🔸 موقع Animista بيقدم أداة رائعة جداً للمطورين بتساعدك في عمل انميشن مميز للعناصر الموجودة في مشروعك.

🔸 بعد اختيار وضبط الانميشن بتقدر تنسخ كود CSS وتأخذه لمشروعك بكل سهولة.

🔹 رابط الموقع:
https://animista.net/play/basic
🔥1
🚨 لو بتتعلم CSS أو عايز تفهمها بطريقة ممتعة وجديدة، يبقى ده ليك! 🚨

تخيّل لعبة بتطلب منك “اختار الطبق الصح” باستخدام CSS Selectors!
موقع ممتع يعلمك الأساسيات بخطوات بسيطة وتحديات مسلية.

جاهز تكسب كل الجولات؟
📌 الرابط: https://flukeout.github.io/
1