أنا أحب المواقع الثابتة. لأكون أكثر دقة ، أحب بناءها. هناك شيء صاف عن الجلوس هناك أمام الشاشة. انها مجرد أنت ومحرر النص الخاص بك ، والكتابة في HTML و CSS عادي.
لا تفهموني خطأ ، المواقع الديناميكية ممتعة أيضًا. يعلم الله أنني من محبي WordPress وسهولة الاستخدام التي توفر للمستخدمين. المواقع الثابتة تعيدني ، مع ذلك. أتذكر التحول من برنامج WYSIWYG إلى محرر نصوص. أتذكر تبسيط عملية التطوير مع أول وظيفة بي إتش بي من أي وقت مضى: وتشمل. كانت تلك أيامًا جيدة ، لكن على عكس العديد من الأيام ، لم يرحل الجميع.
الفرق هو أنه يمكننا الآن القيام بذلك بشكل أفضل. قبل معالجات مثل أقل و ساس تحسين كبير في تجربة كتابة CSS. لدينا أي عدد من لغات البرمجة النصية للاختلاط في HTML ، إذا اخترنا ذلك. ثم ... ثم فعل الناس بعض الأشياء المثيرة للاهتمام حقًا.
لقد ذكرت سابقا شاكوش التطبيق لنظام التشغيل Mac. إنه تطبيق يقدم وظائفه الخاصة وتوسعاته إلى HTML القديم الجيد ، مما يسمح لك بتضمين ملف جزئي في ملف آخر ، وأشياء أخرى جيدة. وهو يجمع النتائج إلى موقع ثابت منتظم يمكن استضافته في أي مكان. انها في الواقع لديها عدد غير قليل من الميزات أكثر من ذلك ، ولكن هذه المقالة ليست عن المطرقة. لماذا ا؟ لا يتوفر إلا لنظام Mac.
أدخل القيثارة ...
إنه ليس تطبيقًا ، إنه أكثر من ذلك بكثير. ويشمل preprocessors ل CSS. ويشمل لغات templing لوثائق HTML. إنه خادم صغير يمكن استخدامه للتطوير ، أو تحول إلى خادم إنتاج فعلي. يمكنك استخدام جافا سكريبت من جانب الخادم لتحويله إلى تطبيق كامل ، حيث يتم تشغيله على Node.js. أو ، إذا لم تكن مبرمجًا ، يمكنك فقط إنشاء موقع ثابت ، ثم تجميعه لاستضافته في مكان آخر.
نظرًا لأنه يعتمد على Node.js ، فهو عبارة عن نظام أساسي. كما أنه مرخص معهد ماساتشوستس للتكنولوجيا ، لذلك فهو مجاني. يمكنك حتى إجراء تغييرات وإعادة توزيعها أو إعادة بيعها إذا أردت.
الآن ، قد لاحظ الناس الذين يراقبون أن القيثارة ليست الأداة الوحيدة من نوعها. ينشئ الكثير من الأشخاص أدوات تستند إلى "عقدة" لتنفيذ مشاريع الويب بسرعة. مشكلتي الرئيسية مع هذه هي أنهم يفترضون بشكل عام أنك تريد استخدام إطار CSS المفضل لديهم ، أو مكتبة الرسوم المتحركة ، أو النظام الأساسي لـ HTML. لا يقوم Harp بأي افتراضات حول الشفرة التي تريد كتابتها. فقط يعطيك الأدوات لكتابتها بشكل أسرع.
ضع في اعتبارك ، يجب أن يتم تثبيته وتشغيله عبر سطر الأوامر. لا يوجد واجهة المستخدم الرسومية لهذا. ولكن بمجرد أن تبدأ - وهذا ليس بالأمر الصعب على الإطلاق - فإن الفوائد تفوق منحنى التعلم.
الآن ، أنا متأكد من أن معظم قرائنا على دراية بالطرق التي حاولت بها صناعة الويب تحسين CSS على الفانيلا. عندما يتم تشغيل الخادم الصغير لمشروعك ، فإن كل من LESS و SASS و Stylus يتم تجميعها تلقائيًا في CSS.
التجميع سريعًا بشكل مرضٍ دائمًا. في جميع الاختبارات التي أجريتها ، تم تجميع التغييرات التي أجريت على موقعي على الويب في الوقت الذي تستغرقه عملية حفظ ملفي ، ثم تحديث المتصفح.
وشملت أيضا يشم و نقابة الصحفيين المصرية. هذه لغات برمجة جافا سكريبت مصممة لمساعدتك في كتابة / إنشاء مستندات HTML أكثر تقدمًا بمرونة أكبر. بشكل أساسي ، يمكنك إنشاء قوالب HTML ، وتخزين محتوى الصفحة الفعلي بشكل منفصل عن تلك القوالب. انها مثل استخدام نظام إدارة المحتوى ، فقط لا توجد قاعدة بيانات (إلا إذا كنت تريد واحدة) ، وعليك أن تكتب كل المحتوى في ملفات نصية عادية.
والميزة الحقيقية هي ، بالطبع ، صيانة التعليمات البرمجية ، بالإضافة إلى جميع الأشياء الرائعة التي يمكن للمبرمجين الفعليين القيام بها مع الخادم الفعلي وجافا سكريبت العميل. هذه هي أيضًا اللغات التي تسمح لك بإنشاء أنظمة أكثر تقدمًا ، مثل المدونات ، وكلها سهلة نسبياً (مرة أخرى ، إذا كان لديك مبرمج على كشوف المرتبات).
ما الفرق بين الاثنين؟ يتعلق الأمر في الغالب بكيفية تفضيل كتابة التعليمات البرمجية.
يبقي EJS الأمور بسيطة. إذا كنت تعرف بالفعل HTML ، فإن الأمر يتعلق فقط بإضافة علامات EJS ، مثل: <٪ include global / header٪>. ماذا فعلت هناك؟ في الأساس ، أمسك بصيغة HTML لرأس الصفحة الخاصة بي من ملف آخر وقمت باستيرادها لاستخدامها في القالب الرئيسي. يمكنك القيام بالكثير من الأشياء المعقدة ، بالطبع. إليكم ما تقوله وثائق القيثارة حول EJS.
يتبع Jade أسلوبًا مختلفًا تمامًا لكتابة HTML تمامًا. يبدو مثل هذا ، كما هو موضح في الصفحة الرئيسية للمشروع:
bodyh1 Jade - node template engine#container.colif youAreUsingJadep You are amazingelsep Get on it!p.Jade is pretty cool,أن جميع تترجم إلى HTML وجافا سكريبت. لاحظ تضمين عبارة if / else في منتصف كل شيء ، والاعتماد على المسافة البادئة المناسبة.
Coffeescript هو جافا سكريبت ما هو Jade إلى HTML. في الأساس ، إنه تنسيق مبسط لكتابة JavaScript ، والذي يتم بعد ذلك تجميعه في العناصر العادية. مثل اليشم ، يعتمد بشكل كبير على المسافات البادئة ، ويسقط الكثير من التركيب اللغوي.
يبدو مثل هذا (مثال آخر خدعت من الصفحة الرئيسية للمشروع):
math =root: Math.sqrtsquare: squarecube: (x) -> x * square xويبدو الإخراج مثل هذا:
math = {root: Math.sqrt,square: square,cube: function(x) {return x * square(x);}};يمكن استضافة مواقع الويب التي تم إنشاؤها باستخدام Harp في أي مكان ، بالطبع. ومع ذلك ، تجدر الإشارة إلى أن مبدعي Harp قاموا بإنشاء نظام استضافة مصمم خصيصًا للأشياء التي تم إنشاؤها باستخدام برامجهم. الأسعار ليست سيئة ، وتتكامل مع Dropbox للتحديثات التلقائية السهلة على موقعك. تحقق من ذلك هنا: www.harp.io
إن Harp ، مع المعالجات التمهيدية الخاصة به ، واللغات المجدولة ، والسرعة المطلقة ، والخير عبر النظام الأساسي ، هو إضافة قوية لأي صندوق أدوات مصمم. أقول إنه يستحق منحنى التعلم.