السلام عليكم و رحمة الله تعالى و بركاته , مرحبا , كيف حالكم جميعا , ارجو من الله تعالى سبحانه و تعالى جل و علا

ان تكونو بخير و صحة و سلامة و عافية و اما بعد

ما هي تقنية الـ pugjs ؟ و لماذا هي موجود ؟ و ما الفائدة منها ؟ و من اين اتعلمها ؟

لغة التصميم html

ببساطة شديدة فـ ان المواقع يتم بنائها ببساطة عن طريق 3 لغات رئيسية و هم الـ html و الـ css و الـ جافا سكربت

و اي موقع في هذه الحياة قد تم بنائه بعد عون الله تعالى , بـ استخدام هذه اللغات الثلاثة , و في مقالنا هذا سوف نتطرق الى

لغة الـ html حيث ان هذه الاخير هي اللغة المسؤولة عن بناء المواقع كـ هيكل , فـ كل شيء في هذه الحياة يمتلك هيكل

فـ جسم الانسان يمتلك هيكل و الذي يدعى بـ الهيكل العظمي , و السيارة تمتلك هيكل داخلي , و الهاتف يمتلك كذلك و الحاسوب

و كل شيء صغير و كبير يمتلك هيكل يستند عليه , و المواقع لا تختلف بشيء عن هذه القاعدة الشاملة فـ قاعد الموقع هي الـ

html و يتم خلالها بناء الموقع و ضبط الاساسيات التي فيما بعد تنسق بـ استخدام الـ css و هذه الاخير تطفي طابع اللون

و الجمالية على التصميم و لا داعي للدخول في الجافا سكربت فـ حديثنا ها هنا فقط عن الـ html

السبب الكامن من بناء تقنية الـ pug js

ان الـ html رغم قوتها , الا انها تفتقر لعدة مزايا جدا مهمة و ضرورية في المشاريع الكبير , حيث انها تفتقر الى الدوال الشرطية

و تفتقر الى المتغيرات و تفتقر الى العديد من الخواص الجد مهمة في تسريع عملية بناء الموقع و ذلك يرجع لسبب انها لغة تصميم

او ما يحب ان يطلق عليها البعض لغة توصيف و ليست بـ لغة برمجة , فـ لذلك هي عاجزة عن تأدية المهام بـ احترافية و انما بـ بدائية

و ستكتشف قمة البدائية عند الدخول في المشاريع العملاقة و اقصد هنا المتاجر الاكترونية , هذا و لا يجب ان ننسى ان اكواد

الـ html لا تخضع لـ قواعد اساسية في الكتابة , فـ ترى ان الكتابة تختلف من شخص الى اخر , و هذا مشكلة عظيمة عند

التعديل على اكواد الغير او عند فتح مشاريع للغير , فـ احيانا تجد الاكواد في اليمين و اليسار و في الاعلى و الاسفل و فراغات

كثيرا , تشعرك بالقرف عند مشاهدتها و نادرا ما تستطيع ان تفهمها ما لم تضيع وقتك في تعديلها و تحسينها , فـ لذلك لحل كل

تلك المشاكل , وجد مفهوم تقنية الـ pugjs

الية عمل هذه التقنية

ببساطة فـ ان هذه التقنية تعمل بعد عون الله تعالى , على تحويل الملف الذي تكتب به الى اكواد html يستطيع المتصفح

ان يقوم بـ قرائتها , حيث ان هذه التقنية تمتلك طريقة خاصة بها في الكتابة , لكن لا تقلق يا عزيز القارئ , فـ ان الطريقة

لا تختلف كثيرا عن طريقة كتابة الـ html فـ كل ما عليك فعله عوض كتابة بداية و نهاية الوسم , تقوم بـ كتابة اسم الوسم

فوائد الـ pugjs

فـ ان فوائد هذه التقنية عديدة و جميلة و منها :

1- امتلاك الخواص البرمجية مثل الـ متغيرات و الدوال الشرطية و خاصة الـ for

2- امكانية تقسيم المشروع في ملفات منفصلة لسهولة التعديل عليها في المستقبل ان شاء الله تعالى

3- ترتيب في الكود رغما عن انف المبرمج , حيث ان الاخير لا يستطيع ان يكتب اكواد عشوائيه لان الكود

ببساطة لن يقرء و سوف يسبب مشاكل عند المشاهدة , فـ لذلك تعتبر تقنية جدا قوية و مفيدة في عالم الويب

و على الجميع تعلمها في حال اراد الوصول الى الاحترافية و السرعة في انجاز المشاريع العملاقة

من اين اتعلم الـ pugjs

هناك العديد و العديد و العديد و العديد من المصادر الجميلة التي يمكنك بعد عون الله تعالى

ان تتعلم من خلالها هذه التقنية او التقنيات المشابهة لها , و نعم هناك تقنيات مشابهة لها , لكن موضوعنا هنا

هو الـ pugjs فـ بالنسبة لي شخصيا ارشح كورس الاستاذ اسامة محمد من قناة الزيرو ويب سكول

حيث انني درست هذه التقنية شخصيا من عنده و انصح الجميع بـ مشاهدة الكورس الخاص به

رابط الكورس :

و اتقو الله تعالى ما تستطيعون سبيلا , و لا تنسو الصلاة الحالية , قيام الليل و السنن البعدية و القبلية , الصلاة على النبي , صلى الله عليه و سلم , قراءة اية الكرسي بعد كل صلاة مكتوبة , و قراءة سورة الكهف و سورة البقرة و الجزء الاخير منها , و الاستغفار لكم و لمن تحبونهم و تهتمون لامرهم و ترديد دعاء : اللهم انك عفو تحب العفو فاعف عني او عنا

و ترديد الدعاء العظيم الحبيب للرحمن الخفيف على اللسان :

سبحان الله و بحمده , سبحان الله العظيم

ثم شكرا لكم و دمتم بود

^_^