البرمجة

جافاسكربت في المتصفح التعرف على شجرة DOM لتعديلها عبر جافاسكربت

بواسطة محمد أمين بوقرة، في جافاسكربت، ‏18 يناير 2021

تعدّ الوسوم (tags) أساس مستندات HTML. ويُمثَّل كلُّ وسمٍ منها في نموذج كائن المستند (DOM) بكائن. كما يُمثَّل النصّ الذي بداخل الوسم بكائن أيضا. وتعدّ الوسوم المتشعبة عن وسم آخر "أبناءً" لذلك الوسم. يمكننا الوصول لكلّ هذه…

full_stack_101 حفظ بيانات تطبيقات Node.js في قاعدة بيانات MongoDB

بواسطة ابراهيم الخضور، في Node.js، ‏17 يناير 2021

قبل أن ننتقل إلى الموضوع الرئيسي في هذا الفصل، سنلقي نظرة على بعض الطرق المتبعة في تنقيح تطبيقات Node. تنقيح تطبيقات Node إن تنقيح التطبيقات المبنية باستخدام Node أصعب قليلًا من تنقيح شيفرة JavaScript التي تنفذ على …

مدخل إلى جافا الكائنات (Objects) وتوابع النسخ (Instance Methods) ومتغيرات النسخ (Instance Variables) في جافا

بواسطة رضوى العربي، في لغة جافا، ‏17 يناير 2021

تُعدّ البرمجة كائنية التوجه (object-oriented programming - OOP) بمثابة محاولة لتَمْكِين البرامج من نمذجة طريقة تفكيرنا بالعالم الخارجي وتَعامُلنا معه. بالأنماط الأقدم من البرمجة، كان المبرمج مُضطرًّا لتَحْديد المُهِمّة الحاسو…

full_stack_101 نشر تطبيق Node.js على الويب: خدمة هيروكو (Heroku) مثالًا

بواسطة ابراهيم الخضور، في Node.js، ‏14 يناير 2021

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

full_stack_101 مدخل إلى Node.js وExpress

بواسطة ابراهيم الخضور، في Express، ‏12 يناير 2021

سنوجّه اهتمامنا في هذا القسم إلى التعامل مع الواجهة الخلفية وآلية تطوير التطبيق بإضافة وظائف جديدة تنفذ هذه المرة من قبل الخادم. سنبني تلك الوظائف باستخدام NodeJS وهي بيئة تشغيل JavaScript مبنية على محرك JavaScript من تصميم G…

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

بواسطة محمد أمين بوقرة، في جافاسكربت، ‏11 يناير 2021

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

full_stack_101 إضافة تنسيقات إلى تطبيق React

بواسطة ابراهيم الخضور، في React، ‏10 يناير 2021

يبدو مظهر تطبيقنا الحالي متواضعًا. لقد طلبنا منك سابقًا في التمرين 0.2 أن تطلع على دورة تدريبة تتعلق بالتنسيقات المتتالية التي سنستخدمها حاليًا. لنلقي نظرة على الطريقة التي نضيف فيها تنسيقات لتغيير مظهر التطبيق قبل الانت…

full_stack_101 تغيير البيانات على الخادم في تطبيقات React

بواسطة ابراهيم الخضور، في React، ‏7 يناير 2021

من الطبيعي عندما ننشئ ملاحظات جديدة في تطبيقنا، أن نحفظ هذه الملاحظات على الخادم. تَعتبِر حزمة خادم JSON نفسها على أنها واجهة REST أو RESTful كما ورد في توثيقها: لا يتطابق توصيف خادم JSON تمامًا مع تعريف واجهة التطبيقا…

full_stack_101 إحضار البيانات من الخادم في تطبيقات React

بواسطة ابراهيم الخضور، في React، ‏5 يناير 2021

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

full_stack_101 إنشاء النماذج (forms) في React

بواسطة ابراهيم الخضور، في React، ‏3 يناير 2021

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

full_stack_101 تصيير مجموعة بيانات ومفهوم الوحدات في React

بواسطة ابراهيم الخضور، في React، ‏1 يناير 2021

لنلقي نظرة سريعة على المواضيع التي بدت صعبة في النسخة السابقة من المنهاج قبل أن ننتقل إلى موضوع جديد. التعليمة console.log سيبدو ذلك -رغم المفارقة- صحيحًا على الرغم من أن الهاوي سيحتاج هذه التعليمة أو غيرها من طرق…

مدخل إلى جافا مفهوم التصريحات (declarations) في جافا

بواسطة رضوى العربي، في لغة جافا، ‏20 ديسمبر 2020

كما ذَكَرَنا سابقًا، الأسماء هي أحد أركان البرمجة الأساسية. تَتَضمَّن مسألة التَّصْريح (declaring) عن الأسماء واِستخدَامها الكثير من التفاصيل التي تَجنَّبنا غالبيتها إلى الآن، ولكن حان وقت الكشف عن كثير من تلك التفاصيل. حاول …

مدخل إلى جافا تصميم البرامج في جافا

بواسطة رضوى العربي، في لغة جافا، ‏17 ديسمبر 2020

قُدرتك على اِستيعاب طريقة عمل البرامج، وفهمها هو أمر جيد بلا شك، ولكنه يختلف تمامًا عن تَصميمها بحيث تُنفِّذ مُهِمّة معينة. لقد ناقشنا بالقسم ٣.٢ كيفية تَطْوير الخوارزميات بطريقة مَنهجية باستخدام أسلوب التصميم المُتدرج (stepw…

مدخل إلى جافا واجهة برمجة التطبيقات والحزم والوحدات والتوثيق Javadoc في جافا

بواسطة رضوى العربي، في لغة جافا، ‏15 ديسمبر 2020

كل تَطوُّر يَحدُث بواجهات المُستخدِم، يُقابله تَعقيد أكبر ينبغي على المبرمج التَعامُل معه، ففي حين تستطيع كتابة واجهة برنامج طرفية (console user interface) بواسطة عدد قليل من البرامج الفرعية (subroutines) البسيطة التي تقرأ ما…

ملاحظات للعاملين بلغة php التعابير النمطية (regexp/PCRE) في PHP

بواسطة سارة محمد2، في PHP، ‏13 ديسمبر 2020

المعامل تفاصيل ‎$pattern ‎سلسلة نصية مع تعبير منطقي (نمط PCRE) table { width: 100%; } thead { vertical-align: middle; text-align: center; } td, th { …

مدخل إلى جافا تعبيرات لامدا (Lambda Expressions) في جافا

بواسطة رضوى العربي، في لغة جافا، ‏13 ديسمبر 2020

يُخْزَّن البرنامج الفرعي (subroutine) بذاكرة الحاسوب على هيئة سِلسِلة نصية طويلة مُكوَّنة من الرقمين صفر وواحد، ولذلك فإنه لا يَختلف كثيرًا عن البيانات (data)، مثل الأعداد الصحيحة والسَلاسِل النصية والمصفوفات، والتي تُخْزَّن …

ملاحظات للعاملين بلغة css تنسيقات المتصفحات المخصصة ودعمها وأداءها في CSS

بواسطة زائر، في CSS، ‏12 ديسمبر 2020

تُضيف المتصفحات تلقائيًا بعض الأنماط على عناصر HTML، وتختلف هذه الأنماط باختلاف المتصفح مما يتسبب في ظهور الصفحة بأشكال مختلفة عند عرضها على متصفحات مختلفة، ولتفادي هذا الأمر يجب توحيد أنماط المتصفحات، ومن الشائع استخدام مكتب…

ملاحظات للعاملين بلغة php الانعكاس (Reflection) وحقن الاعتمادية في PHP

بواسطة سارة محمد2، في PHP، ‏11 ديسمبر 2020

الانعكاس كشف ميزة الأصناف أو الكائنات يمكن إجراء كشف ميزة الأصناف جزئيًا مع الدالتين property_exists وmethod_exists. class MyClass { public $public_field; protected $protected_field; private $private…

مدخل إلى جافا القيم المعادة من الدوال في جافا

بواسطة رضوى العربي، في لغة جافا، ‏10 ديسمبر 2020

يُطلَق على البرامج الفرعية (subroutine) التي تُعيد قيمة اسم "الدوال (function)"، والتي يُمكِنها أن تُعيد قيمة من نوع واحد مُحدَّد ضِمْن التعريف ويُسمى النوع المُعاد (return type) من الدالة. بإِمكَانك استدعاء الدوال (function …

ملاحظات للعاملين بلغة css مواضيع متقدمة في CSS

بواسطة زائر، في CSS، ‏9 ديسمبر 2020

الدوال (Functions) الدالة ()calc تسمح الدالة ()calc بإجراء عمليات حسابية على قيم خاصيات CSS، ويمكن استخدامها في أي موضع يُسمَح فيه باستخدام أنواع البيانات <length> و <percentage> و <angle> و <ti…