اذهب إلى المحتوى

أسامة زيادة

الأعضاء
 عرض الملف الشخصي  تصفح المحتوى

  • المساهمات

    2501

  • تاريخ الانضمام

  • تاريخ آخر زيارة

  • عدد الأيام التي تصدر بها

    6

 نوع المحتوى 

ريادة الأعمال

البرمجة

التصميم

DevOps

التسويق والمبيعات

العمل الحر

البرامج والتطبيقات

آخر التحديثات

قصص نجاح

أسئلة وأجوبة

كتب

دورات

كل منشورات العضو أسامة زيادة

  1. أسامة زيادة
    من أجل أن تصبح محترف في البرمجة عليك البدء في دورة علوم الحاسوب: حيث سوف تتعلم أساسيات لغات البرمجة وأساسيات التعامل مع الحاسوب ، وسوف تتعلم أيضاً إنشاء بعض المشاريع الصغيرة التي سوف تكون بداية طريقك نحو تعلم البرمجة . محتويات الدورة :- مدخل إلى علوم الحاسوب أساسيات البرمجة أنظمة التشغيل ولينكس قواعد البيانات عالم الويب البرمجة الكائنية الخوارزميات وبنى المعطيات أنماط التصميم والمزيد ... من مزايا الدورة:- شهادة معتمدة من أكاديمية حسوب متابعة أثناء الدورة من قبل فريق مختص يمكنك التسجيل في الدورة من هنا
  2. أسامة زيادة
    لا تقاس التطبيقات حسب لغة البرمجة , هناك العديد من لغات البرمجة التي يمكنك من خلالها من برمجة تطبيق موبايل متكامل , و هذه اللغات تصنف قسمين: لغات نيتف , ولغات هجينة , اللغات النيتف التي يكون فيها الموبايل تم برمجته حسب لغة نظام التشغيل مثل java و swift و اللغات الهجينة مثل cordova, ionic , flutter, react native هذه لغات يكون هناك وسيط يقوم بتحويل الكود إلى تطبيق موبايل . و دائماً لغات النيتف تكون التطبيقات فيها أقوى و أسرع كثيراً من ناحية الأداء أما تطبيقات الهجينة تكون ليست بكفاءة مثل التطبيقات النيتف, لذلك يمكنك الإطلاع أكثر على اللغات و تقارن ما تحتاجه في تطبيقك و بناءً عليه يمكنك تحديد أي لغة سوف تستخدم في برمجة تطبيقك.
  3. أسامة زيادة
    هو الكود الذي يتم برمجته بشكل منطقي ويمكن فهمه من قبل كاتبه و مبرمجين آخرين من بعده ويسهل استخدامه والتعامل معه. ما يجب عليك فعله حتى يكون الكود نظيف: حاول جعل أسماء الملفات والمجلدات ذات أسماء لها علاقة بمحتوها عند إنشاء Classes اجعل اسمه منطقياً لا تكرر من أسماء الدوال function أو إضافة رموز وحروف ليس لها معنى في الاسم حاول جعل أسماء المتغيرات Variables منطقية قم بتقسم الكود إلى أجزاء اهتم بالأسطر والفراغات وابتعد عن كتابة كود طويل بنفس السطر حاول التقليل من استعلامات قواعد البيانات قم بترك ملاحظاتك داخل الكود تخبرك لماذا تمت كتابة هذا للكود
  4. أسامة زيادة
    أنماط التصميم تعتبر نماذج لحل مشكلات متكررة في تصميم البرمجيات ،هي عبارة عن طريقة لحل مشكلات المعتادة أثناء تصميم البرمجيات بحيث يمكنك إستعمال الحلول في حالات مختلفة وهي ليست كود برمجي . تعتبر أنماط التصميم سهلة التعديل وسهلة الاختبار ومن أشهرها MVC و MVVM و Singleton وغيرها من أنماط التصميم هناك أنواع متعلقة بإنشاء الكلاس نمط Singleton نمط Builder نمط Prototype نمط Factory Method نمط Abstract Factory أنماط متعلقة بشكل الكلاس وكيفية عمله نمط Adapter نمط Composite نمط Facade نمط Bridge نمط Decorator نمط Proxy نمط Flyweight أنماط متعلقة بسلوك الكائنات هذه الأنماط تتعلق بكيفية التواصل بين الكائنات بشكل منفصل نمط Mediator نمط Observer نمط Null Object نمط Memento نمط State نمط Visitor وهناك أنماط أخرى في هذا النمط MVC Model يحتوى على البيانات view عرض المعلومات للمستخدم controller يعالج البيانات التي تأتي من المستخدم
  5. أسامة زيادة
    المشكلة في الصور أنك قمت بوضح 3 صور لوسم <body> تتغير كل 3 ثواني وهي بالفعل مناسبة لحجم الشاشة ، وأيضا واضع slideshow فيه نفس الصور ولكن حجمها صغير لذلك تظهر صورتين في الشاشة، لذلك يجب الإبقاء على أحد منهما. يبدو أنك لم تكمل كتابة كود التحقق من الحقول لذلك يجب كتابة الكود التالي أسفل الصفحة ، وحذف خاصية required من inputs <script> $(function() { $("#commenForm").validate({ rules: { // The key name on the left side is the name attribute // of an input field. Validation rules are defined // on the right side name: "required", email: { required: true, // Specify that email should be validated // by the built-in "email" rule email: true }, comment: "required", }, // Specify validation error messages messages: { name: "Please enter your firstname", email: "Please enter a valid email address", comment: "Please enter your lastname", }, // Make sure the form is submitted to the destination defined // in the "action" attribute of the form when valid submitHandler: function(form) { form.submit(); } }); }); </script> وهذا الملف تم تصحيح جميع الأخطاء فيه templete 1.zip
  6. أسامة زيادة
    سبب ظهور الصورتين أنك تقوم بوضع الصورة خلفية لوسم <body> body { background-image: url(../images/diagoona-bg-1.jpg); direction: ltr; } لذلك يجب حذف الصورة في الخلفية والبقاء على صور slideshow . وجعلها مناسبة لحجم الصفحة. 2- لم تقم بتضمين مكتبة validate.js بداخل ملف index.html لذلك يجب عليك إضافة السطر التالي <script src="assest/jquery.validate/jquery.validate.min.js"></script> ليتم تضمين المكتبة بشكل سليم, بخصوص كود الجافاسكريبت الخاطئ لاحظ انه تقوم باستخدام دالة onClick وهذا خاطئ يجب أن تكون الدالة click فيرجى تعديل الكود التالي $('.nav-link').onClick(function () { $(".navbar-nav").removeClass("active"); $("this").addClass("active"); }); }); ليصبح $('.nav-link').click(function () { $(".nav-link").removeClass("active"); $(this).addClass("active"); }); }); ايضا يجب حذف علامات التنصيص الموجودة حول كلمة this, كما في الكود السابق.
  7. أسامة زيادة
    يمنح css-loader التحكم في استيراد ملفات css. تحويل عنوان url(image.png) => require('./image.png') يمكّنك على سبيل المثال من استخدام أداة تحميل الملفات أو أداة تحميل url. يمكن الآن تحويل url (image.png) إلى: url(/public-path/0dcbbaa701328a3c262cfd45869e351f.png) أو بخاصية url-loader url(data:image/jpeg;base64,LzlqLzRBQ ... zdF3) style loader يأخذ تنسيقات CSS التي قمت باستيرادها في ملفات JavaScript الخاصة بك ، ويقوم بإدخالها كعلامات <style> </style> في عنصر <head> بالصفحة . /* style.css */ body { background: green; } /* component.js */ import './style.css'; /* webpack.config.js */ module.exports = { module: { rules: [ { test: /\.css$/i, use: ['style-loader', 'css-loader'], }, ], }, };
  8. أسامة زيادة
    CSS loader يأخذ ملف CSS ويعيده مع ()imports and url الذي تم حله من خلال webpack var css = require("css!./file.css"); style loader يأخذ تنسيق CSS ويقوم بالفعل بإدراجه في الصفحة بحيث تكون خصائص style مفعلة على الصفحة. require("style!css!less!./file.less")
  9. أسامة زيادة
    container هو محدد من بوتستراب تنشئ منطقة مركزية على الصفحة حيث يمكننا وضع محتوى موقعنا بداخله ويمكن استخدامه في تغليف الموقع كاملاً والفرق بين : class “container” يحتوي على هامش أيمن وأيسر ثابت ولن يأخذ العرض الكامل للصفحة الرئيسية أو متصفح العرض. class “container-fluid” سيأخذ العرض الكامل لمتصفح العرض وسيتوسع أو يتقلص عندما يتم تغيير حجم متصفح العرض.
×
×
  • أضف...