התראות לאינטרנט

בפרק של השבוע

Chrome 42 נוחת עם התראות, ג'ייקוב קפלן-מוס מנפר מיתוסים על מתכנתים, כתובות URL יחסיות לפרוטוקול הן עכשיו אנטי-דפוסים, התג הידידותי לנייד מגיע ל-Google, טיפים ל-Git עם Git Git ואופטימיזציה של האפליקציה באמצעות RAIL.

Chrome 42 כבר כאן

Chrome 42 הגיע ליציבות השבוע והוספנו לו כמה תכונות חדשות. התראות מאפשרות למשתמשים להביע הסכמה לקבלת עדכונים בזמן, מתקינים מודעות באנר עם בקשה למשתמשים לשמור דפים במסך הבית, הרשאות שמיידעות אתכם אם יש לכם אפשרות להשתמש ב-API, אחזור פעולות כתחליף ל-XHR, ואפילו תמיכה במחלקות ES6.

https://twitter.com/ChromiumDev/status/590169593110335488

http://updates.html5rocks.com/2015/03/push-notifications-on-the-open-web

http://updates.html5rocks.com/2015/03/increasing-engagement-with-app-install-banners-in-chrome-for-android

http://updates.html5rocks.com/2015/04/permissions-api-for-the-web

http://updates.html5rocks.com/2015/03/introduction-to-fetch

שובר מיתוסים

נאום הפתיחה של Jacob Kaplan-Moss מה-PyCon השנה מפרט את הדיכוטומיה שלפיה מפתחים הם גרועים פי 10 או גרועים לגמרי. אם תסירו את ההנחות האלה, נוכל לטפל טוב יותר בבעיות כמו תסמונת מתחזה ולפעול לשיפור סביבות עבודה שעשויות להיות רעילות.

https://www.youtube.com/watch?t=772&v=hIJdFxYlEKE

TLS (אבטחת שכבת התעבורה)!

כתובות URL יחסיות לפרוטוקול הן עכשיו אמצעי נגד. השבוע, צייץ פול אירלנד בציוץ בנושא, ומומלץ לא להסיר את הפרוטוקול מכתובת URL מאחר שהיא עלולה להוביל למתקפות מסוג 'אדם בצד', בדומה לתקיפה שאירעה ב-GitHub. ההמלצה החדשה היא תמיד לבקש נכס מעל https אם הוא זמין ב-SSL.

https://twitter.com/paul_irish/status/588502455530311680

https://www.paulirish.com/2010/the-protocol-relative-url/

http://www.netresec.com/?page=Blog&month=2015-03&post=China%27s-Man-on-the-Side-Attack-on-GitHub

האם מתאים לך לנייד?

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

http://googlewebmastercentral.blogspot.com/2014/11/helping-users-find-mobile-friendly-pages.html

https://search.google.com/test/mobile-friendly

קצב ההתקדמות

הלמידה יכולה להיות לא פשוטה. עיון ב-StackOverflow חושף יותר מ-53,000 שאלות שקשורות ל-Git, אבל אנחנו בדרך לקבלת עזרה. First Aid Git הוא אינדקס שניתן לבצע בו חיפוש של שאלות ה-Git הנפוצות ביותר. רוצה לדעת איך לבטל שינוי שנשלח עכשיו אל הסניף הראשי? ניתן למצוא את התשובה ועוד, או לשלוח בקשת משיכה להוספה לאינדקס.

http://ricardofilipe.com/projects/firstaidgit/#/

מתבצעת אופטימיזציה של רכבת

קצב של 60 FPS הוא היעד לחוויה חלקה באינטרנט, אבל קל מאוד לוותר על המסלול המהיר. פול לואיס וקמרון פיטמן מראים לכם כיצד לבצע אופטימיזציה לארבעת האזורים העיקריים של האפליקציה שלכם: 'תגובה', 'אנימציה', 'לא פעיל' ו'טעינה', שנקראים גם RAIL, לקורס חינמי זה של Udacity. הקורס מורכב מ-6 חלקים. מפוצצים פולשים לא רצויים, לומדים כלי פיתוח ולומדים את הסודות של אפליקציית אינטרנט מהירה יותר.

https://www.udacity.com/course/browser-rendering-optimization--ud860

שומרי מסך עם JavaScript מאת יאש בהרדוואג'

http://codepen.io/yashbhardwaj/full/hHgtE/

בלאגן מתוק במרחב של טול ביי בייל

http://codepen.io/cathbailh/full/KpPjPg/

אנימציה 101 של CSS – תמונה ראשית מאת דונובן האצ'ינסון

http://codepen.io/donovanh/full/EjYeLa/

לינז'ר – חאכים אל חטאב

http://codepen.io/hakimel/full/zwxba/

נשמח לשמוע מה דעתך ב-Twitter #LazyWebShow

למידע נוסף על חדשות באינטרנט, אפשר לעיין במקורות המידע הבאים: JavaScript Weekly: http://javascriptweekly.com/ Open Web Platform Daily: http://webplatformdaily.org/ HTML5 שבועי: http://html5weekly.com/

אפשר להירשם לערוץ Google Developers בכתובת: https://goo.gl/mQyv5L