عبدالباسط ابراهيم

يظهر لك ذلك الخطأ لأنك قمت بإنشاء مستودع على github يحتوي على ملفات غير موجودة في المشروع الذي تحاول رفعه مثل ملف readme لذلك قم بالتالي كتابة الأمر التالي git pull origin main لجلب الملفات المختلفة ثم قم بعمل git push origin main مرة أخرى

ليس هناك وجه مقارنة بين ال VueJs / AngularJs / ReactJs تقنيات خاصة بال front-end و الPHP / LARAVEL / WORDPRESS خاصة بال back-end لذلك إذا أردت التخصص واحتراف ال front-end قم بدراسة أي من react/vue/angular حتى تزيد فرص عملك فتعتبر هذه ال framework حالياً من أساسيات الويب أما إذا أردت التخصص في ال back-end يمكنك تخطي هذه التقنيات وتعلم php مباشرة

أولاً تسمى framework وليست لغات برمجية و تستطيع بإستخدام هذه ال frameworks بناء مواقع تسمي single page application ولكن ما هي هذه ال app هي مواقع تقوم بتحميل الموقع مرة واحدة وعند زيارة صفحة أخرى من الموقع يقوم بتحميلها بدون إعادة تحميل للصفحة التي تريدها أي يعتبر صفحة واحدة مثال على هذه المواقع Facebook أو gmail مما يعطيك سرعة عالية للموقع وبالطبع هناك مميزات كثيرة لل spa يمكنك البحث عنها وأيضاً هناك عيوب لهذا النوع من المواقع منها قلة الكفاءة للعمل مع ال seo وأيضاً تعتمد بشكل كبير على ال JavaScript فعندما يقوم المستخدم بتعطيل ال JavaScript في المتصفح لا يعمل موقعك بشكل جيد

لحعل حجم الصورة متطابق مع العنصر الأب أو الحاوية يمكنك بكل سهولة إعطاء خاصية .img-container{ /* العنصر الأب للصورة*/ width: 100px; height: 100px; } img{ width: 100%; height: 100%; } بالنسبة لل 100% فهي تعني القيمة الكلية للعنصر الأب فلتغيير حجم الصورة يمكنك الأن تغيير حجم العنصر الأب فقط وتبعاً لذلك يتغير حجم الصورة أما بالنسبة للإرتفاع يفضل عدم تحديده لثبات الصورة علي ال ratio المناسب للصورة

توجد عدة طرق لتوسيط العناصر أولاً بإستخدام ال flexbox تقوم .a{ display: flex; justify-content: center; /* للتوسيط أفقياً */ align-items: center; /* للتوسيط رأسياً */ } بإستخدام ال position .a{ position: relative; } .b{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) } أما إذا كان العنصر الذي تريد توسيطه inline تقوم بإعطاء العنصر الأب text-align: center فقط

يمكن لعوامل كثيرة التأثير على سرعة الموقع منها قبل كل شئ إختيار إستضافة جيدة يعتبر الجزء الأكبر و الأكثر تأثيراً هي الصور أو الفيديوهات أو الميديا عموماً حيث تعتبر هذه الملفات كبيرة الحجم فإذا كان موقعك يحتوي على عدد كبير من الصور فتوجد عدة طرق لتقليل ذلك منها إستخدام ال responsive Image و إستخدام صيغة ال webp للصور و إستخدام ال lazy loading تقليل عدد ال http requests عن طريق تقليل عدد الملفات المستخدمة فمثلاً بإستخدام ال module bundler يمكنك دمج عدة ملفات في ملف واحد حذف الأكواد غير المستخدمة فمثلاً بدلاً من إستدعاء مكتبة مثل ال bootstrap كاملة يمكنك إستدعاء الجزء الذي تستعمله إستخدام تقنية ال caching تقليل عدد ال reflow and repaint عند إستخدام ال javascript الحلول التي ذكرتها بالأعلى قد تحتوي على أساليب وتقنيات متقدمة فيمكنك البحث عن الجزئية التي لم تفهمها وإذا قمت بدراسة هذه الأساليب ستنقل مهاراتك لمستوي إحترافي

بالتأكيد التعليم الجامعة مفيد جداً ويبني أساس جيد ولكن لابد من التعمق ومتابعة التحديثات في المجال الخاص بك وأي مجال عموماً لذلك من الأفضل المتابعة والتعمق في أكثر مجال تحبيه بجانب التعليم الجامعي وعدم الإعتماد الكلي على التعليم الجامعي بحيث عند التخرج يصبح لي مجموعة من المشاريع تميزكي وتميز ال cv الخاص بك عن الخريجين ويمكنكي أيضاً التقدم لعمل بخبرة سنة أو إثنين نتيجة المشاريع التي قمتي بتنفيذها لذلك يمكن تلخيص السابق في تحديد فرع من علوم الحاسوب والتعمق فيه تنفيذ العديد من المشاريع من الممكن التقدم لعمل جزئي بجانب الجامعة لإكتساب خبرة ستفيدك كثيراً عند التخرج

يستخدم الوسم الفارغ <> </> إختصاراً ل fragment الخاصية التي تمكنك من إضافة أكثر من عنصر بدون الحاجة لوضعهم بداخل عنصر واحد كالتالي render() { return ( <React.Fragment> <header /> <main /> <footer /> </React.Fragment> ); } //إختصاراً سنقوم بكتابة التالي render() { return ( <> <header /> <main /> <footer /> </> ); } بينما إذا أردت تطبيق الكود بالأعلى بدون <> </> سيظهر لك خطأ وستضطر لوضع ال header وال main و ال footer بداخل عنصر واحد كالتالي render() { return ( <div> <header /> <main /> <footer /> </div> ); }

يستخدم ال multithreading في العديد من البرامج والتطبيقات حيث يساعد في تحسين الأداء بشكل كبير وتنفيذ العديد من المهام في وقت واحد بدون إعتماد أو تأثير بعض المهام على المهام الأخرى وأمثلة على ذلك المتصفح الذي تستخدمه يمكنك القيام فتح وإستعمال العديد من ال taps في وقت واحد دون تأثير أي tap على الأخرى مثال آخر برنامج word حيث عند كتابة أي جملة يتم تنفيذ عدة مهام بالتوازي مثل الكتابة وتصحيح الأخطاء النحوية والإملائية كل هذه المهام تتم بالتوازي يمكنك تطبيق مفهوم ال multithreading بإستخدام العديد من اللغات البرمجية مثل c# - java - php - go

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

إذا لم يكن هناك أي خبرة سابقة عن البرمجة يفضل دراسة أساسيات البرمجة و أساسيات علوم الحاسوب حتي يسهل عليك دراسة أي لغة برمجة حيث. أن أساسيات البرمجة ثابتة تقريبا في معظم اللغات ثم الخطوة القادمة هي تحديد المجال الذي تريد دراسته هناك مجالات عديدة ولكن هناك مجالات مثل برمجة الويب بناء تطبيقات أندرويد بناء تطبيقات ios بناء تطبيقات desktop تعتبر المجالات السابقة جيدة حيث تكون سهلة نسبياً كبداية ويمكنك العمل بها سريعاً نسبياً عن المجالات الأخرى ويمكنك أن تجد الدورات المناسبة لك في الأكاديمية هنا ويفضل أن تبدأ بدورة مثل دورة علوم الحاسوب الموجودة هنا حيث تعتبر مدخل ممتاز لتعلم الأساسيات

إذا كنت تقصدين تصميم الواجهات فقط بدون تكويد التصميم و تحويله التصميم إلى صفحات ويب أي وظيفة ال ( ui/ux ) إذا لا تحتاجين إلى تعلم ال css أما إذا كنت تقصدين مطور الواجهات الأمامية وهو الشخص الذي يقوم بتحويل التصميم إلى صفحات ويب بالطبع يجب تعلم ال css ولا يكفي إستخدام خدمات تقدم تصاميم جاهزة إذا كنت تريدين التخصص في تطوير الواجهات الأمامية ولتعلم اتطوير الواجهات الأمامية يجب تعلم المهارات الأساسية: الأساسيات: HTML ،CSS ،JavaScript HTML و CSS هما لغات ترميزية يستخدمها المصممون لإنشاء أجزاء من صفحة الويب وأنماطهم البصرية. إنها الأساسيات وراء كل موقع ويب – تستخدم متصفحات الويب كود HTML و CSS لتحديد ما يراه المستخدمون عند تصفحهم لموقع الويب. أخيراً، لدينا JavaScript – لغة برمجة تستخدم للتحكم ديناميكياً في المحتوى على صفحة الويب. يتيح لك JavaScript جعل المواقع تفاعلية – يتم تشغيل جميع تطبيقات الويب والخرائط التفاعلية وصور التمرير والفيديو الديناميكياً بواسطة JavaScript. جافا سكريبت هي لغة برمجة ضخمة مع إمكانيات شبه محدودة، ولكن يجب على المطورين المبتدئين التركيز على تعلم الأساسيات – أشياء مثل بناء الكود، وكيفية عمل المتغيرات، والبيانات الشرطية، والوظائف.

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

ليست سيئة ابدًا ولكن إن كان بإمكانك زيادة سعة الرام سيزيد ذلك بالطبع من سرعة الجهاز لديك وإن كان لديك القدرة لإضافة ssd ويسمح الجهاز بإضافة ssd ستتغير سرعة الجهاز بفرق كبير جداً

بالطبع يمكنك ولكن هذه النسخة من ال windows موجهه للشركات حيث تكون قليلة التحديثات و تفتقر إلى بعض الأدوات والبرامج وتكون مساحتها قليلة لتعمل مع الأجهزة الضعيفة ولكن نصيحة قم بتثبيت النسخة ال pro بدلاً منها وإن لم تعمل جيداً قم بإستعمال linux هل يمكنك كتابة إمكانيات الجهاز الخاص بك؟

مجال ال front-end لا يحتاج جهاز بإمكانيات عالية ويمكنك العمل بإمكانيات أقل من متوسطة بالطبع لن يكون أفضل أداء وبالنسبة لبرنامج vs code يعمل جيداً بإقل الإمكانيات برنامج Google chrome يحتاج إلى زيادة مساحة الرام فمثلًا 8 جيجا تبدو جيدة جدًا وإذا كان أداء الجهاز بطئ بعض الشئ يمكنك تثبيت نسخة Linux بدلًا من windows حيث لا يستهلك Linux الكثير من الموارد وسيعمل الجهاز بشكل جيد عن ال windows

لن تجد دورة تكون كاملة ومخصصة لتعليمك كل شئ حول الفوتوشوب وذلك طبيعي فلن يكفي الفوتوشوب دورة واحدة وأيضاً لكل مصمم طريقة مختلفة لأداء نفس المهمة فطبيعي أن تجد أساسيات فقط لذا من الأفضل متابعة دورة للأساسيات و متابعة مدرب يعجبك شرحه من بعد ذلك ستقوم أنت بالبحث عن خصائص للفوتوشوب معينة لزيادة مهاراتك متابعة المواقع المختصة بالتصاميم مثل behance قم بمتابعة مصممين ومدونات وقنوات تهتم بالتصميم

هناك خطأ بسيط في كتابة أسم ال class كما أخبرك المدرب بالأعلى كما تري في الصورتين هناك إختلاف في اسم الclass قم بجعل الإسمين متطابقين "about-me"

يمكنك (إضافة علي الموقع الذي وضحه الأستاذ بلال) إستعمال مكتبات إضافية لجافا حيث أن لغة جافا لا تتدعم التعامل مع json لذلك توجد مكتبات مثل مكتبة Gson من جوجل مكتبة JSON-Simple مكتبة Jackson نأخذ مكتبة Gson كمثال يمكنك خلال سطرين من تحويل ال json إلى java object Gson g = new Gson(); Player p = g.fromJson(jsonString, Player.class) ويمكنك قراءة المزيد عن المكتبات بالأعلى ببحث على الإنترنت

هذا ليس خطأ في الكود إنما تحذير بسبب ssl certificate يمكنك تعطيل ذلك التحذير عن طريق تعديل للإتصال الخاص بالdatabase كالتالي String connectionURL = "jdbc:mysql://localhost:2000?autoReconnect=true&useSSL=false"; يفضل شراء شهادة ال ssl عند رفع الموقع للاستضافة للمزيد من الحماية لموقعك يمكنك قراءة المزيد حول SSL certificate

إذا كنت تقصدين بناء واجهة الموقع فقط فيوجد العديد من الخدمات التي يمكنها عمل ذلك عم طريق drag and drop مثل برنامج bootstrap studio خاص ب bootstrap و مدفوع موقع wix ويوجد خدمات أخرى عديدة وبالطبع إذا كنت تريدين موقع كامل مثل مدونة أو متجر أو موقع شخصي فلن تجدي أفضل من WordPress

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

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

ليست هناك دورة كاملة ومختصة بال wordpress ولكن المسار الموجود في دورة تطوير تطبيقات الويب بإستخدام لغة php جيد جداً وسيعطيك الأساسيات التي تحتاجها حيث لن تحتاج إلى دورة أخرى في ال WordPress إنما ما تحتاج إليه بعد تعلم ذلك هو التطبيق أكثر وتجربة الإضافات المشهورة والتعديل علي القوالب المختلفة أي بمعنى الممارسة وبناء المشاريع

ربما تحتاج لإضافة الprefix الخاص بالمتصفح الذي تستعمله حيث تعمل هذه ال prefix على زيادة دعم المتصفحات ل خواص ال css الجديدة إذا كان جوجل كروم إستخدم webkit فايرفوكس إستخدم moz أيضا قم بإضافة خاصية ال css بدون ال prefix width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; يمكنك إضافة هذه ال prefixes بدون تدخل منك عن طريق npm package يمكنك القراءة عنها