[MUSIC]
حتى الآن، كنا نركز على تصميم
وتنفيذ موقعنا، سواء كان HTML، CSS، أو جافا سكريبت التعليمات البرمجية.
بمجرد أن يصبح موقع الويب الخاص بك جاهزًا، فإن الخطوة التالية هي القدرة على بناء موقع الويب الخاص بك
ونشره على خادم ويب، بحيث يصبح متاحًا للجمهور.
ثم لدينا مجموعة الثانية من الخطوات التي نحن بحاجة إلى الخضوع لها قبل أن
يكون موقع الويب الخاص بك جاهزا للنشر على خادم ويب.
هذا هو ما سننظر إليه في هذا الدرس و الدرس التالي
كما ذكرت، فإن تطوير الويب
ونشرها ينطوي على الكثير من المهام المتكررة.
من الواضح أن كتابة شفرة HTML/CSS وجافا سكريبت هي جزء واحد منه.
ولكن الجزء الآخر هو حقيقة أنه إذا قمت بكتابة
رمز CSS باستخدام إحدى لغات المعالجة المسبقة لـ CSS، مثل Sass أو
Less، فأنت بحاجة إلى تحويل هذا الرمز إلى رمز CSS المقابل.
بعد ذلك، تحتاج إلى
إجراء معالجة إضافية على ملفات CSS الخاصة بك مثل التصغير والضغط والتسلسل.
سنتحدث أكثر قليلا عن هذه في الشرائح القليلة القادمة.
وبالمثل، مع شفرة جافا سكريبت الخاصة بك، تحتاج إلى القيام
JShinting، والتحقق من الأخطاء المحتملة.
ثم تسلسل ملفات البرنامج النصي المختلفة ومن
ثم حتى القبح وتشويش التعليمات البرمجية.
سنتحدث قليلاً عن ذلك في الشرائح القليلة القادمة
كل هذه المهام هي مهام متكررة، والتي نود أن أتمتة
قدر الإمكان، حتى نتمكن من التركيز على التصميم الفعلي
وبناء موقعنا، بدلا من هذه المهام المتكررة.
حتى أن مبدأ DRY، لا تكرر مبدأ نفسك،
أمر ضروري جدا في هذه الحالة.
نحن لا نريد أن نضيع وقتنا في مثل هذه المهام الاحتراق المتكررة،
وبدلا من ذلك، في محاولة لأتمتة لهم قدر الإمكان
بحيث يمكن تنفيذها كلما لزم الأمر.
دعونا نتحدث عن بعض هذه المهام المتكررة بمزيد من التفصيل.
دعونا نأخذ مثال CSS كحالة.
عندما نكتب رمز CSS، غالبًا ما نكتب الشفرة
باستخدام إحدى لغات المعالجة المسبقة تحب Less أو Sass.
الآن بمجرد كتابة الكود، يجب تحويله إلى CSS باستخدام
أحد المعالجات المسبقة كما رأينا في الدرس السابق.
هناك، قد نحتاج إلى إجراء بعض البادئة الخاصة بالبائع
لرمز CSS الخاص بنا لمعالجة المشكلات التي قد تنشأ مع المتصفحات المختلفة.
لذلك هذا هو المكان الذي يتم فيه استخدام مهمة القيام التلقائي البادئة،
حيث يمكن القيام بذلك تلقائيا بالنسبة لنا.
وبالمثل، بمجرد كتابة رمز CSS الخاص بك، من الواضح أن
الطريقة التي نكتب بها رمز CSS هي أن تكون قابلة للقراءة بشكل إنساني.
ولكن بالنسبة لآلة، فإنه لا يهتم حقا ما إذا كانت هناك مسافات كافية
بين التعليمات البرمجية أو ما إذا كانت منسقة بشكل صحيح أم لا.
لذا، فإن التصغير هو عملية إزالة جميع الأحرف غير الضرورية،
والمساحة البيضاء، والخطوط الجديدة، والتعليقات، من رمز CSS الخاص بك.
بحيث النتيجة النهائية الخاصة بك هي ملف مضغوط جدا مع الحد الأدنى
من الأحرف، بحيث يمكن تقديمها بسرعة كبيرة جدا.
ولكن في الوقت نفسه،
تريد الحفاظ على الوظائف التي قمت بتصميمها في شفرة CSS الخاصة بك.
وبالمثل، يمكنك توزيع رمز CSS الخاص بك في العديد من الملفات،
أثناء تصميم وبناء موقع الويب الخاص بك.
قد ترغب في تسلسل كل منهم في ملف CSS واحد في النهاية،
بحيث يجب تنزيل ملف CSS واحد فقط
بواسطة المتصفح عند عرض موقع الويب الخاص بك.
لذا فإن التسلسل هو
مهمة أخرى تشارك عندما تقوم ببناء موقع الويب الخاص بك.
وبالمثل، عند كتابة شفرة جافا سكريبت، سواء كان جافا سكريبت النقي
أو مسج أو أحد الأطر التي سنستخدمها في
الدورات المستقبلية لهذا التخصص، ستحتاج إلى كتابة شفرة جافا سكريبت.
لذلك بمجرد كتابة شفرة جافا سكريبت، ستحتاج إلى أن تكون قادرًا على التحقق من
شفرة جافا سكريبت بحثًا عن الأخطاء والمشاكل المحتملة.
أشياء مثل الفواصل المنقوطة المفقودة،
الاستخدام غير السليم للغة، وهلم جرا، لذلك ما نسميه تحليل رمز ثابت.
لذلك إذا كنت تريد أن تكون قادرا على تنفيذ هذا، حتى قبل نشر
موقعنا على الانترنت على خادم الويب.
وبالمثل، قد نقوم بتنظيم شفرتنا في ملفات JavaScript متعددة.
عندما نقوم بنشر بالفعل، قد نرغب في تسلسل كل هذه الملفات في
ملف جافا سكريبت واحد ومن ثم استخدام ذلك في صفحات الويب الخاصة بنا.
ويمكن أن يتم هذا التسلسل تلقائيا.
وبالمثل، فإن قبح شفرة جافا سكريبت، والتي تقف على
التصغير، وهذا يعني إزالة كل المساحة البيضاء
والتعليقات غير الضرورية وهلم جرا.
وتشويش الشفرة، مما يعني تقليل أسماء
المتغيرات المحلية إلى أحرف مفردة كلما كان ذلك ممكنا.
الآن، من وجهة نظر الكمبيوتر،
فإنه لا يهتم حقا كيف تبدو التعليمات البرمجية طالما أنها تعمل بشكل صحيح.
بالنسبة للتنسيق البشري القابل للقراءة، من الواضح أننا نكتب الكود
بطريقة أكثر تفصيلاً، بحيث يكون من الأسهل بالنسبة لنا اتباع ما يفعله الرمز.
لذلك عندما تقوم بنشر بالفعل،
قد ترغب في إزالة جميع الميزات الغريبة من شفرتك.
ثم ضغطه بحيث سيتم تقديم الحد الأدنى من التعليمات البرمجية.
في الوقت نفسه، عند الانتهاء من
عملية تسلسل جشينت والقبح،
قد لا تزال ترغب في التأكد من أن التعليمات البرمجية الناتجة سوف لا تزال تعمل بشكل صحيح.
لذلك، قد ترغب في إعادة التحقق من التعليمات البرمجية الخاصة بك للأخطاء المحتملة.
CSS وJavaScript هما جانبان رئيسيان لتطوير الويب الخاص بك
من الواضح أنك تحتاج إلى إيلاء الكثير من الاهتمام لهما.
ولكن هناك العديد من المهام الأصغر الأخرى التي تحتاج إلى تنفيذها
قبل أن يصبح موقع الويب الخاص بك جاهزًا للنشر.
قد تقوم بتضمين الكثير من الصور في صفحات الويب الخاصة بك.
بمجرد أن يصبح موقع الويب الخاص بك جاهزًا، قد ترغب في ضغط تلك الصور بحيث
يمكنك تحسين أحجام الملفات،
بحيث تكون صورهم أقل حجم للملفات ليتم نشرها.
وبالمثل، أثناء قيامك بالتطوير، قد تقوم بإجراء تعديلات، على
سبيل المثال، على ملفات Sass أو شفرة JavaScript الخاصة بك.
عند الانتهاء من هذه التعديلات،
تريد أن تكون قادرًا على تنفيذ تلك المهام تلقائيًا
، مثل مهام التسلسل والتصغير والقبح.
حتى نتمكن من استخدام مهام المشاهدة،
التي تتمثل مهمتها الرئيسية في الحفاظ على مراقبة كل هذه الملفات.
وإذا تم إجراء أي تغييرات على هذه الملفات،
فسيتم تنفيذ المهام تلقائيًا.
سيؤدي ذلك إلى تحرير الكثير من وقتنا من القيام بالمهام المتكررة يدويًا.
سنلقي نظرة على بعض هذا بمزيد من التفصيل في التدريبات التي تليها.
أحد الجوانب الأخرى، أثناء قيامك بالتطوير،
هو أن تكون قادرًا على تقديم شفرتك
ومشاهدة الشفرة في متصفحك.
لذلك رأينا استخدام الخادم المباشر في تطورنا السابق،
حيث كان لدينا الخادم وتشغيله وخدمة ما يصل الرمز.
حتى نتمكن من رؤية التغييرات التي نجريها على الفور
يتم تقديمها في المتصفح.
لذلك، لهذا، نحن بحاجة إلى الخادم وآلية livereload،
والخادم الحي الذي رأيناه في وقت سابق هو أحد الأمثلة على كيفية تحقيق ذلك.
وأخيرا، إذا كنت تكتب التعليمات البرمجية، فمن الواضح أنك تحتاج إلى إجراء اختبار
التعليمات البرمجية الخاصة بك، والتي، في حالة Bootstrap، هو أقل بكثير من الاعتبار.
ولكن عندما تستمر في استخدام أطر جافا سكريبت المختلفة،
يصبح الاختبار مهمة بنفس القدر من الأهمية.
وأخيرًا، تريد أن تكون قادرًا على إنجاز جميع هذه المهام
ثم إنشاء رمز النشر النهائي الذي يمكن تحميله بعد ذلك
إلى خادم الويب الخاص بك لجعل موقع الويب الخاص بك متاحًا للجمهور العام.
الخطوات المشاركة في بناء موقعك للنشر، ما نسميه
بناء ملفات التوزيع، هو أيضا مهمة بنفس القدر من الأهمية.
سنلقي نظرة على بعض هذه من خلال أمثلة في التمرين التالي
وأيضًا الدرس التالي حيث سنلقي نظرة على المتسابقين.
[ موسيقى]