الفرق بين save-dev– و save– عند استخدام npm

كتب بواسطة: | Uncategorized | لا يوجد تعليقات

Save-dev–: الحزمة سوف تظهر في تبعيات التطوير (devDependencies) الخاصة بك. تبعاً لوثيقة تحميل npm. إذا كان هناك شخص ما يخطط لتنزيل النموذج (module) الخاص بك في برنامجه واستخدامه، فربما لا يريد أو لا يحتاج لتنزيل وبناء الاختار الخارجي، أو وثيقة الإطار (documentation framework) التي تستخدمها. بعبارة أخرى، لن يتم تثبيت تبعيات التطوير (devDependecies) لتبعيات التطبيق الخاص بك عندما تقوم بتشغيل…

أكمل القراءة

الدليل إلى package.json

كتب بواسطة: | Uncategorized | لا يوجد تعليقات

ملف package.json هو عنصر أساسي في الكثير من التطبيقات التي يعتمد الكود فيها على بيئة node.js. إذا كنت عملت من قبل في JavaScript، أو تعاملت مع مشروع JavaScript أو Node.js، أو فمت بعمل مشروع front-end، فبالتأكيد ستكون قابلت ملف package.json. لماذا يتواجد هذا الملف؟ ما الذي يجب أن تعرفه، وما هي بعض الأشياء الرائعة التي يمكنك القيام بها؟ ملف package.json…

أكمل القراءة

أكواد حالة HTTP

كتب بواسطة: | Uncategorized | لا يوجد تعليقات

مرحباً أنا Victor Nizeyimana  دعونا نتحدث عن أكواد حالة HTTP. أكوادحالة HTTP – يتم إصدار أكواد الحالة بواسطة الخادم (server) استجابةً لطلب العميل(client) المقدم إلى الخادم(server). رمز الحالة المفضل لدي هو: “418: أنا إبريق الشاي”. هذه ليست مزحة! … تحقق من RFC2324 القسم 2.3.2. إذا كنت تحب أن تعرف كل رموز الحالة؟ ها هي القائمة الخاصة بهم! الأقسام: 1×× معلوماتية…

أكمل القراءة

دليل المبتدئين إلى HTTP و REST

كتب بواسطة: | Uncategorized | لا يوجد تعليقات

كُتب بواسطة  Ludovico Fischer HTTP  هو اختصار لـ Hypertext Transfer Protocolويعني بروتوكول نقل النص التشعبي، وهو حياة الويب وأساسه. يتم استخدامه في كل مرة تقوم فيها بنقل مستند، أو تقوم بطلب AJAX. ولكن من المدهش أن بروتوكول HTTP غير معروف نسبياً بين بعض مطوري الويب. سوف توضح هذه المقدمة كيف أن مجموعة مبادئ التصميم، المعروفة باسم REST، تدعم بروتوكول HTTP،…

أكمل القراءة

الموضع (position) في CSS

كتب بواسطة: | Uncategorized | لا يوجد تعليقات

خاصية الموضع يمكن أن تساعدك بالتلاعب في مكان العنصر، على سبيل المثال: الموضع نسبي (relative) ، يقوم بوضع العنصر بالنسبة لموقعه الأصلي، في المثال بالأعلى سيتحرك العنصر للأسفل بمقدار 20px. إذا كنا نريد إضافة حركة بهذه الخصائص، يمكننا أن نرى كم سهولة التحكم تعطينا هذه الخصائص (على الرغم من أن هذه ليست فكرة جيدة، وذلك لأسباب تتعلق بالأداء): الموضع النسبي…

أكمل القراءة

نموذج صندوق CSS (CSS Box Model)

كتب بواسطة: | Uncategorized | لا يوجد تعليقات

على الرغم من احتمال سماعك لنفس الكلمات: كل عنصر في تصميم الويب هو مربع مستطيل. كانت هذه لحظة “وجدتها!” التي ساعدتني حقاً في فهم تصميم الويب القائم على CSS وإنجاز المخططات التي أردت إنجازها. لقد تحدثنا عن موضع (position) هذه الصناديق قليلاً، وعن سلوكها. ما لم نتحدث عنه كثيرا هو الصندوق نفسه. كيف يتم حساب حجم المربع بدقة؟إليكم الرسم التخطيطي: لو كنت من مستخدمي Firebug قد تكون معتادًا على هذا الرسم البياني، الذي يقوم بعمل…

أكمل القراءة

دليل المبتدئين لاستخراج البيانات باستخدام (AJAX, Fetch API & Async/Await)

كتب بواسطة: | Uncategorized | لا يوجد تعليقات

المقدمة في هذه المقالة سوف أقوم بشرح كيفية استخراج البيانات بشكل غير متزامن من واجهة برمجة التطبيقات (API) الخارجية باستخدام تقنيات الويب مثل: AJAX، Fetch API و Async/Await. كيف نستخرج البيانات من API خارجي AJAX AJAX يرمز إلى JavaScript غير متزامن، وXML، وهي مجموعة من تقنيات الويب لإرسال واستقبال البيانات بشكل غير متزامن من عميل أو خادم (server)، ويتم ذلك…

أكمل القراءة

دليل المبتدئين للـ API’s (واجهة برمجة التطبيقات) في تطوير الويب

كتب بواسطة: | Uncategorized | لا يوجد تعليقات

كُتب بواسطة سيمون شريف فكر في تجاربك باستخدام تطبيقات مشاركة الركوب (ride-sharing)  في الموبايل، مثل تطبيق Lyft. أنت قادر على طلب سيارة إلى إحداثياتك الجغرافية بالضبط، وصولاً إلى زاوية الشارع. هذه الوظيفة ممكنة بفضل واجهات برمجة التطبيقات أو API’s. إن API هي منصة تسمح لمختلف أجزاء البرامج أو التطبيقات بالتواصل مع بعضها البعض. يُستخدم هذا المصطلح على نطاق واسع في…

أكمل القراءة

لماذا يهمنا تحسين أداء الويب وما الذي يمكنك فعله

كتب بواسطة: | Uncategorized | لا يوجد تعليقات

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

أكمل القراءة

ما هو نموذج كائن المستند (Document Object Model)، ولماذا يجب أن تعرف كيفية استخدامه

كتب بواسطة: | Uncategorized | لا يوجد تعليقات

كُتب بواسطة Leonardo Maldonado إذاً قمت بتعلم HTML، وصنعت الصفحة الأولى الخاصة بك، تعلمت CSS وصنعت نماذج جميلة، وأزرار مذهلة، قمت بعمل صفحات متوافقة مع الشاشات، وبدأت تُري الآخرين أعمالك الرائعة. لكن قررت أن تتقدم في علمك، وبدأت تسأل نفسك: “كيف أضيف حركة لصفحة الويب الخاصة بي؟ أتمنى لو هذا الزر قام بحركة معينة عند الضغط عليه!” حسناً، لذلك DOM…

أكمل القراءة