لوحة المتصدرين

السلام عليكم المسار في تطوير واجهت المستخدم تعني: هل يعتبر من تعلم Html وحده يعتبر مسار أول وتعلم css مسار ثاني ؟ لأن يشترط للحصول على شهادة والامتحان أن يكون على علم بأربعة مسارت، لكن أنا لم ماهو المسار ؟

لقد أنهيت مشروع react باستخدام vite.js وأريد استضافته لوضعه في portfolio الخاص بي ولكن عندما أحاول استضافته في github pages ، أحصل على صفحة واحدة فقط لا أعرف لماذا أريد أي مساعدة أو حتى نصيحة حول موقع استضافة أسهل من github pages سأقدر ذلك. حاولت استضافته على Render.com لكنه فشل في بناء التطبيق كما ترون في الصورة المرفقة ثم جربت github.io وحصلت على صفحة واحدة فقط هذا مشروعي على github pages https://mohqaz.github.io/khayal/ إنها مجرد صفحة واحدة وتمكنت ن رفع الموقع بنجاح على nitlify ولكن الفرونت إند فقط بدون الباك إند هذا هو الموقع على nitlify ولكن يفشل في استخدام الـ api لأن الذي تم رفعه هو الفرونت إند فقط بدون الباك إند https://remarkable-custard-c5a7c7.netlify.app/ ملف vite.config.js import { defineConfig } from 'vite' import react from '@vitejs/plugin-react' // https://vitejs.dev/config/ export default defineConfig({ plugins: [react()], }) ملف package.json { "name": "client", "private": true, "proxy": "https://khayal-api.onrender.com", "version": "0.0.0", "type": "module", "scripts": { "dev": "vite", "build": "vite build", "lint": "eslint . --ext js,jsx --report-unused-disable-directives --max-warnings 0", "preview": "vite preview" }, "dependencies": { "file-saver": "^2.0.5", "react": "^18.2.0", "react-dom": "^18.2.0", "react-router-dom": "^6.14.2" }, "devDependencies": { "@types/react": "^18.2.15", "@types/react-dom": "^18.2.7", "@vitejs/plugin-react": "^4.0.3", "autoprefixer": "^10.4.14", "eslint": "^8.45.0", "eslint-plugin-react": "^7.32.2", "eslint-plugin-react-hooks": "^4.6.0", "eslint-plugin-react-refresh": "^0.4.3", "postcss": "^8.4.27", "tailwindcss": "^3.3.3", "vite": "^4.4.5" } } قيمة البروكسي هو الرابط لملف الباك إند الذي رفعته بنجاح على موقع render.com وهو يعمل جيدا مما يعني أن رفع الباك إند ناجح

السلام عليكم، أنا الآن في الدرس 6من css وكل ماتقدمت أحس أني نسيت الكثير من ألي تعلمت من html وبداية css,أريد حل المشكلة ،وشكرا

هل يجب تعلم htmlو cssو javascript قبل تعلم هذه الدوره ؟ حيث انها المفروض تتعامل معك على انك بدون خبره مسبقه

السلام عليكم ، هل 3 أسابيع تكفي لتعلم Html و css؟

هل اقدر استخدم php كـback-end للـ flutter وهل هو بنفس جودة ال frameworks الاخرى زي firebase؟ + وهل مطلوبة في سوق العمل ؟

كيف يمكنني تفعيل برنامج ColerDraw بعد انتهاء المدة التجريبة ١٥ يوما

عندي موقع مكتوب ب html,css,js أريد إضافة زر يحول الموقع إلى اللغة الإنكليزية.

علوم حاسب حاليا جالسة اتعلم جافا سكربت وصلت قسم الدوال علوم حاسب حاليا جالسة اتعلم جافا سكربت وصلت قسم الدوال

بعد تعلم أساسيات الويب هل يمكنني تعلم متجر ألكتروني قبل واجهة مستخدم تشبه يوتيوب ؟أو لابد من تعلم حسب ترتيب المسار؟

لابد من التعلم حسب ترتيب المسار في الدورة لعدة أسباب حيث أن في التطبيقات الموجودة في الدورة يتم تعلم تقنيات جديدة وأساليب لتنفيذ مهام معينة بطرق مختلفة كما أن التطبيقات الموجودة يتم التدرج في صعوبتها كلما تقدمت أي أن تخطي مسار بناء واجهة مستخدم تشبه يوتيوب والإنتقال مباشرة يزيد من صعوبة تعلم مسار بناء متجر إلكتروني وللتوضيح أكثر يتم تدريس bootstrap في المسار بناء واجهة مستخدم تشبه يوتيوب وعند العمل على بناء متجر إلكتروني يتم استخدام bootstrap ومن المفترض أنك تعلمته من المسار السابق لذلك تجد صعوبة في ذلك ومثال آخر أنه في مسار بناء متجر إلكتروني يتم تدريس webpack مع استخدام sass لذلك عند تخطي هذا المسار وتعلم المسار التالي ستجد صعوبة في استخدام webpack أو sass لذلك الأفضل هو التعلم حسب الترتيب الموجود

نعم بعد تعلم أهم مسار وهو مسار أساسيات تطوير الويب يمكنك الإنتقال إلى أي مسار تريده في مسارات الدورة أو يمكنك الإستمرار في دراسة مسارات الدورة بالترتيب ولا بأس في ذلك والأفضل لك بحيث أن مسارات الدورة مرتبة لتكون سهلة ومبسطة لك .

لا ليس كذلك فهذه تعتبر أقسام داخل المسارات أما المسارات فهي كتالي :- أساسيات تطوير الويب بناء واجهة مستخدم تشبه موقع YouTube بناء صفحات هبوط تطوير متجر إلكتروني تطوير موقع شركة تطوير لوحة تحكم بناء مواقع ثابتة باستخدم Hugo تطوير موقع أخباري أما ما تخبر به فهي أقسام داخل المسار فمثلاً :- مسار أساسيات تطوير الويب يحتوي على أقسام أساسيات HTML أساسيات CSS أساسيات JavaScript أساسيات jQuery بناء موقع شخصي وهكذا على كل المسارات ، لذلك عليك إنهاء أربعة مسارات من المسارات المذكورة في الأعلى وليست الأقسام التي بداخل المسار .

السلام عليكم ورحمة الله وبركاته صباح الخير هل بإمكانكم توفير خطة دراسية لمدة ثلاثة أشهر لدورة علوم الحاسوب ولكم جزيل الشكر . تحياتي لكم و شكرا .

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

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

لم تذكر التقنية أو اللغة التي تريد تمارين لها لذلك من الصعب إقتراح تمارين ولكن يمكنك تصفح المواقع التالية حيث تقدم تمارين مجانية للمبتدئين في مختلف مجالات البرمجة. فيما يلي بعض من أفضل هذه المواقع: HackerRank LeetCode Codewars Project Euler تختلف هذه المواقع في أسلوبها ومحتوى التمارين التي تقدمها، ولكن جميعها تقدم مجموعة متنوعة من التمارين التي يمكن أن تساعدك على تحسين مهاراتك في البرمجة.

بالفعل لغة PHP طلبها بشكل واسع في مجال تطوير مواقع الويب والتطبيقات، ولكن في مجال تطبيقات الجوال ليست مطلوبة بنفس الشكل الكبير كما هو الحال في تطوير المواقع ولكن يظل الطلب موجود مع توجهه نسبه من الشركات الي حلول اخري مثل Firebase لكن هذا لا يقلل من الطلب الموجود علي PHP.

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

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

هذه هي الخطوات الأساسية التي يتخدها المبرمج حينما يستلم تفاصيل مشروع بدون figma file . ومع ذلك، قد يختلف الخطوات الدقيقة حسب المشروع والاحتياجات المحددة للعميل. على سبيل المثال، إذا كان العميل لديه متطلبات محددة لتصميم الموقع، فقد يحتاج المبرمج إلى إنشاء wireframe أو mockup أولاً. فيما يلي بعض الخطوات الإضافية التي قد يتخدها المبرمج: قم بإجراء مناقشة مع العميل لفهم متطلبات المشروع بشكل أفضل. قم بإنشاء نموذج أولي للموقع باستخدام برنامج مثل Figma أو Sketch وإذا لم يكن لديك المهارة لتنفيذ ذلك يمكنك العثور على تصميم يناسب العميل أو يبحث العميل عن تصميم للموقع (حيث أن هذه ليست من وظيفة ال frontend المقالات المرفقة تناقش هذه الجزئية بالتفصيل). احصل على الموافقة من العميل على النموذج الأولي. ابدأ في التطوير وبالطبع ليس شرطاً العملب webpack حيث أن لكل مشروع متطلبات مختلفة أي إذا لم يكن الموقع يحتاج ل webpack فليس هناك حاجة للعمل بها.

هذا يعتمد على الاتفاق مع العميل، وليس هنالك اي مشكلة بالخطوات التي ذكرتها ولكن المهم هنا ان تخبر العميل انك تستخدم template جاهزة وتقوم بالتعديل عليها، وإلا فقد يتعبر ذلك غشاً ويتسبب في مشاكل مع العميل. الافضل هو تخيير العميل بين أن يحضر هو الـ template أو تصميم الـ figma أو ان تقوم انت ببنائه إذا كان لديك المهارات الكافية. واضعاً بالحسبان ان وجود template جاهزة ليس افضل من تصميم الـ figma وذلك لأنك ستحتاج إلى توصيف دقيق للمشروع من اجل تحويل الـ template إلى الشكل المطلوب بدلاً من كون الـ figma اختصر لك الامر (قام بتصميم الموقع بناءً على التوصيف).

وعليكم السلام عندما يتعلق الأمر بجعل تطبيقك أو موقعك يظهر بشكل جيد ومحترف، الجانب التصميمي (UI/UX) يلعب دورًا مهمًا جداً. إذا كنت تشعر بأن مهارات التصميم الحالية لديك لا تكفي لجعل تطبيقك يبدو جذابًا، فإنه من المفضل الاستثمار في تطوير هذه المهارات. هنا بعض الخيارات التي يمكنك اتخاذها:- تعلم UI/UX Design يمكنك بدء تعلم مفاهيم ومهارات التصميم الجيد. هذا لا يعني أنك بحاجة إلى أن تصبح مصممًا محترفًا، ولكن فهم مبادئ التصميم وأساسياتها سيساعدك بالتأكيد على تحسين واجهة مستخدم تطبيقك. التعاون مع مصمم آخر قد تكون أحد الخيارات أن تبحث عن شريك يكون متخصصًا في التصميم للعمل معه. يمكن أن يساهم مصمم ذو خبرة في جعل التطبيق الخاص بك أكثر احترافية وجاذبية. استخدام القوالب (Templates) يمكنك استخدام قوالب تصميم جاهزة للمساعدة في بناء واجهة المستخدم الخاصة بك. هذه القوالب تقدم مظهرًا جاهزًا واحترافيًا يمكنك تخصيصه حسب احتياجاتك. الاستفادة من المصادر العامة هناك مواقع توفر مصادر تصميم مجانية، مثل "Dribbble" و "Behance" و "Pinterest". يمكنك الاستفادة من هذه المصادر للحصول على أفكار وإلهام لتحسين تصميم واجهة التطبيق الخاص بك. لاحظ أن التصميم ليس شيئًا يحدث بالسحر، وقد يحتاج إلى المزيد من التطوير والتحسين مع ممارسة مستمرة. الهدف هو السعي لتحقيق تجربة مستخدم أفضل وأكثر سلاسة. لا تنسى أن التوازن بين الوظائف الفنية والتصميمية أمر مهم في تطوير البرمجيات، فلا تتردد في تعلم وتحسين كل من الجوانب إذا كنت ترغب في الوصول إلى نتائج أفضل. حظًا موفقًا في رحلتك التعليمية والإبداعية