تعلم برمجة المواقع🚀
6.63K subscribers
55 photos
2 videos
19 files
545 links
قناة للبرمجة والمبرمجين ...
تحتوي على مقالات للمبرمجين.
كتب وملفات pdf مجانية للمبرمجين.
نصائح للمبتدئين والمحترفين في البرمجة ...
أفضل الدورات في مجال البرمجة مجانا..
Download Telegram
سلسلة الخوارزميات وحل المشاكل مهمة ل اي مبرمج🔥
https://youtube.com/playlist?list=PL3X--QIIK-OEUIwbQU79V76RHelBUQKiz
5👍4🔥2🥰1
البرمجة محتاجة ذهن صافي ومحتاجة تركيز علشان تقدر تربط كل حاجة ببعضها وإيدك تاخد على التطبيق العملي وعمل مشاريع وعلشان دة يحصل لازم تبعد عن الملهيات وكل حاجة ممكن تسحب دماغك لمكان تاني بعيد عنها ولازم كل يوم يعدي عليك تعرف فيه حاجة جديدة في مجالك لو دة محصلش يبقى بتقضي يومك غلط, كل يوم هتتعلم حاجة جديدة مهما كان مستواك.
--
#نصائح_الزيرو
🔥145👍2👏1
إليك بعض الاختصارات الشائعة في بيئة تطوير Visual Studio Code:

1. Ctrl + P: فتح شريط البحث للتنقل بين الملفات.
2. Ctrl + Shift + N: فتح نافذة جديدة.
3. Ctrl + Shift + P: فتح شريط الأوامر (Command Palette) لتشغيل الأوامر.
4. Ctrl + S: حفظ الملف.
5. Ctrl + /: تبديل تعليق/إلغاء تعليق السطر.
6. Ctrl + Z: التراجع عن الإجراء الأخير.
7. Ctrl + Y: إعادة الإجراء الذي تم التراجع عنه.
8. Ctrl + X: قص النص المحدد.
9. Ctrl + C: نسخ النص المحدد.
10. Ctrl + V: لصق النص من الحافظة.
11. Ctrl + Shift + K: حذف السطر الحالي.
12. Ctrl + Enter: إدراج سطر جديد تحت السطر الحالي.
13. Alt + ↑ / Alt + ↓: نقل السطر أعلى أو أسفل.
14. Ctrl + D: تحديد الكلمة الحالية.
15. Ctrl + F: فتح شريط البحث داخل الملف.
16. Ctrl + H: فتح شريط البحث والاستبدال داخل الملف.
17. Ctrl + Shift + F: البحث في كل الملفات في المشروع.
18. Ctrl + Shift + L: تحديد كل الحالات المتطابقة للكلمة الحالية.
19. Ctrl + Space: استكمال تلقائي (Auto Complete).
20. Ctrl + P, >: التنقل إلى ملف بالاسم.
21. Ctrl + G: الانتقال إلى رقم السطر المحدد.
22. Ctrl + B: فتح/إغلاق شريط الجوانب (Sidebar).

هذه مجرد بعض الاختصارات في Visual Studio Code. يمكنك استخدام هذه الاختصارات لزيادة كفاءتك وسرعة العمل أثناء تطوير التطبيقات.
14👍4🔥3
اذا كنت مبرمج جديد هذا الكلام موجه لك 👇

1- لا تشاهد الشروحات كانها فلم  عليك ان تقوم بالتطبيق ومحاولة تنقيذ نفس ماتراه بالشرح
2- لا تتعلم اكثر من لغة في نفس الوقت عليك اولا ان تقوم باتقان لغة واحده وبعدها يمكنك الانتقال للغة  ثانية
3- عليك باستمرارية ثم الاستمرارية تعلم البرمجة يحتاج وقت كثير واستمرارية في التعلم والانقطاع هو اكبر عدو لك حاول ممارسة كتابة الاكواد البرمجية بشكل يومي
4- انضم لمجموعات ومجتمعات المبرمجين في بعض الاحيان قد تشعر في الملل او انعدام الرغبة لذالك حاول الانضمام الى مجموعات المبرمجين على وسائل التواصل الاجتماعي حتى تحفز نفسك اكثر وتستفيد من بعض المعلومات ايضاً
5- لا تهمل المسائل البرمجية الصعبة بعض الناس يقومون بحل المسائل السهلة فقط ثم يستغربون لماذا لم يتطور مستواهم مع الوقت ولذالك يجب عليك محاول حل  المسائل الصعبة حتى تطور من مهاراتك البرمجية اكثر
13👍3🔥3🥰1
‎افضل المواقع لتعزيز وتطوير نفسك في Front end

‎1. Frontend Mentor
‎⁦ frontendmentor.io

‎2. Codewars
‎⁦ codewars.com

‎3. Codewell
‎⁦ codewell.cc

‎4. JavaScript30
‎⁦ javascript30.com

‎5. Coderbyte
‎⁦ coderbyte.com

‎6. CSS Battle
‎⁦ cssbattle.dev

‎7. FreeCodeCamp
‎⁦ freecodecamp.org/learn/

‎8. Frontend Practice
‎⁦ frontendpractice.com

‎9. CodePen Challenges
‎⁦ codepen.io/challenges/?re…⁩

‎10. Dev Challenges
‎⁦ devchallenges.io
8🔥1
افضل 5 مـواقـع مفيدة للـمـبـرمـجـيـن 😍

🔵 في هذا المنشور سنتعرف على 5 مواقع يستخدمها المبرمجون بشكل يومي وستساعدك كثيراً.

1️⃣ مـوقـع GitHub
🔹يُعتبر من أهم المواقع، لأنه من أكبر الشبكات لمشاركة المشاريع البرمجية والأكواد.

2️⃣ مـوقـع Stack Overflow
🔸إذا واجهت مشكلة أثناء كتابة كود معين، كل ما عليك فعله هو الدخول لهذا الموقع وكتابة سؤالك وسوف يأتيك الرد من مبرمجين محترفين.

3️⃣ مـوقـع Site Point
🔹يُقدم للمبرمجين دورات ومقالات وكتب تشمل الكثير من لغات البرمجة، ويتم تحديثها بشكل يومي.

4️⃣ مـوقـع Code Chef
🔸إذا كنت تريد اختبار مهاراتك ومستواك في البرمجة، ادخل لهذا الموقع لأنه يقوم بعمل مسابقات على مستوى العالم في البرمجة.

5️⃣ مـوقـع Reddit
🔹موقع مشهور جداً يحتوي على مجتمعات تناقش أمور مفيدة في مجالات مختلفة، من ضمنها البرمجة.
🔥53
تعلم كل ماتحتاجه ب  CSS مجانا 🤩🔥

Basic concepts
CSSReference.io

CSS Grid
LearnCSSGrid.com

Flexbox
FlexBoxFroggy.com

CSS Animations
CSSAnimation.rocks

CSS Selectors
Flukeout.github.io

CSS Positioning
learnlayout.com/posit
🔥51👍1
دورة تعلم سي بلس بلس من الصفر للمبتدئين كاملة🔥
https://youtube.com/playlist?list=PL8DDsWuvM_EV9tIIZ_SrwCDnfTUmk_FRw&si=fTCuIUAruqdBlgw7
5👍3🔥2🥰2
‏موقع free frontend
‏يوفر اكواد جاهزه في
‏ html css javascript react ...ect

‏يوفر عليك الوقت و الجهد بشكل كبير جدا 🔥

‏مثلا يمكنك البحث عن تصميم
‏login page
‏و إختيار ال template المناسبه لك.

‏رابط الموقع
‏⁦ freefrontend.com
5🔥4👍3
10 مشاريع Frontend رهيبة للتدريب وتطوير مهارتك.. باستخدام HTML و CSS فقط 👏🏻⚡️


1:: بناء موقع بخلفية فيديو
https://www.youtube.com/watch?v=8MgpE2DTTKA


2:: بناء صفحة هبوط احترافية
https://www.youtube.com/watch?v=X1dz0xRbSJc


3:: بناء صفحة دخول وتسجيل احترافية
https://www.youtube.com/watch?v=cxm5bCCa9OA&t=6s


4:: صفحة هبوط بصورة خلفية بكامل الشاشة
https://www.youtube.com/watch?v=hVdTQWASliE


5:: متجر إلكتروني
https://www.youtube.com/watch?v=yQimoqo0-7g


6:: بناء موقع وكالة إبداعية
https://www.youtube.com/watch?v=lvYnfMOUOJY


7:: بناء موقع زجاجي
https://www.youtube.com/watch?v=O7WbVj5apxU


8:: بناء سكشن فريق العمل بطريقة إبداعية
https://www.youtube.com/watch?v=Q22Tli-D4mw


9:: صفحة هبوط لمنتج واحد
https://www.youtube.com/watch?v=61R5kn_kYwY


10:: صفحة الأسعار أو الباقات
https://www.youtube.com/watch?v=SWyuQMCTxCQ
🔥61👍1
افضل القنوات العربية لتعلم البرمجة


🔹Elzero Web School
https://www.youtube.com/@ElzeroWebSchool
تهدف القناة لتمكين شباب الوطن العربي من تعلم  البرمجة بسلوب جميل  و مواكبة التطور التكنولوجي


🔹Barmej
https://www.youtube.com/@Barmej

برمح.كوم هي منصة تعليمية عربية تهدف إلى إثراء المحتوى العربي لتعلم للغات البرمجة وتنمية مهارات البرمجة للعالم العربي. 


🔹Muhammed Essa
https://www.youtube.com/@MuhammedEssa
القناة يهدف لتعليم جميع لغات البرمجة منها الويب والكومبيوتر واجهزة الهواتف واللوحية وجميع الشهادات الي تخص اللغات والسيرفرات بانواعها


🔹CodeZilla
https://www.youtube.com/@Codezilla
تهدف قناة لتعليم البرمجة باللغة العربية، مقدمة اليكم من خبراء مجال التعليم و البرمجة، مجانا، و تناسب جميع الاعمار


🔹Nour Homsi
https://www.youtube.com/@NourHomsi
تقدّم القناة دروسا في التصميم الاعلاني و تصميم الويب بالاضافة إلى مختلف مجالات التكنولوجيا بدأت هذه القناة من فكرة بسيطة،
🔥64👍1
كورس تعلم فلاتر محدث 2023 من الصفر للاحتراف
https://youtube.com/playlist?list=PL93xoMrxRJIvtIXjAiX15wcyNv-LOWZa9&si=QPGSBN01La_fguUz
🔥72
‏موقع جميل جدا لل Front End Developer مجاني بيقدم :
‏الوان
‏SVG
‏اشكال
‏خلفيات
‏هتحدد اللي عايزه وتاخد الكود نسخ

‏Link : ⁦ fffuel.co
6🔥2👍1
أداة رهيبة تسهل عليك عمل الثيمات Themes والتحكم بالألوان والخصائص لتطبيقات Flutter 👌😍
🎲تقدر من خلال هذا الأداة التحكم بجميع الخصائص للتطبيق مثل الازار , الايقونات وغيرها ومن ثم تصدر التنسيق كملف Dart .
أسم الأداة panache وموجودة على github  👇
https://rxlabz.github.io/panache_web
🔥72👍1
ليه اتعلم لارافيل؟

‏اولا : ايه هو اللارفل
‏ببساطة , لارافل Laravel هو اطار عمل خاص ب لغة php
‏يقدم لارافل بيئة عمل متكاملة لكل ما تحتاجه او قد تحتاجه في اي فترة مستقبلية من حياتك المهنية ,
‏ لارافل Laravel مبني على طريقة MVC الشهيرة التي تفصل ال Model عن View عن Controller , مما يوفر لك بيئة عمل سلسة وسهلة

‏ثانيا ليه اتعلم لارفل ؟
‏1 - لأنه مجاني و مفتوح المصدر :
‏2 - أشهر إطار حاليا مبني على الـ Php و MVC
‏3 - سهولة الإستخدام و التقسيم المثالي
‏4 - العديد من البرمجيات الجانبية المدرجة
‏5 - يجمع بين تقنيات عديدة مختلفة تجسد المبرمج
‏6 - سهولة دمج أي تقنيات أخرى مع لارافيل
‏7 - يمكنك صناعة أي تطبيق ويب من خلاله

‏ثالثا:إحصائيات استخدام لارافل في السوق
‏1- تمتلك لارافل0.32٪ من حصة السوق بين جميع أطر الويب الموجودة اليوم.
‏2- تمتلك لارافل 69.5 ألف نجمة على Github مع 20.3 ألف مشروع مباشر وأكثر من 597 مساهمًا متخصصًا يقومون بتحسين إطار العمل في الوقت الفعلي.
‏3- وفقًا لاستطلاع Stack Overflow Developer ، يفضل 51.4٪ من المستجيبين استخدام لارافل لبناء تطبيقات الويب الخاصة بهم. في الوقت نفسه، تدعي JetBrains أن Laravel تم تصنيفها من بين أكثر ثلاثة أطر PHP شيوعًا حيث يستخدمها نصف مطوري PHP

‏رابعا :ما هي المشاريع التي يمكنك القيام بها عن طريق لارافل؟
‏1- صفحات الويب الثابتة والديناميكية
‏2- تطبيقات الصفحة الواحدة (SPA) والتطبيقات متعددة الصفحات (MPAs)
‏3- مواقع التجارة الإلكترونية على شبكة الإنترنت
‏4- تطبيقات على مستوى المؤسسة
‏5-المنتديات وبوابات الوظائف والأخبار وغيرها
‏6- أنظمة إدارة المحتوى (CMS)
‏7- مواقع التواصل الاجتماعي
‏8- تطبيقات الويب المستندة إلى SaaS – Software as a Service
‏9- تطبيقات الويب لخدمات عرض الفيديوهات والبث
‏10 تطبيقات الويب للتعليم الإلكتروني
‏11- أنظمة إدارة الويب القائمة على تداول الأسهم
‏12- تطبيقات الويب ذات المكافآت وميزات التعرف
‏13- تطبيقات مراقبة أداء مواقع الويب ذاتية الاستضافة

‌‎
👍4🔥41
🔥4
🔥3👍2
تصميم تجربة المستخدم (UX) هو عملية تهدف إلى تحسين تجربة المستخدم أثناء تفاعله مع منتج معين، سواء كان ذلك تطبيقًا، موقع ويب، منتج رقمي، أو خدمة. يهدف تصميم تجربة المستخدم إلى جعل هذا التفاعل سلسًا، فعالًا، ومرضيًا للمستخدم.
عدد الدروس : 33
https://m3rf.me/4z1qN
🔥4
ال React js من أفضل ال libraries اللي انا بحبهم
رغم انه كان في الاول صعب عليا
لكن مع الاستمرار والتطبيق والبحث المستمر
قدرت اوصل لدرجه كويسه فيه
وعلشان متتعبش وتلف وتدور ازاي تتعلمه
هسيبلك شويه كورسات هتفيدك في تعلم ال React

افضل كورسات لتعلم React js

محتوي انجليزي لكن هيعجبك ⬆️⬆️
دا اللي هيظبط الدنيا معاك
https://m.youtube.com/playlist?list=PL4cUxeGkcC9gZD-Tvwfod2gaISzfRiP9d

محتوي عربي قناه codezone رايق 👍
https://m.youtube.com/playlist?list=PLQtNtS-WfRa9LbmD8ON7rWhn-AtKTGdkn

شويه  hooks بطريقه سهله جدا  ✅️✅️
https://m.youtube.com/playlist?list=PLtxOBbrOOPH4ro6EXTNHrIvmoNaOcPAwe

https://m.youtube.com/playlist?list=PLtFbQRDJ11kEjXWZmwkOV-vfXmrEEsuEW

هو طويل شويه لكن كويس جدا ✅️✅️
https://m.youtube.com/playlist?list=PLC3y8-rFHvwgg3vaYJgHGnModB54rxOk3

محتوي عربي سهل وبسيط ✅️✅️
https://m.youtube.com/playlist?list=PLejc1JbD4ZFSaQIFNstRIrbm_fqb12Q59

باللغه العربيه ✅️✅️
https://m.youtube.com/playlist?list=PLyr3gkJ8OBxq2vDxRus1N0XHt7j6mqMkK

دا بلاي ليست لل redux ✅️✅️
https://m.youtube.com/playlist?list=PLtFbQRDJ11kGxwImInU0LvTlDQemcVdIJ

تعلم ال Redux ✅️✅️
https://m.youtube.com/watch?v=w9ghRG9Foiw&feature=youtu.be
5👍2🔥1