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

لقد تعرّفنا في درس سابق على بعض دوال اكسل النصيّة، مثل دالة TRIM لإزالة المسافات الزائدة بين النصوص، الدوال FIND، SEARCH، وREPLACE للبحث عن النصوص واستبدالها، ودالتي UPPER وLOWER لتغيير حالة الأحرف للنصوص الإنجليزية. في هذا الدرس سنتعلّم كيف نطبّق المزيد من الإجراءات على النصوص في اكسل باستخدام الدوال، ونوضّح ذلك من خلال الأمثلة التطبيقية. LEFT تُستخدم دالة LEFT لاستخراج جزء من النص من جهة اليسار للسلسلة النصية حسب عدد الأحرف الذي نحدده. والصيغة العامة لهذه الدالة هي: =LEFT(text; [num_chars]) text: النص الذي نريد استخراج جزء منه. num_chars: عدد الأحرف التي نريد استخراجها. وبما أنّ وجوده اختياري في الصيغة، سيتم افتراض العدد 1 عند عدم تحديد هذه القيمة. مثال: إذا رغبنا في استخراج كلمة "Text" من نص الخلية B4 نستخدم الدالة LEFT (لأنّ الكلمة تقع في جهة اليسار من السلسلة النصية) ونكتب الصيغة التالية: قمنا بتحديد الخلية B4 لأنها تحتوي على النص الذي نريد الاستخراج منه، وقمنا بكتابة الرقم 4 لأنّ كلمة "Text" تتكوّن من أربعة حروف. نضغط على مفتاح ENTER لإظهار النتيجة: إذا لم نحدد قيمة num_chars في الصيغة سيتم افتراض القيمة 1 وإرجاع النتيجة "T" لأنّ هذا الحرف يحتل المرتبة الأولى من جهة اليسار: إذا استخدمنا هذه الدالة مع نص مكتوب باللغة العربية، سينعكس اتجاه عمل الدالة وتقوم باستخراج جزء من النص من جهة اليمين للسلسلة النصية. أي بشكل أدق يمكننا القول أنّ الدالة تستخرج النص الذي يقع في موضع معيّن من بداية السلسلة النصية. على سبيل المثال، إذا قمنا بتطبيق نفس الصيغة أعلاه على الخلية B5: سيتم استخراج كلمة "دوال" من الخلية، والتي هي في الحقيقة تقع على يمين، وليس يسار، السلسلة النصية: RIGHT عمل هذه الدالة معاكس لعمل الدالة السابقة. إذ تقوم باستخراج جزء من النص الذي يقع على يمين السلسلة النصية حسب عدد الأحرف الذي نحدده. والصيغة العامة لها هي: =RIGHT(text; [num_chars]) text: النص الذي نريد استخراج جزء منه. num_chars: عدد الأحرف التي نريد استخراجها. وبما أنّ وجوده اختياري في الصيغة، سيتم افتراض العدد 1 عند عدم تحديد هذه القيمة. مثال: إذا رغبنا في استخراج كلمة "Academy" من النص في الخلية B4 نستخدم الدالة RIGHT (لأنّ الكلمة تقع على يمين السلسلة النصية) ونكتب الصيغة التالية: قمنا بإدخال الرقم 7 لأنّ كلمة "Academy" تتكوّن من 7 حروف. نضغط على مفتاح ENTER لإظهار النتيجة: MID تُستخدم دالة MID لاستخراج جزء من النص يقع في مرتبة محددة من بداية السلسلة النصية وحسب عدد الأحرف الذي نحدّده. الصيغة العامة لهذه الدالة: =MID(text; start_num; num_chars) text: النص الذي نريد الاستخراج منه. start_num: موضع/مرتبة الحرف الأول للنص الذي نريد استخراجه. num_chars: عدد أحرف النص الذي نريد استخراجه. مثال: إذا رغبنا في استخراج كلمة "Hsoub" من النص في الخلية B4 باستخدام الدالة MID، نكتب الصيغة التالية: قمنا بإدخال الرقم 18 لأنّ الحرف الأول من كلمة "Hsoub" يقع في المرتبة 18، والرقم خمسة لأنّ عدد حروف كلمة "Hsoub" يساوي 5. نضغط على ENTER لإظهار النتيجة: CONCATENATE تُستخدم دالة CONCATENATE لجميع جزأين أو أكثر من النصوص في سلسلة نصيّة واحدة. والصيغة العامة لهذه الدالة هي: =CONCATENATE(text1; [text2];…) text1: النص الأول الذي نريد دمجه. text2: النص الثاني الذي نريد دمجه مع النص الأول. يمكن أن تكون العناصر التي نريد تجميعها قيم نصّية، رقمية، أو مرجع خلية. مثال: إذا رغبنا في تجميع النص من خلايا متفرّقة، ولتكن G3 وD7، بالإضافة إلى الرقم "2"، نكتب الصيغة التالية: قمنا بإدخال مسافة فارغة بين علامتي اقتباس (" ") بعد G3 وD7 لأننا نريد أن نفصل النصوص بمسافة، وإلّا ستظهر الكلمات متلاصقة. نضغط على ENTER لإظهار النتيجة: لقد نجحنا في المثال بتجميع النصوص من خلايا متفرّقة، أحد هذه النصوص هو نتيجة لصيغة قمنا بتطبيقها سابقًا (كلمة "Text")، والنص الثاني هو عبارة عن قيمة نصيّة (Functions)، أما الأخير فهو قيمة رقمية ("2") قمنا بإدخالها يدويًا في الصيغة. بإمكاننا أيضًا استخدام علامة العطف (&) لتجميع النصوص بدلًا من الدالة CONCATENATE. على سبيل المثال، إذا رغبنا في جمع النصوص في G4 وG5 باستخدام العلامة & نكتب الصيغة التالية: علامة & هي في الحقيقة ليست دالة، واستخدامها مشابه تقريبًا لاستخدام علامة الجمع (+) مع القيم الرقمية. نراعي عند جمع النصوص هنا أيضًا وضع مسافة فارغة بين علامتي اقتباس بين النصوص لتلافي تلاصقها. نضغط على ENTER لإظهار النتيجة: EXACT تُستخدم هذه الدالة للمقارنة بين النصوص والتأكّد فيما إذا كانت متطابقة. فتقوم بإرجاع القيمة المنطقية TRUE إذا كانت متطابقة، والقيمة المنطقية FALSE إن لم تكن كذلك. وتكون دالة EXACT حساسة لتشكيل الأحرف في اللغة العربية وحالتها (صغيرة أو كبيرة) في اللغة الإنجليزية لكنّها لا تقارن تنسيق النص. الصيغة العامة للدالة: =EXACT(text1; text2) text1: النص الأول الذي نريد مقارنته. text2: النص الثاني الذي نريد مقارنته. مثال: لمقارنة النصين في الخليتين B3 وC7 نكتب الصيغة التالية: تم إرجاع النتيجة FALSE لعدم وجود همزة فوق حرف الألف لكلمة "اكاديمية" في الخلية C7، وهذه الدالة كما ذكرنا حسّاسة لتشكيل الأحرف: تسهّل هذه الدالة أيضًا مقارنة الأرقام، فإذا كانت الأرقام طويلة وفي مواضع متفرّقة من الورقة سيكون من الأدق مقارنتها باستخدام دالة EXACT. سنقوم مثلا بمقارنة الرقمين في الخليتين B2 وC6 بكتابة الصيغة التالية: وسنتأكّد من تطابق الرقمين عند إرجاع النتيجة TRUE: LEN تقوم هذه الدالة بحساب طول السلسلة النصية فتقوم بإرجاع عدد أحرف النص. والصيغة العامة لها هي: =LEN(text) text: النص الذي نريد تطبيق الدالة عليه. مثال: لحساب عدد أحرف النص في الخلية G6 نكتب الصيغة التالية: سيتم تضمين المسافات بين الكلمات عند إرجاع النتيجة: بإمكاننا أن نضيف إلى نتيجة هذه الدالة كلمة توضيحية باستخدام العلامة &. على سبيل المثال، لإضافة كلمة "حرف" بعد عدد الأحرف الذي ترجعه الدالة، نكتب الصيغة كالتالي: والنتيجة: كما بإمكاننا استخدامها مع الدوال الأخرى سالفة الذكر. على سبيل المثال نستطيع استخدامها لحساب عدد أحرف سلسلتين نصيتين مدموجتين باستخدام دالة CONCATENATE. وتكون الصيغة في هذه الحالة كالتالي: والنتيجة: خاتمة لقد استعرضنا بعض الدوال النصيّة التي يمكن أن تكون مفيدة لتسهيل بعض المهام وتوفير الوقت عند العمل على اكسل. فيمكننا مثلا استخدام دوال الاستخراج لنسخ إجزاء من النصوص في موقع معيّن من الخلية دون الحاجة إلى نسخة يدويًا. كما يمكننا استخدام دالة الدمج مع أمر التعبئة التلقائية لدمج بيانات عمودين في عمود واحد بشكل سريع، وغيرها من الاستخدامات الفوائد حسب ما يلائم حاجة المستخدم. إن كان لديكم أي سؤال بخصوص دوال النصوص تفضّلوا بطرحه في صندوق التعليقات.

سنتعرّف في هذا الدّرس على لغة البرمجة جافاسكربت من منظور عامّ وسنجيب على تساؤلاتك ماهي جافاسكربت؟ وما الذي تقوم بعمله في صفحات الوِب؟ و نتأكد من أن مفهوم جافاسكريبت قد أصبح واضحًا لديك. ملحوظة: يتوجَّه هذا الدرس، والدروس التي تليه - إلى من لديهم معرفة سابقة بأساسيّات التطوير للوِب: HTML وCSS. التعريف العام لجافاسكريبت تُعرَّف جافاسكريبت بأنّها لغة برمجة تسمح لك بتنفيذ أشياء معقدة على صفحات الوِب، تعدّ صفحات الوِب الحديثة أكثر من مجرد موقع يُظهر لك معلومات ثابتة تتصفحها، فهي - مثلًا - تعرض تحديثات المحتوى المباشرة، أو تعرض الخرائط التفاعلية، أو الرسومات المتحركة ثنائية أو ثلاثية الأبعاد، أو تمرّر ملفات الفيديو المصورة، وما إلى ذلك. تمثّل جافاسكريبت الطبقة الثالثة من طبقات تقنيات الوِب القياسية. الطبقتان الأوليان هما HTML وCSS. HTML هي لغة توصيف Markup نستخدمها لإنشاء محتوى الوِب وإضفاء معنى عليه، مثل تعريف الفقرات، العناوين وجداول البيانات أو تضمين الصور ومقاطع الفيديو في الصفحة. CSS هي لغة تعرّف قواعد الأنماط Style rules التي نستخدمها لتطبيق التصميم على المحتوى الذي تصفه HTML، على سبيل المثال، تعيين ألوان وخطوط الخلفية، ووضع محتوى ما في أعمدة متعددة. Javascript هي لغة برمجة تمكّنك من إنشاء محتوى حيوي وديناميكي، التحكم في الوسائط المتعددة، وتحريك الصور وأمورا وكل شيء آخر. حسنًا، ليس كل شيء، ولكن من المدهش ما يمكنك تحقيقه مع بضعة أسطر من شفرة جافاسكريبت. سنأخذ مثالًا يوضح كيفية بناء هذه الطبقات الثلاث فوق بعضها بشكل لطيف. لنأخذ تسمية نص بسيط كمثال. سنضع علامة عليه باستخدام HTML لإعطائه هيكلًا وغرضًا: <p>Player 1: Chris</p> النتيجة حتى الآن. سنضيف تحسينات على الشكل باستخدام CSS: p { font-family: 'helvetica neue', helvetica, sans-serif; letter-spacing: 1px; text-transform: uppercase; text-align: center; border: 2px solid rgba(0,0,200,0.6); background: rgba(0,0,200,0.3); color: rgba(0,0,200,0.6); box-shadow: 1px 1px 2px rgba(0,0,200,0.4); border-radius: 10px; padding: 3px 10px; display: inline-block; cursor:pointer; } أصبحت النتيجة الآن كالتالي. وأخيرًا، نضيف بضعة تعليمات جافاسكريبت لتنفيذ السلوك الديناميكي. var para = document.querySelector('p'); para.addEventListener('click', updateName); function updateName() { var name = prompt('Enter a new name'); para.textContent = 'Player 1: ' + name; } غرضنا الآن ليس شرح التعليمات السابقة (سنفعل ذلك لاحقا) ولكن توضيح ما يمكن أن تضيفه جافاسكريبت لـHTML وCSS. عند النقر على النص تظهر نافذة تطلُب إدخال اسم ثم عند إدخال الاسم في النافذة المنبثقة والنقر على زر OK تأخذ النص وتطبعه أمام الجملة Player 1. استعرض المثال على Jsfiddle. الشفرة المصدرية الكاملة للمثال. التشغيل المباشر. يمكن لجافاسكريبت أن تفعل أكثر من ذلك بكثير؛ دعونا نستكشف مزيدًا من التفاصيل. مالذي يمكن لجافاسكريبت فعله حقا؟ تتكون لغة جافاسكريبت الأساسية من بعض ميزات البرمجة الشائعة التي تسمح لك بفعل أشياء مثل: تخزين قيم مفيدة داخل متغيرات Variables. في المثال السابق على سبيل المثال، نطلب من المستخدم ادخال اسم جديد ثم يُخزَّن هذا الاسم في متغير يسمى name. العمليات على أجزاء من النص (المعروفة باسم سلاسل المحارف Strings في البرمجة). في المثال أعلاه، نأخذ سلسلة المحارف Player 1: ونضمها إلى متغير الاسم المذكور أعلاه لإنشاء الجملة الكاملة، على سبيل المثال Player 1: Chris. تشغيل التعليمات البرمجية ردًا على أحداث معينة تحدث على صفحة وِب. في المثال أعلاه استخدمنا الحدث click الذي يخبرنا أن المستخدم نقر على النصّ ثم نشغّل الشفرة التي تعمل على تحديث النص. والكثير! ولكن ما هو أكثر إثارة هو وظيفة بُنيت على لبّ لغة جافاسكريبت الأساسي. تسمى APIs وهي اختصار لـ Application Programming Interface واجهات برمجة التطبيقات. تتيح لك واجهات برمجة التطبيقات (APIs) المزيد من القوة لاستخدامها في شفرة جافاسكريبت. تُعرّف واجهات برمجة التطبيقات (APIs) على أنها مجموعات جاهزة من الشفرات البرمجيّة تسمح لمطور البرامج بتنفيذ برامج سيكون من الصعب أو المستحيل تنفيذها من دون استخدام واجهة برمجة التطبيقات. لأوضح لك الفكرة، تخيل أنك تريد عمل رف خشبي للكتب، سيكون الأمر أسهل بكثير لو توافرت لك الألواح الخشبية والمسامير بالمقاسات المناسبة وما عليك سوى تجميعها معًا لعمل رف الكتب. في حين سيكون الأمر أصعب بكثير لو توجّب عليك أنت العثور على الخشب المناسب وتقطيعه إلى الحجم والشكل الصحيح وإيجاد قياس المسامير المناسب ومن ثم تجميعها معًا لعمل رف الكتب. هذا ما تسهل عمله واجهات برمجة التطبيقات. تنقسم واجهات برمجة التطبيقات (APIs) عمومًا إلى فئتين. واجهات برمجة التطبيقات الخاصّة بالمتصفّح Browser APIs: تُدمَج واجهات برمجة تطبيقات في المتصفّح لإعطائه القدرة على عرض البيانات من بيئة الحاسوب المحيطة به، أو القيام بأشياء معقدة مفيدة. فمثلا: تسمح لك واجهة برمجة تطبيقات DOM وهي اختصار لـ Document Object Model بمعالجة HTML و CSS، إنشاء، إزالة وتغيير HTML ، تطبيق أنماط Styles جديدة ديناميكيًّا على صفحتك، وما إلى ذلك. في كل مرة تُعرَض فيها نافذة منبثقة تظهر على صفحة، أو يُعرَض محتوى جديد -كما رأينا أعلاه في مثالنا السابق- فواجهة DOM هي المسؤولة عن ذلك. تستعيد واجهة برمجة التطبيقات Geolocation API معلومات الموقع الجغرافي، ممّا يفسّر كيف يمكن لخرائط جوجل Google Maps أن تعثُر على موقعك الجغرافي وترسمه على الخريطة. تسمح لك واجهات برمجة تطبيقات اللوحة Canvas و WebGL بإنشاء رسومات متحركة ثنائية الأبعاد وثلاثية الأبعاد. يقوم الأشخاص بأشياء مدهشة باستخدام تقنيات الوِب هذه. تسمح لك واجهات برمجة التطبيقات الصوتية والمرئية مثل HTMLMediaElement و WebRTC بالقيام بأشياء مثيرة للاهتمام حقًا مع الوسائط المتعددة، مثل تشغيل الصوت والفيديو مباشرة في صفحة وِب أو التقاط الفيديو من كاميرا الوِب الخاصة بك وعرضها على جهاز كمبيوتر شخص آخر (جرب العرض التوضيحي snapshot) ملاحظة: لن تعمل العديد من العروض التوضيحية المذكورة أعلاه في متصفح أقدم. عند التجربة، من الأفضل استخدام متصفح حديث مثل فايرفوكس أو كروم أو Edge أو Opera لتشغيل الشفرة. واجهة برمجة التطبيقات الخاصّة بطرف ثالث Third party APIs. لا تُضمَّن هذه الواجهات في المتصفح مبدئيًّا. وعليك عمومًا الحصول على التعليمات البرمجية والمعلومات من مكان ما على الوِب. فمثلا: تتيح لك واجهة برمجة تطبيقات تويتر Twitter API إجراء أشياء مثل عرض أحدث التغريدات على موقعك الإلكتروني. تسمح لك واجهة برمجة التطبيقات لخرائط غوغل Google Maps API بتضمين الخرائط المخصصة في موقعك على الوِب، وغير ذلك من الوظائف. ملاحظة: واجهات برمجة التطبيقات هذه متقدمة، ولن يتم تغطية أي منها في هذه الدّروس، ولكن الروابط الواردة أعلاه توفّر وثائق شاملة إذا كنت مهتمًا بمعرفة المزيد. يوجد الكثير لتعلّمه، لا تفقد حماسك. دراسة جافاسكريبت لمدة 24 ساعة لن تعطيك القدرة على بناء فيسبوك، خرائط غوغل أو إنستغرام. هناك الكثير من الأساسيات التي يجب تغطيتها أولًا. وهذا هو السبب في أنك هنا. سنكمل في الدرس السابق حديثنا عن جافاسكريبت وستكون فرصة على للنظر الفعلي في شفرات برمجية. ترجمة - بتصرف - للمقال What is JavaScript? الذي اشترك في كتابته مساهمو موزيللا.