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

كيف اسعر الشغل لضمان حقي وحق الclient واي هي افضل طريقه اني احاسبو ال total project ولا سعر الساعه واحدد السعر ازاي لو هو محتاج موقع جديد ولا محتاج تعديل فقط علي موقع

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

أبسط طريقة لحساب تكلفة المشروع كالتالي وبالطبع كما في التعليقات السابقة فإن التكلفة تعتمد على العديد من العوامل اختر سعر الساعة. سيختلف هذا المعدل من بلد إلى آخر. النطاق في أوروبا على سبيل المثال هو 50-150 يورو للساعة. ثم قم بتقدير مقدار الوقت الذي ستحتاجه لهذا المشروع. لا تكتفي بتقدير المدة التي ستستغرقها - لا تنس أن العملاء لديهم آراء أيضًا وسيرغبون في تغيير شيء ما. قد تتمكن من إنشاء موقع ويب في غضون أسبوع ، ولكن ليس مع عميل يريد بالتأكيد بعض التغييرات. لذا اجعله 1.5 أسبوع. 8 ساعات يوميًا لمدة 7 يومًا ونصف تساوي 60 ساعة. اضرب ذلك في أسعارك بالساعة وستحصل على السعر الذي تريده.بهذه الطريقة ستربح أحيانًا (عندما لا تحتاج إلى هذا الوقت الطويل) وأحيانًا تخسر (عندما يستغرق الأمر وقتًا أطول) ، لكنني أعتقد أنه أفضل حل. وبالطبع في البداية يجب عليك البحث عن تكلفة المواقع المشابه لمشروع ومحاولة التقدير بشكل مقارب لها وبعد إكتساب الخبرات سيصبح أمر تقدير التكلفة بسيط بالنسبة لك سعر الساعة يعتمد كليا على مهاراتك وعدد المشاريع التي قمت بها. يمكن للمطور ذي الخبرة الجيدة مع وجود تقييمات جيدة في ملفه الشخصي زيادة المبلغ بسهولة.ولكن بالنسبة للمبتدئين ، يجب أن تبدأ دائمًا بمعدل منخفض نسبياً . قد تكون مطورًا رائعًا ، ولكن إذا كان ملفك الشخصي جديدًا في القسم ، فليس لديك أي مراجعات للعملاء. لذلك قد لا يجد الناس أنك شخص ماهر. ولكن بسعر منخفض ، قد يحاولون مع خدمتك مع الاستفادة من الميزانية المنخفضة.بعد الانتهاء من بعض المشاريع والحصول على تقييمات جيدة ، يمكنك أيضًا زيادة السعر بشكل كبير. قم بقراءة المقالة التالية للمزيد من المعلومات

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

يمكنك اتباع بعض الخطوات لتحديد السعر الذي يضمن حقوقك وحقوق العميل: 1- قم بتحديد العمل الذي ستقوم به بشكل واضح ودقيق. يجب تحديد نوعية العمل ومدة العمل وعدد الساعات المتوقعة لإنجاز العمل. 2- قم بتحديد السعر المناسب لعملك وذلك باستخدام إحدى الطرق التالية: تحديد السعر بالمشروع الكامل: يمكن أن تقوم بتحديد سعر لكل مشروع، وذلك بناءً على تقديرك للوقت المتوقع لإنجاز العمل وتكلفة العمل. ويتم الاتفاق على هذا السعر مع العميل قبل البدء في العمل. تحديد السعر بالساعة: يمكنك تحديد سعر لكل ساعة تعملها، وذلك باستخدام الوقت الفعلي للعمل. ويتم الاتفاق على هذا السعر مع العميل قبل البدء في العمل. 3- يجب التأكد من الاتفاق على الشروط المحددة مع العميل قبل البدء في العمل، مثل الوقت المتوقع للعمل والسعر ومدة الدفع والمهام المحددة. 4- يمكنك إضافة بنود إلى العقد مثل الدفعات المسبقة والأداءات المستحقة والإجراءات المتعلقة بتغيير الطلبات. 5- في حال كان العمل عبارة عن تعديل على موقع موجود، يمكنك تحديد السعر بناءً على الوقت المتوقع لإنجاز التعديلات اللازمة. في النهاية، يجب التأكد من تحديد سعر يلبي حقوقك وحقوق العميل، والاتفاق على الشروط المحددة بشكل واضح ودقيق قبل البدء في العمل.

الكود المذكور لا يسبب أي مشكلة، حيث أنه يقوم بجلب البيانات من API وتحديث قيمة الحالة (state) باستخدام الدالة setProducts. ولكن قد يكون هناك بعض العوامل الخارجة عن الكود التي تؤثر على أداء تطبيقك، مثل: 1- حجم البيانات المسترجعة: إذا كانت هناك كمية كبيرة من البيانات المسترجعة، فقد يؤدي ذلك إلى بطء في عرض الصفحة. 2- ضعف سرعة الاتصال بالإنترنت: إذا كانت سرعة الاتصال بالإنترنت ضعيفة، فسيتأخر تحميل البيانات وعرضها على الصفحة. 3- الحمل الزائد على المعالج: إذا كان هناك حمل كبير على المعالج بسبب عدد كبير من العمليات التي يقوم بها المستخدم، فقد يتأخر تحميل الصفحة ويمكنك تجربة إعادة تشغيل الحاسوب الخاص بك. 4- مشكلة من جانب سيرفر الـ API: ربما السبب في بطيء الاستجابة من السيرفر الخاص بالـ API، حاول استخدام API آخر لتفقد سبب المشكلة. ويمكن تحسين أداء الصفحة عن طريق استخدام تقنيات التحميل التدفقي Streaming أو Lazy Loading، حيث يتم تحميل البيانات تدريجياً بدلاً من جلبها كلها مرة واحدة. أيضًا استخدام أدوات تحسين الأداء Performance Optimization مثل تحسين الصور والملفات وتحسين سرعة الاتصال بالإنترنت وتقليل عدد الطلبات الصادرة للخادم. وكنصيحة قم باستخدام Vite وليس Webpack فستلاحظ فرق كبير في الأداء.

الأفضل هو حساب تكلفة المشروع بشكل Fixed وليس تبعًا لعدد ساعات العمل، فربما مشروع يتطلب نصف ساعة فقط لإنجازه، ولكن الخبرة المطلوبة لإنجازه كبيرة أو أنت لديك خبرة وقمت بإنجازه بشكل سريع جدًا. وإذا تطلب الأمر إلى العمل بالساعة فيمكنك حساب تكلفة المشروع بشكل Fixed ثم تقسيمه على سعر عدد الساعات وليكن تكلفة المشروع 100 دولار وسعر الساعة 10 إذن المشروع يتطلب 10 ساعات. بالنسبة لحساب تكلفة المشروع، فالأمر عائد لنوع العميل والبلد الخاصة به فسعر العملة في بلده يشكل عامل كبير، وأيضًا هناك عوامل أخرى مثل سنوات الخبرة لديك وهل العروض كثيرة على المشروع وهل جودة العمل الخاص بك أعلى من العروض المقدمة او أعلى من الغالبية على الأقل. أضف إلى ذلك حجم المشروع أو التعديل المطلوب. وأيضًا ما هي القيمة أو الفائدة التي ستعود على العميل من وراء تنفيذك للمشروع، كل تلك عوامل تحدد تكلفة المشروع. فمثلاً تكلفة مشروع عبارة عن موقع من صفحة هبوط واحدة، قد يتراوح ما بين 50 إلى 300 دولار تبعًا لجودة العمل المطلوب وجودة العمل الخاص بك أيضًا. لذلك عند العمل على مواقع العمل الحر يمكنك رؤية متوسط السعر والعمل به تجنبًا لفرض مبلغ كبير يضيع منك الفرص، بالإضافة إلى ضرورة البحث عن كيفية تسعير خدماتك فستجد الكثير من المقالات العربية والأجنبية.

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

بعدما تعلمت ال HTML , CSS ,JavaScript ايش تنصحوني اسوي؟ مشتت

الأسهل لك استخدام Font Awesome عن طريق CDN، وإليك الطريقة. يمكن تضمينها في مشروعك عن طريق إضافة الرابط الذي يشير إلى ملف CSS الخاص بـ Font Awesome في نطاق الرأس (header) في صفحات HTML الخاصة بك. وللحصول على الرابط الذي يشير إلى ملف CSS الخاص بـ Font Awesome أنصحك بالحصول عليه من موقع cdnjs، وباستطاعتك إختيار إصدار المكتبة الذي تريده وكمثال هذا رابط الإصدار 6.3.0 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css" integrity="sha512-SzlrxWUlpfuzQ+pcUCosxcglQRNAq/DZjVsC0lE40xsADsfeQoEypE+enwcOiGjk/bSuGGKHEyjSoQ1zVisanQ==" crossorigin="anonymous" referrerpolicy="no-referrer" /> بعد ذلك، يمكنك إضافة الرابط المذكور أعلاه في نطاق الرأس (header) في صفحات HTML الخاصة بمشروعك. <head> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css" integrity="sha512-SzlrxWUlpfuzQ+pcUCosxcglQRNAq/DZjVsC0lE40xsADsfeQoEypE+enwcOiGjk/bSuGGKHEyjSoQ1zVisanQ==" crossorigin="anonymous" referrerpolicy="no-referrer" /> </head> والآن يمكنك استخدام الرموز (icons) الخاصة بـ Font Awesome في صفحات HTML الخاصة بك عن طريق استخدام العنصر <i> وإضافة الفئة المطلوبة لهذا العنصر. ويمكن العثور على الرموز والفئات المتاحة من موقع Font Awesome الرسمي، ويجب إختيار الأيقونات المجانية بتحديد خيار free أثناء البحث في موقع Font Awesome. على سبيل المثال، إذا كنت ترغب في استخدام الرمز الخاص بزر الإرسال (send)، فيمكنك استخدام الكود التالي: <i class="fas fa-paper-plane"></i>

أهلا بك عبد الرؤوف، في البداية أرجو منك في المرات القادمة طرح السؤال أسفل الفيديو الخاص به في الدورة، وطرح الأسئلة الغير متعلقة بالدورة في قسم أسئلة البرمجة هنا. بالنسبة للمشكلة الخاصة بك، الخطأ يشير إلى عدم وجود أمر mix في نظام التشغيل الخاص بك. mix هو أداة تستخدم في إطار العمل Laravel لإدارة النماذج والهجرات وغيرها من العمليات. قبل تشغيل الأمر npm run dev، تأكد من أن Laravel مثبت بشكل صحيح وأن جميع الاعتماديات تم تثبيتها بنجاح باستخدام الأمر . composer install يمكنك أيضًا التحقق من وجود mix عن طريق تنفيذ الأمر php artisan من مجلد المشروع في ترمينال Ubuntu. ستظهر لك قائمة بالأوامر المتاحة في Laravel ويجب أن يكون mix مدرجًا في هذه القائمة. إذا لم يكن mix موجودًا، فقم بتنفيذ الأمر composer update ثم حاول تشغيل الأمر npm run dev مرة أخرى. وإذا استمرت المشكلة أرجو تنفيذ الخطوات التالية لتثبيت mix: 1- تنفيذ الأمر التالي npm install laravel-mix --save-dev 2- إنشاء ملف webpack.mix.js في الجذر الرئيسي للمشروع، وأضف به التالي: const mix = require('laravel-mix'); /* |-------------------------------------------------------------------------- | Mix Asset Management |-------------------------------------------------------------------------- | | Mix provides a clean, fluent API for defining some Webpack build steps | for your Laravel applications. By default, we are compiling the CSS | file for the application as well as bundling up all the JS files. | */ mix.js('resources/js/app.js', 'public/js') .postCss('resources/css/app.css', 'public/css', [ require('postcss-import'), require('tailwindcss'), ]); if (mix.inProduction()) { mix.version(); } ويمكنك رؤية الإعدادات من خلال مستودع المشروع 3- الآن يجب تشغيل الأمر npx mix لتنفيذ الأوامر المتعلقة بـ mix داخل مجلد المشروع. وأرجو منك قراءة التعليمات الخاصة بـ Mix في الموقع الرسمي: https://laravel-mix.com/docs/6.0/installation

يوجد مشكلتين : الاولى هي انك اخطأت في استيراد الملفات، ولحل المشكلة يجب اضافة : ./css/ قبل اسم الملف في الـ href الخاصة بكل من ملفات الـ font awesome. جرب تعديل الكود للشكل : <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>ayman's first project</title> <!-- main css file --> <link rel="stylesheet" href="./css/style.css"> <!-- normalize the css --> <link rel="stylesheet" href="./css/normalize.css"> <!-- google fonts --> <link rel=" preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <!-- icon css --> <link rel="stylesheet" href="./css/all.min.css"> </head> <body> <i class="fa-solid fa-mustache"></i> <i class="fa-duotone fa-pen-nib"></i> </body> </html> والمشكلة الثانية هي ان الايقونات التي استخدمتها هي ايقونات غير مجانية، وإذا اردت استخدام الايقونات المجانية يجب ان تحدد على علامة free في محرك البحث الخاص بـ fontawesome.

css.zip

هل يمكنك مشاركة ملفات المشروع بالكامل ؟

تعلمت هاتين اللغتين واريد التطبيق هل احاول التطبيق على موقع كامل ام اشياء اصغرة واي مواقع تنصحوني ان اخذ مشاريع منها وما مدة التطبيق قبل ان ادخل لjs

يوجد في الإجابات السابقة الكثير من النصائح ولكن لدي وجهة نظر أخري. هناك مقولة تقول "إذا لم تستطع شرح فكرتك لطفل عمره ست سنوات، فهذا يعني أنك أنت لا تفهمها". ويمكنك تطبيق هذه المقولة علي البرمجة مثلا قم بعمل قناة علي اليوتيوب وأشرح فيها HTML و CSS أو قم بعمل مشاريع (قناة متخصصة في عمل مشاريع HTML و CSS و JavaScript (مستقبلاً)). يوجد قناة بنفس الفكرة اسمها "Online Tutorials", يمكنك أخذ بعض الافكار منها أو حتي قم بالتطبيق علي المشاريع الموجودة في هذه القناة (لتطوير مهاراتك في HTML و CSS). أما بالنسبة للمدة المطلوبة للتطبيق، فإن هذا يعتمد على درجة الجهد التي تبذلها وعدد الساعات التي تخصصها للعمل على المشاريع. من المهم أن تأخذ الوقت اللازم للتعلم والتطبيق، وأن تعمل على تحديد الأهداف الواقعية لنفسك وتنفيذها خطوة بخطوة لتحقيق نجاحك المستقبلي في عالم البرمجة. ويمكنك أخذ بعص الأفكار من هذه المقالة. وهذا النقاش يتكلم في نفس الموضوع.

الخطوة القادمة هي التطبيق على ما تعلمته من خلال إختيار تصميم موقع ينال إعجابك ثم محاولة تقليد ذلك التصميم، ولكن من تأتي بتلك التصميمات؟ ستجد هنا ما تبحث عنه: في البداية قم ببناء جزء صغير من الموقع باستخدام html و CSS وأنصحك بتنفيذ التحديات على موقع Frontend mentor . ثم بعد ذلك تدرج في الصعوبة نحو إنشاء موقع بالكامل، ثم تدرج في الصعوبة نحو إنشاء موقع متعدد الصفحات. يمكنك الإنتقال لمرحلة تعلم الـ JS بعد أن تصبح قادرًا على رؤية تصميم وقادر على تنفيذه أي أنك قادر على بناء موقع بالكامل باستخدام HTML و CSS على الأقل التصاميم المتوسطة في الصعوبة، أي بعد إنشاء تصميمين كاملين.

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

توجد العديد من المسارات ولغات البرمجة المتاحة لتطوير تطبيقات سطح المكتب كما في التعليقات السابقة ولكن لتحديد المسار المناسب بالنسبة لك فيجب أن تعرف مميزات وعيوب كل مسار وهي كالتالي هناك 3 طرق التطبيق على شبكة الإنترنت: إذا كانت واجهة بسيطة ويمكن إجراؤها في المتصفح ، فإنني أنصح باستخدام إطار عمل جافا سكريبت الأساسي. يمكنك تطوير تطبيقات بسيطة وحتى ألعاب صغيرة. سيتم إطلاقها في متصفح إما عبر الإنترنت على أنها مضمنة في البرنامج الذي تقدمه. تحقق من هذه الأطر: Ionic, Cordova. المميزات : إنه أسهل التقنيات التي تم تعلمها سيكون من السهل جدًا بيعها واستخدامها في مشاريع أخرى. يمكن نشر تطبيقك في جميع الأنظمة الأساسية تقريبًا (الويب ، و windows ، و android ، و ios ، و linux ...) السلبيات: ستكون محدودًا بعض الشيءوقت الاستخدام: مثالي للتطبيقات القائمة على النموذج ، والألعاب ثنائية الأبعاد الصغيرة جافا:Java هي لغة مشتركة بين الأنظمة الأساسية ومتاحة على جميع الأنظمة الأساسية. من السهل جدًا البرمجة ، لست مضطرًا لإدارة الذاكرة وهي مهمة صعبة. المميزات : أسهل من C ++ السلبيات: أداء أقل من C ++متى تستخدم: إذا كنت بحاجة إلى الحصول علي االمزيد من الحرية مقارنة بتطبيق الويب (معالجة الملفات على المضيف) ، لكن C ++ تبدو صعبة للغاية بالنسبة لك. ال native : يمكنك استخدام إطار عمل QT. حيث أن ++c هي لغة قوية يمكنها الاستفادة من كل قوة الجهاز. QT عبارة عن إطار عمل عبر الأنظمة الأساسية يساعدك على نشر قاعدة بيانات واحدة في بيئة مختلفة دون القلق بشأن تفاصيل مثل "كيف تفتح نافذة ثم ترسم زرًا". المميزات: أقوى من جميع المسارات السابقة ، لا حدود له السلبيات: صعب التعلم ، يتطلب المزيد من العمل متى تستخدم: فقط إذا كان التطبيق يتطلب الكثير من الطاقة أو معالجة الصوت أو الفيديو أو لعبة الفيديو هناك خيارات أخرى لكنها إما ليست مجانية أو غير شائعة أو غير مشتركة بين الأنظمة الأساسية. C #: ليست منصة مشتركة حقًا ، وليست مجانية تمامًا (أفضل الأدوات ليست مجانية) RUST لغة برمجة قوية مثل C ++ وأكثر ملاءمة للتعلم والاستخدام. الشفرة المنتجة آمنة (لا توجد أخطاء في الذاكرة).

يمكن اختيار أي من المسارات التالية لتعلم البرمجة وتنفيذ تطبيقات سطح المكتب المتصلة بالإنترنت والتطبيقات التي تعمل على منصات المتصفح: تطوير تطبيقات الويب: يمكن تعلم لغات الويب الأساسية مثل HTML وCSS وJavaScript لبناء صفحات الويب الثابتة والمتحركة والتفاعلية واستخدام إطارات العمل مثل React أو Angular أو Vue.js لتطوير تطبيقات الويب المتقدمة. تطوير تطبيقات سطح المكتب: يمكن تعلم لغات البرمجة المتخصصة في تطوير تطبيقات سطح المكتب مثل C# وJava وPython واستخدام إطارات العمل المتاحة مثل .NET Framework أو JavaFX أو PyQt لتطوير تطبيقات سطح المكتب. تطوير تطبيقات الهجينة: يمكن تطوير تطبيقات الهجينة التي تعمل على كل من سطح المكتب والويب باستخدام الأدوات المتاحة مثل Electron وNW.js والتي تستخدم HTML وCSS وJavaScript لتطوير واجهة المستخدم والتواصل مع الخادم. وكما ذكر لك عدنان، الأفضل لك هي دورة تطوير التطبيقات باستخدام جافاسكربت ، فهى تفتح أمامك مجالات كثيرة منها تطوير مواقع الويب وتطبيقات الهواتف وبرامج سطح المكتب. فمن خلالها ستتعلم الآتي: الأسس البرمجية السليمة للغة JavaScript الإضافات الحديثة في نسخة ES6 من اللغة تطوير تطبيقات الخادم باستخدام بيئة Node.js أساسيات مكتبة React.js وبناء تطبيق ملاحظات باستخدامها أساسيات مكتبة React Native و Expo تطوير تطبيق جوال للوصل بين الأطباء والمرضى بالاعتماد على React Native التعرف على التطبيقات التي تتطلب اتصالًا مستمرًا بين المتصفح والخادم بناء تطبيق محادثة يشبه تطبيق WhatsApp إنشاء تطبيق أسئلة وأجوبة ونقاشات مع تصيير من جهة الخادم Server-side Rendering عبر إطار العمل Next.js بناء واجهات أمامية باستخدام React.js مع مكتبة Material-UI إنشاء تطبيقات سطح مكتب باستخدام JavaScript باستخدام إطار العمل Electron.js بناء تطبيق جوال لشبكة تواصل اجتماعي باستخدام إطار العمل Ionic ومكتبة React.js لمن هذه الدورة؟ لمن لا يمتلك خبرة مسبقة في مجال البرمجة ويريد الدخول في هذا المجال الشيق لمن يمتلك خبرة بسيطة في البرمجة ويرغب في تطوير مهاراته ليصل إلى الاحترافيّة لمن يرغب باكتساب مهارات برمجية جديدة تساعده على تحسين دخله لمن يرغب بتعلّم بيئة Node.js لبناء خدمات ويب حديثة وسريعة لمن يرغب تعلم تطوير تطبيقات ويب تفاعلية باستخدام مكتبة React.js لمن يرغب بتطوير تطبيقات جوال Android و iOS أصيلة باستخدام React Native لمن يرغب بتطوير تطبيقات جوال Android و iOS هجينة باستخدام Ionic و React.js لمن يرغب بتطوير تطبيقات تتطلب مزامنة فورية بين المتصفح والخادم مثل تطبيقات المحادثة لإنشاء تطبيقات سطح مكتب أساسية

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

إذا كنت تعمل كعامل حر عبر الإنترنت، فهناك بعض الأساسيات والقواعد التي يجب عليك اتباعها لتحقيق نجاح عملك ورضا العملاء، ومنها: تحديد نطاق عملك ومجالات خبرتك: يجب أن تحدد بشكل واضح ما هي خدماتك وما هي المهارات التي تتمتع بها، ومن ثم التركيز على هذه المهارات لتوفير أفضل جودة لعملائك. إنشاء ملف تعريف لك كعامل حر: يجب أن تقدم معلومات مفصلة حول خبراتك ومهاراتك وأعمالك السابقة، بالإضافة إلى الأسعار التي تطلبها وسياساتك الخاصة بالدفع والتسليم. تحديد متطلبات العميل وتحديد الشروط والتفاصيل: يجب عليك التواصل مع العميل لفهم متطلباته ومتطلبات مشروعه بشكل واضح، وتحديد الشروط والتفاصيل المتعلقة بالعمل مثل المواعيد والميزانية. إنشاء عقد: يجب أن يكون هناك عقد يحدد بشكل واضح المتطلبات والشروط والميزانية والمهام التي ستقوم بها، بالإضافة إلى سياسات الدفع والتسليم. العمل بشكل منتظم مع العميل: يجب أن تتواصل بشكل منتظم مع العميل لتحديثه على تقدم العمل والتأكد من أنك تفهم متطلباته وتلبيها بشكل صحيح. تسليم المشروع: بعد الانتهاء من العمل، يجب عليك تسليم المشروع بالشكل المتفق عليه وفي الموعد المحدد. عادة ما يتم تسليم الملفات عبر البريد الإلكتروني أو الرفع على منصات التخزين السحابية. دفع الرسوم: جزء الدفع هو مرحلة هامة في عملك كعامل حر. يجب أن تحدد سياسات الدفع الخاصة بك بوضوح، مثل طريقة الدفع والمدة الزمنية لتحصيل الرسوم. يفضل أن تحصل على دفعة مقدمة قبل البدء في العمل، والتأكد من استلام الدفع الكامل بعد الانتهاء من المشروع وتسليمه بشكل مرضٍ وفي الموعد المحدد. أخيرًا، يجب عليك تحافظ على مستوى عالي من الاحترافية والجودة في عملك كعامل حر، والتعامل بصدق وصدق مع العملاء. كما يجب عليك تطوير مهاراتك والاطلاع على أحدث التقنيات والاتجاهات في مجالك لتلبية متطلبات العملاء بشكل أفضل وزيادة فرص نجاح عملك الحر. قد تفيدك هذة الروابط : https://blog.mostaql.com/how-to-create-portfolio https://blog.mostaql.com/tag/دليل-المستقلين/ https://blog.mostaql.com/7-tips-to-be-hired-in-mostaql-pojects ويمكنك الأطلاع علي العديد من النقاشات في حسوب I/o في قسم العمل الحر https://io.hsoub.com/freelancing

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

Rescript هي لغة برمجة جديدة وعالية الأداء تم إنشاؤها لتسهيل عملية كتابة البرامج وتحسين أدائها. تشبه Rescript لغة Typescript بالنسبة لمبادئ الكتابة، حيث تفرض بعض القيود على البرمجة بلغة الجافاسكريبت، والتي يمكن للكود الذي تم كتابته بهذه اللغة أن يتم تحويله إلى جافاسكريبت. تتميز Rescript بسرعة أداءها وقدرتها على تحسين أداء الكود المكتوب بها. كما أن لها نظام كتابة قوي يتيح للمبرمجين إمكانية كتابة التعليمات البرمجية بشكل أسرع وأكثر دقة. تختلف Rescript عن Typescript في بعض النواحي، حيث تغطي Typescript مجموعة كبيرة من ميزات جافاسكريبت، بينما تغطي Rescript فقط مجموعة منسقة منها. كما أن Rescript لا تسمح بحدوث أخطاء null/undefined، بينما يتعامل Typescript مع هذه الأخطاء. هذه بعض الأمثلة البسيطة للتعامل مع الأنواع في ReScript: لنفترض أن لدينا مصفوفة من الأرقام الصحيحة التي نريد أن نضيف إليها قيمة واحدة: let myArray = [|1, 2, 3|]; myArray->Array.map(x => x + 1); في هذا المثال ، نحن نستخدم عامل التدفق (|]) لإنشاء مصفوفة من الأرقام الصحيحة. ثم نستخدم دالة Array.map () لتحويل كل عنصر في المصفوفة إلى عنصر جديد يتم احتسابه بإضافة واحد إلى القيمة الحالية. هنا مثال آخر يستخدم السجلات: type person = { name: string, age: int, }; let myPerson = {name: "John Doe", age: 30}; let updatedPerson = {...myPerson, age: myPerson.age + 1}; في هذا المثال ، نحن نستخدم الكلمة الرئيسية "type" لتعريف نوع السجل "person" ، الذي يحتوي على اسم وعمر. ثم ننشئ متغير "myPerson" من نوع "person". بعد ذلك ، ننشئ متغيرًا آخر "updatedPerson" بتحديث قيمة "age" بإضافة واحد إلى القيمة الحالية. هذا مماثل لإعادة تعيين خاصية "age" في TypeScript. هذه بعض الأمثلة البسيطة لإظهار بعض التفاصيل حول كيفية عمل ReScript. يمكنك العثور على المزيد من الأمثلة والتفاصيل في الوثائق الرسمية لـ ReScript.

ما هو ReScript؟ تعمل ReScript مثل JS ولديها أيضًا نظام كتابة رائع. يتم تجميعها بأعلى جودة من JS النظيفة والقابلة للقراءة والأداء والتي يمكن تشغيلها مباشرة في المتصفحات و Node. بالإضافة إلى أنه يحتوي على سلسلة أدوات بناء متوسطة. وكما في التعليق السابق فإن ال Rescript تشبه ال typescript ولكن لديها المميزات التالية ReScript أسرع من JavaScript. يرشدك نظام الكتابة والمجمع في ReScript بشكل طبيعي نحو كتابة التعليمات البرمجية التي غالبًا ما تكون ذات أداء افتراضيًا ، مع الاستفادة الجيدة من تحسينات Just-In-Time المختلفة (الفئات المخفية ، والتخزين المؤقت المضمّن ، وتجنب عمليات deopts ، إلخ). يتم تسهيل إزالة الشفرة الميتة على مستوى الوظيفة والوحدة من خلال نظام النوع المصمم جيدًا وتحليل النقاء. على المستوى العالمي ، يُنشئ ReScript رمزًا يسهل بشكل طبيعي التخلص من الشفرة الميتة بواسطة أدوات التجميع مثل Rollup and Closure Compiler ، بعد مرور الإزالة المعقد الخاص به. ناتج JS صغير جدًا. يقوم برنامج Hello world ReScript بإنشاء 20 بايت من كود JS يتم تضمين المكتبات القياسية المطلوبة فقط عند الحاجة. لديها أسرع توقيت حلقة التكرار. وقت إنشاء ReScript أسرع بمقدار واحد أو اثنين من أي بدائل. والمزيد من المميزات الأخرى يمكنك الإطلاع عليها من الموقع الرسمي الاختلاف مع TypeScript تشارك ReScript بعض الأهداف نفسها مثل TypeScript ولكن لديها بعض الاختلافات: يغطي TypeScript مجموعة ميزات JavaScript بالكامل وأكثر ، لكن ReScript يغطي فقط مجموعة فرعية منسقة من JavaScript. لا تحتوي شفرة ReScript على أخطاء null / undefined . ReScript سريع للغاية بسبب بساطته وتنظيمه. إنها واحدة من أسرع سلاسل أدوات نظام التحويل والمترجم لتطوير جافا سكريبت. لا يحتاج إلى كتابة التعليقات التوضيحية. يتم الاستدلال على الأنواع من خلال اللغة وهي صحيحة للغاية.