מהי אפליקציית html5 והאם אני רוצה יישום?

האם שמעת? אפליקציות HTML5 עומדות לשנות הכל, כנראה בשנה הבאה. לפחות זה מה שצד אחד של הדיון סביב HTML5 לעומת אפליקציות מקוריות אמר מזה זמן. זה מסר שעושה את דרכו לאור הזרקורים מדי פעם, והוא הולך להיות ככה לנצח. או לפחות עד שזה אכן קורה וכל האפליקציות הטובות ביותר הן אפליקציות HTML5. לא יוצא דופן לראות במפתחים סוגים כאלה של ויכוחים וחסידי כל צד שמסבירים כיצד הגרסה שלהם היא הגרסה הטובה יותר, אבל כשדברים חורגים מדיון מפתחים ולמיינסטרים בו אתה ואני שומעים אותם, הם יכולים לגרום לנו לחלחוש. האם באמת צריך להיות אכפת לנו ממה שאנחנו שומעים?

במקרה זה, כן. בעוד שהאוטופיה שבה כל אפליקציה נכתבת ב- HTML5 ולכל משתמש בעל אותה חוויה היא עדיין דרכים טובות אם זה יקרה אי פעם, HTML5 בצורה היברידית הוא כבר עניין די גדול. עלינו לדעת ולהבין כל דבר שהוא די גדול.

מהי אפליקציית HTML5?

הפעם הראשונה שרוב האנשים שמעו את מוזכר ה- HTML5 הייתה כשסטיב ג'ובס אמר לכולנו שזה יהיה עתיד האינטרנט ופלאש לא. ההצהרה שלו התגשמה באופן חלקי מכיוון שאפל חסמה את הגישה לכל סוג נגן פלאש ב- iOS, אך לא נדרש איש חזון כלשהו כדי לדעת שזה מתרחש מכיוון ש- HTML5 עושה הרבה יותר ממה שפלאש אי פעם עשה. וזה בדיוק קורה שעתיד האינטרנט הוא גם דרך די טובה לקוד יישומים.

HTML מיועד לשפת סימון HyperText ואנחנו בעדכון החמישי של התקן. אבל כשאתה שומע את המונח אפליקציית HTML5, בין אם זה אומר יישום אינטרנט או אפליקציה שתוכל להתקין בטלפון שלך, אתה באמת מתמודד עם שלושה סוגים של קוד.

• HTML מספק מסגרת שבה מפתחים יכולים להציב את הקוד שלהם ואפליקציה יכולה להפוך אותו למשהו שאנחנו יכולים לראות ולתקשר איתו.
• CSS מספק דרך לפרוס כיצד ייראו פיסות קוד אינדיבידואליות ברגע שיוצגו ויוצגו על המסך שלנו.
• JavaScript הוא זה שהופך את הכל לאינטראקטיבי ולהיות מסוגלים "לעשות" כל דבר.

מה שהופך את HTML5 למעולה הוא שהכל מובן על ידי אפליקציה אחת שמפתחת אפליקציות לא צריכה לתחזק והכול עובד במכשיר כלשהו עם מסך שיש לו גרסה משלו לאפליקציה ההיא. אנו מדברים על דפדפן אינטרנט, אך לא על אפליקציית דפדפן האינטרנט עצמה. הרכיב של דפדפן אינטרנט שיכול לקחת את כל הקוד הזה ולהפוך אותו למשהו שאנחנו יכולים להשתמש בו בזמן תנועה הוא נייד למדי וחלק מהרבה אפליקציות שאתה כבר משתמש בהן כתצוגת אינטרנט.

מהנדס מוזילה אמר פעם "קוד שברוץ פעם אחת בכל מקום לא אומר לברוח. אופטימיזציה היא המפתח." חבר'ה חכמים, מהנדסי מוזילה אלה.

משמעות הדבר היא שמפתח יכול לכתוב את הקוד שלו או לכוונן אותו ואז לפרוס אותו בכל מקום. זה שונה בהרבה מכתיבת קוד נפרד עבור אנדרואיד, iOS, macOS, Windows ו- HTML עבור webOS ו- BlackBerry 10. מפתח יכול לכתוב קוד באמצעות כל סביבת פיתוח שהוא יבחר, ​​בין אם זה יהיה פנקס רשימות או משהו מורכב כמו Visual Studio או Adobe Dreamweaver, ניפוי באגים וכוונון עדין בכל הדפדפן שהם בוחרים, והוא עדיין פועל בכל מקום.

זה כולל גם את הטלפון שלך. כולנו ראינו שאפליקציות HTML5 משמשות כדף אינטרנט. מקומות כמו טוויטר או הגרסה הניידת של Gmail הם דוגמאות מצוינות ל- HTML5 בעבודה. אך מכיוון שניתן לבצע HTML5 על ידי רכיב תצוגה מקוונת, השחרת חלון בתוך מסגרת אפליקציה בסיסית ליצירת אפליקציה שתתקין בפועל בטלפון היא פשוטה ומהירה. יש אפילו כלים של צד שלישי שעושים את כל העבודה בשבילך, כמו אפאצ'ה קורדובה. זה עוזר למפתחים חדשים להביא את הרעיונות שלהם לכולם כמו גם למפתחים מנוסים שעכשיו יש להם זמן לחלום דברים שלא ראינו קודם. HTML5 המוטמע באפליקציה מקומית יכול להריץ את הקוד ולהשתמש בנכסים שהוא מקבל מהאינטרנט, אך מפתח יכול גם להתקין אותם באופן מקומי ולהפנות את הקוד שם לאפליקציות מקוריות לא מקוונות.

אבל לא הכל נהדר ב- HTML5.

המציאות של אפליקציות HTML5

כאן המקום יכול להיות מבלבל. כאשר אנו חושבים על דף אינטרנט, אנו שוכחים לעתים קרובות כי דף אינטרנט רק שולח את הקוד שלו למנוע דפדפן וזה המכשיר שלנו שעושה את העבודה. זה אומר שדברים כמו מיקום גיאוגרפי, אודיו ווידאו צ'אט בזמן אמת, גרפיקה מואצת בתלת מימד והרבה יותר הם לא רק אפשריים אלא פשוטים עבור מפתח ליישום באמצעות HTML5. הסיבה לכך היא שגוף סטנדרטים אמר: "היי חבר'ה, כולנו צריכים לעשות את הדבר המסויים הזה בדרך הספציפית, ומפתח יכול לבקש מאיתנו לעשות את זה ככה."

בכל מקרה זו המטרה. המציאות יכולה להיות קצת אחרת, ואנחנו רק צריכים לבחון את הפעלת הווידאו כדוגמה נהדרת לסיבה. כל דפדפן בו תרצו להשתמש תומך ב- HTML5: כרום, אופרה, Internet Explorer, Edge, Firefox וספארי הם דפדפני HTML5 ותומכים בהפעלת וידיאו ברגע שמפתח מקליד רק כמה מילים שמצביעות על וידאו. כל סוג של רכיב תצוגה ניידת באינטרנט שיש לאפליקציות האלה יעשה את אותו הדבר מכיוון שהם משתמשים באותו מנוע טיוח.

כשאתה לא אוכוף כללים הם הופכים להצעות; כאלה שאיש לא רוצה לעקוב אחריהם.

אך כולם לא תומכים באותו סוג של וידיאו מכיוון ש- HTML5 הוא חוצה פלטפורמות, פתוח ולא קנייני, כך שאיש לא מכריח אותם לתמוך בכל הפורמטים. אוג תיאורה הוא פורמט וידיאו פופולרי שכל דפדפן תומך בו פרט ל- Internet Explorer, שהוא במקרה דפדפן ברירת המחדל בהרבה מחשבים. H.264 פופולרי עוד יותר, אך הוא אינו פתוח או חופשי לשימוש כך שפיירפוקס אינו תומך בו. VP8 ו- WebM חופשיים להשתמש ונפתחים וכל מנוע דפדפן תומך בהם, אך Internet Explorer ו- Safari דורשים מהמשתמש להביא ולהתקין תמיכה. מבחינה טכנית, HTML5 תומך בהפעלת וידיאו HD והוא קל מאוד למפתח ליישם אותו. בעולם האמיתי, רק סוג הווידאו הנכון נתמך.

YouTube מנגן את כל הווידיאו באמצעות HTML5 מכיוון שלגוגל יש כסף להמיר את הסרטונים שאתה מעלה.

HTML5 תלוי גם בחומרה שבשימוש וכמה מיומן המפתח בכל מה שקשור לכתיבת הקוד. בחירת ספריית JavaScript שגויה עשויה עדיין להביא לאותה תוצאה, אך היא גם יכולה להוביל לדליפות זיכרון, וטיפול במניפולציה של DOM (מודל אובייקט מסמך - נוצר כאשר עמוד או יישום נטען, וכולל כל אלמנט בדף או באפליקציה כ "מסמך" נפרד) בצורה גרועה יכול לגרום לאפליקציית HTML5 להאט באופן מתסכל אפילו את החומרה הטובה ביותר. בטלפונים שאינם מסוגלים, הדבר מביא במהירות למשתמשים להסרת ההתקנה של האפליקציה שלך.

זה לא הנושא היחיד. כשאתה בונה אפליקציית HTML5 שמושכת הכל מהאינטרנט אתה צריך להתמודד עם זמני הטעינה. זה מוסיף את מהירות החיבור של המשתמש לרשימת הדברים שיכולים לגרום לאפליקציה שלך לפעול לאט, יחד עם היכולות הפיזיות של החומרה (טלפונים רבים משתמשים במעבדים שאינם בדיוק מהירים) ואופטימיזציה של קוד. אם ייקח שנייה אחת להציג את הקוד שלך במכשיר משתמשים ו 10 שניות להביא אותו מהאינטרנט, יהיו לך הרבה משתמשים אומללים.

אפליקציית הפייסבוק היא דוגמא למה שלא בסדר ב- HTML5 כמו שהאינסטגרם הוא דוגמא למה שנכון.

יש דוגמא מצוינת לזמינה, וכמעט כולנו לא היינו מרוצים ולא משנה באיזה סוג טלפון אנו משתמשים: אפליקציית הפייסבוק. אפליקציית הפייסבוק היא בעצם תצוגה מקוונת המוטמעת בתוך מסגרת המחזיקה את הכפתורים ועוזרת לנהל את אישורי חשבונך או לדחוף הודעות באופן שמערכת ההפעלה מאשרת. כל הדברים שקורים באפליקציה נעשים באמצעות HTML5, וזה פשוט יותר מדי מכדי שהוא יוכל לטפל ברגע שתקבל להביא את כל הנתונים שלה מהאינטרנט. מפתחים ממשיכים להוסיף עוד ועוד לפייסבוק, המשתמשים מפרסמים קבצים גדולים המתארחים ב מקומות מחוץ לפייסבוק, ויש מיליונים ומיליוני אנשים שפוגעים בשרתים של פייסבוק בבת אחת, 24/7. זה הופך את האפליקציות לאיטיות לרעננות, מאוד רעבות כוח ונושא של הרבה תלונות.

אתר האינטרנט הסלולרי של פייסבוק כתוב גם ב- HTML5, אך הוא נועד להיות מעט על משאבים מכיוון שהוא מיועד לשימוש במובייל. זה עושה את זה מהר יותר לטעון את התוכן שאתה רוצה לראות גם אם כל התוכן הזה לא מוצג יפה כמו שהוא בתצוגה המלאה. זו גם הסיבה שהאתר הסלולרי והאפליקציות של "פייסבוק" של פייסבוק שמתייחסות אליו פועלות כל כך טוב יותר מהאפליקציה הרשמית של פייסבוק. וזו לא סתם בעיה של פייסבוק - יש המון אפליקציות שהכל התכונות שלהן יתמכו בשימוש ב- HTML5 אלא מורכבות באותה מידה (מילה נחמדה לנפיחות מכיוון שהן קיימות זמן מה ומשתנות כל הזמן) כמו פייסבוק ו- יתנהג באותה צורה.

אז האם אני רוצה לראות יותר אפליקציות HTML5 או לא?

כן! אבל לא כל האפליקציות.

HTML5 ממש טוב בהרבה דברים, וזו דרך מצוינת למפתח להשתמש בזמנו לחשוב על רעיונות יצירתיים במקום לשרש באמצעות מדריך הפניות Objekt-C או C ++. אבל לפעמים, המבנה הנוקשה של שפות פיתוח שמאלצות מפתח לבצע דברים בצורה מסוימת הוא זה שגורם לתוצאה הסופית לעבוד טוב יותר בטלפונים שלנו.

אפליקציות HTML5 יכולות להיות סיוט כמו שאנו רואים מאפליקציית הפייסבוק או שהן יכולות להיות די מדהימות כמו שאנו רואים מאתר Gmail הנייד. או אובר. או אינסטגרם. או כל אחת ממאות האפליקציות ל- HTML5 בהן אנו משתמשים מדי יום. זה לא דבר שאנחנו צריכים לדאוג לו, אבל זה לגמרי עניין שמפתחים יתווכחו בלי סוף. ועכשיו בזמן שהם מתלבטים ומנסים לשכנע אותך מה עדיף, אתה יודע קצת על הסיבה שהם אומרים את הדברים שהם אומרים.

אנו עשויים להרוויח עמלה לרכישות באמצעות הקישורים שלנו. למד עוד.