ما هو تطبيق HTML5 وهل أريده؟

هل سمعت؟ تطبيقات HTML5 ستغير كل شيء ، على الأرجح التالى عام. على الأقل هذا ما كان يقوله أحد جوانب الجدل حول HTML5 مقابل التطبيقات المحلية لفترة من الوقت. إنها رسالة تشق طريقها إلى دائرة الضوء بين الحين والآخر ، وستظل هكذا إلى الأبد. أو على الأقل حتى يحدث ذلك بالفعل وتكون جميع التطبيقات الأفضل هي تطبيقات HTML5. ليس من غير المعتاد رؤية المطورين لديهم هذه الأنواع من المناقشات وأنصار كل جانب يشرحون كيف أن نسختهم هي نسخة أفضل ، ولكن عندما تتجاوز الأمور مناقشة مطور البرامج وتنتقل إلى الاتجاه السائد حيث نسمعها أنا وأنت ، فيمكنهم جعلنا نمل. هل يجب أن نهتم حقًا بما نسمعه؟

في هذه الحالة نعم. في حين أن المدينة الفاضلة حيث تتم كتابة كل تطبيق بلغة HTML5 وكل مستخدم لديه نفس التجربة لا تزال بعيدة المنال إذا حدث ذلك ، HTML5 في شكل هجين هو بالفعل صفقة كبيرة جدًا. يجب أن نعرف ونفهم أي شيء يمثل مشكلة كبيرة جدًا.

ما هو تطبيق HTML5؟

كانت المرة الأولى التي سمع فيها معظم الناس عن ذكر HTML5 متى أخبرنا ستيف جوبز جميعًا سيكون مستقبل الويب ولن يفعل Flash. كان تصريحه صحيحًا جزئيًا لأن Apple منعت الوصول إلى أي نوع من مشغلات الفلاش على iOS ، لكن ذلك كان لم يكن لديه رؤية من أي نوع لمعرفة أن هذا كان قادمًا لأن HTML5 لديه الكثير من أجله أكثر من Flash فعل من أي وقت مضى. ويحدث أن مستقبل الويب هو أيضًا طريقة جيدة جدًا لترميز التطبيقات.

ترمز HTML إلى HyperText Markup Language ، ونحن في المراجعة الخامسة للمعيار. ولكن عندما تسمع مصطلح تطبيق HTML5 ، سواء كان ذلك يعني تطبيق ويب أو تطبيقًا يمكنك تثبيته على هاتفك ، فأنت تتعامل بالفعل مع ثلاثة أنواع من الأكواد.

• يوفر HTML إطارًا حيث يمكن للمطورين وضع التعليمات البرمجية الخاصة بهم ويمكن للتطبيق تحويلها إلى شيء يمكننا رؤيته والتفاعل معه.
• يوفر CSS طريقة لتخطيط كيف ستبدو أجزاء التعليمات البرمجية الفردية بمجرد تقديمها وعرضها على شاشتنا.
• JavaScript هو ما يجعلها تفاعلية ويمكنها "فعل" أي شيء.

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

قال أحد مهندسي Mozilla ذات مرة "لا يعني تشغيل الكود مرة واحدة في أي مكان أن تهرب. التحسين هو المفتاح. "الرجال الأذكياء ، مهندسو موزيلا.

ما يعنيه هذا هو أنه يمكن للمطور كتابة التعليمات البرمجية الخاصة به أو ضبطها ، ثم نشرها في كل مكان. يختلف هذا كثيرًا عن كتابة تعليمات برمجية منفصلة لأنظمة Android و iOS و macOS و Windows و HTML لنظامي التشغيل webOS و BlackBerry 10. يمكن للمطور كتابة التعليمات البرمجية باستخدام أي بيئة تطوير يختارونها ، سواء كانت Notepad أو شيء معقد مثل Visual Studio أو Adobe Dreamweaver ، قم بتصحيحه وضبطه في أي متصفح يختارونه ، ولا يزال يعمل فقط في كل مكان.

يتضمن هاتفك أيضًا. لقد رأينا جميعًا استخدام تطبيقات HTML5 كصفحة ويب. تعد أماكن مثل Twitter أو إصدار الجوال من Gmail أمثلة ممتازة على HTML5 في العمل. ولكن نظرًا لأنه يمكن عرض HTML5 بواسطة أحد مكونات عرض الويب ، فإن إسقاط نافذة داخل إطار تطبيق أساسي لإنشاء تطبيق تقوم بتثبيته بالفعل على هاتفك أمر بسيط وسريع. حتى أن هناك أدوات تابعة لجهات خارجية تقوم بكل العمل نيابة عنك ، مثل اباتشي كوردوفا. يساعد هذا المطورين الجدد على تقديم أفكارهم للجميع وكذلك للمطورين المخضرمين الذين لديهم الوقت الآن ليحلموا بأشياء لم نرها من قبل. يمكن لـ HTML5 المضمن في تطبيق محلي تشغيل التعليمات البرمجية واستخدام الأصول التي تحصل عليها من الإنترنت ، ولكن أ يمكن للمطور أيضًا تثبيت هذه العناصر محليًا وتوجيه الكود هناك من أجل الصدق إلى الخير دون اتصال بالإنترنت تطبيقات أصلية.

لكن ليس كل شيء رائعًا في HTML5.

واقع تطبيقات HTML5

هنا حيث يمكن أن تصبح الأشياء مربكة. عندما نفكر في صفحة ويب ، غالبًا ما ننسى أن صفحة الويب ترسل رمزها فقط إلى محرك متصفح وأن الجهاز هو الذي يقوم بالعمل. وهذا يعني أن أشياء مثل تحديد الموقع الجغرافي ، والدردشة الصوتية والمرئية في الوقت الفعلي ، والرسومات المسرَّعة ثلاثية الأبعاد ، وغير ذلك الكثير ليست ممكنة فحسب ، بل إنها بسيطة للمطورين لتنفيذها باستخدام HTML5. هذا لأن هيئة المعايير قالت: "مرحبًا يا رفاق ، نحتاج جميعًا إلى القيام بهذا الشيء المحدد بهذه الطريقة الخاصة ، ويمكن للمطور أن يطلب منا القيام بذلك على هذا النحو."

هذا هو الهدف على أي حال. يمكن أن يكون الواقع مختلفًا بعض الشيء ، ولا نحتاج إلا إلى إلقاء نظرة على تشغيل الفيديو للحصول على مثال رائع عن السبب. يدعم كل متصفح تريد استخدامه HTML5: Chrome و Opera و Internet Explorer و Edge و Firefox و Safari هي متصفحات HTML5 وتدعم تشغيل الفيديو بمجرد أن يكتب المطور ببضع كلمات تشير إلى ملف فيديو. أي نوع من مكونات عرض الويب المحمولة التي تمتلكها هذه التطبيقات ستفعل الشيء نفسه لأنها تستخدم نفس محرك العرض.

عندما لا تطبق القواعد تصبح اقتراحات ؛ تلك التي لا يريد أحد متابعتها.

لكنهم لا يدعمون جميعًا نفس النوع من الفيديو لأن HTML5 متعدد المنصات ومفتوح وليس مملوكًا ، لذلك لا أحد يجبرهم على دعم جميع التنسيقات. Ogg Theora هو تنسيق فيديو شائع يدعمه كل متصفح باستثناء Internet Explorer ، والذي يعد المتصفح الافتراضي على الكثير من أجهزة الكمبيوتر. يعد H.264 أكثر شيوعًا ، لكنه ليس مفتوحًا أو مجانيًا للاستخدام ، لذا لا يدعمه Firefox. VP8 و WebM مجانيان للاستخدام والفتح وكل محرك متصفح يدعمهما ، لكن Internet Explorer و Safari يتطلبان من المستخدم جلب الدعم وتثبيته. من الناحية الفنية ، يدعم HTML5 تشغيل الفيديو عالي الدقة ومن السهل جدًا على المطور تنفيذه. في العالم الحقيقي ، فقط ملف حق نوع الفيديو المدعوم.

يشغل YouTube جميع مقاطع الفيديو باستخدام HTML5 لأن Google لديها المال اللازم لتحويل مقاطع الفيديو التي تقوم بتحميلها.

يعتمد HTML5 أيضًا على الأجهزة المستخدمة ومدى كفاءة المطور في كتابة الكود. قد يؤدي اختيار مكتبة JavaScript خاطئة إلى نفس النتيجة ، ولكن يمكن أن يؤدي أيضًا إلى تسرب الذاكرة والتعامل مع معالجة DOM (نموذج كائن المستند - تم إنشاؤه عند تحميل صفحة أو تطبيق ، وتضمين كل عنصر في الصفحة أو في التطبيق "كمستند" منفصل) بشكل سيء يمكن أن يجعل تطبيق HTML5 بطيئًا بشكل محبط حتى في أفضل المعدات. على الهواتف غير القادرة ، يؤدي ذلك بسرعة إلى قيام المستخدمين بإلغاء تثبيت تطبيقك.

هذه ليست القضية الوحيدة. عند إنشاء تطبيق HTML5 يسحب كل شيء من الإنترنت ، يتعين عليك التعامل مع أوقات التحميل. يضيف ذلك سرعة اتصال المستخدم إلى قائمة الأشياء التي يمكن أن تجعل تطبيقك يعمل ببطء ، بالإضافة إلى القدرات المادية للأجهزة (تستخدم العديد من الهواتف معالجات ليست سريعة تمامًا) والرمز الاقوي. إذا استغرق الأمر ثانية واحدة لعرض الكود الخاص بك على جهاز مستخدم و 10 ثوانٍ لجلبه من الإنترنت ، فسيكون لديك الكثير من المستخدمين غير الراضين.

يعد تطبيق Facebook مثالاً على الأخطاء في HTML5 تمامًا كما أن Instagram هو مثال على ما هو صحيح.

يوجد مثال ممتاز لهذا متاح ، وهو مثال واحد تقريبًا جميعنا غير راضين عن نوع الهاتف الذي نستخدمه: تطبيق Facebook. تطبيق Facebook هو في الأساس عرض ويب مدمج في إطار يحمل الأزرار ويساعد في إدارة بيانات اعتماد حسابك أو دفع الرسائل بطريقة يوافق عليها نظام التشغيل. كل الأشياء التي تحدث داخل التطبيق تتم باستخدام HTML5 ، ولا يمكن التعامل معها بمجرد أن تأخذ في الاعتبار جلب جميع بياناته من الإنترنت. يواصل المطورون إضافة المزيد والمزيد إلى Facebook ، وينشر المستخدمون ملفات كبيرة مستضافة في الأماكن خارج Facebook ، وهناك الملايين والملايين من الأشخاص يصلون إلى خوادم Facebook كلها مرة واحدة ، 24/7. هذا يجعل التطبيقات بطيئة في التحديث ، وتعطش بشدة للطاقة ، وموضوع الكثير من الشكاوى.

موقع Facebook للجوال مكتوب أيضًا بلغة HTML5 ، ولكنه مصمم ليكون خفيفًا على الموارد لأنه من أجل التليفون المحمول استعمال. هذا يجعل تحميل المحتوى الذي تريد رؤيته أسرع حتى لو لم يتم عرض كل هذا المحتوى بشكل رائع كما هو الحال في العرض الكامل. ولهذا السبب أيضًا يعمل موقع الهاتف المحمول وتطبيقات Facebook "الخفيفة" التي تشير إليه بشكل أفضل من تطبيق Facebook الرسمي. وهذه ليست مشكلة Facebook فقط - فهناك الكثير من التطبيقات التي ستدعم جميع ميزاتها باستخدام HTML5 ولكنها مماثلة تمامًا معقدة (كلمة لطيفة تعني الانتفاخ لأنها كانت موجودة منذ فترة وتتغير باستمرار) مثل Facebook وستتصرف بنفس الطريقة.

هل أرغب في رؤية المزيد من تطبيقات HTML5 أم لا؟

نعم! لكن لا الكل تطبيقات.

تعد HTML5 جيدة حقًا في الكثير من الأشياء وهي طريقة رائعة للمطور لاستخدام وقته في التفكير في الأفكار الإبداعية بدلاً من تأصيل الدليل المرجعي Objective-C أو C ++. لكن في بعض الأحيان ، فإن البنية الصارمة للغات التطوير التي تجبر المطور على القيام بالأشياء بطريقة معينة هو ما يجعل النتيجة النهائية تعمل بشكل أفضل على هواتفنا.

يمكن أن تكون تطبيقات HTML5 كابوسًا كما نراه من تطبيق Facebook أو يمكن أن تكون رائعة جدًا كما نراها من موقع Gmail للجوال. أو أوبر. او انستغرام. أو أي من مئات تطبيقات HTML5 التي نستخدمها كل يوم. هذا ليس شيئًا نحن يجب أن تقلق بشأنه ، ولكن من المهم تمامًا أن يناقش المطورون ما لا نهاية. والآن بينما هم يناقشون ويحاولون إقناعك بما هو أفضل ، فأنت تعرف القليل عن سبب قولهم للأشياء التي يقولون.

حان الوقت لقطع الحبل السري!

هذه هي أفضل سماعات أذن لاسلكية يمكنك شراؤها بكل سعر!

أفضل سماعات الأذن اللاسلكية مريحة ، وذات صوت رائع ، ولا تكلف الكثير ، ويمكن وضعها بسهولة في الجيب.

الجيل القادم

كل ما تحتاج لمعرفته حول PS5: تاريخ الإصدار والسعر والمزيد.

أكدت شركة Sony رسميًا أنها تعمل على PlayStation 5. إليك كل ما نعرفه عنها حتى الآن.

نوكياس الجديدة

أطلقت نوكيا هاتفين جديدين بنظام Android One بسعر أقل من 200 دولار.

يعد Nokia 2.4 و Nokia 3.4 أحدث الإضافات إلى مجموعة الهواتف الذكية ذات الميزانية المحدودة من HMD Global. نظرًا لأن كلاهما يعمل بنظام Android One ، فمن المضمون تلقي تحديثين رئيسيين لنظام التشغيل وتحديثات أمنية منتظمة لمدة تصل إلى ثلاث سنوات.

صممه بنفسك

قم بإضفاء الإثارة على هاتفك الذكي أو جهازك اللوحي مع أفضل حزم الرموز لنظام Android.

تعد القدرة على تخصيص جهازك أمرًا رائعًا لأنه يساعد في جعل جهازك أكثر "خاصًا بك". بفضل قوة Android ، يمكنك استخدام مشغلات الطرف الثالث لإضافة سمات أيقونات مخصصة وهذه ليست سوى بعض من المفضلة لدينا.