מסע להצלת היקום באמצעות JavaScript

בפרק של השבוע

עובדי השירות ניגשים ל-Firefox Nightly, טיפים יומיים של DevTools בתיבת הדואר הנכנס, ניפוי באגים ב-IE ב-Chrome, שימוש ב-Flexbox ל-RWD, הצלת היקום באמצעות 1k של JavaScript, וגנרטורים כבר עובדים עבור IE ו-Spartan.

פיתוח מדי יום

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

https://www.google.com/url?q=https%3A%2F%2Fumaar.com%2Fdev-tips%2F&sa=D&sntz=1&usg=AFQjCNGgWKnyERWpWflwl-7sk6qV4gngmg

ניפוי באגים ב-IE ב-Chrome

מה אפשר לעשות אם ניתן לנפות באגים ב-Internet Explorer ב-Chrome? מתאם האבחון של IE, מקורו לאחרונה בקוד פתוח על ידי הצוות של IE, הוא גשר שמאפשר ל-Internet Explorer לדבר עם הפרוטוקול של Chrome לניפוי באגים מרחוק. למרות שהפרויקט עדיין בשלבי ניסוי, הוא כבר מאפשר לבצע ניפוי באגים בסיסי בסקריפטים והצוות מתכנן לנייד אותו ל-Spartan בעתיד הקרוב.

http://blogs.msdn.com/b/ie/archive/2015/04/02/introducing-the-ie-diagnostics-adapter-for-third-party-developer-tools.aspx

עובדי שירות

ייתכן שיהיה קל יותר ליצור חוויות אופליין כי קובצי שירות (service worker) מגיעים אל Firefox Nightly. בהתאם למפרט של W3C, קובצי שירות (service worker) מעניקים למפתחים שליטה מוגברת בדף, וכך הם יכולים לנתב מחדש בקשות רשת, להגיש משאבים מהמטמון ואפילו לשלוח התראות. קובצי שירות (service worker) כבר שולחים ב-Chrome, והצוות ב-Firefox מעריך שהם עשויים להגיע לגרסה 41.

https://blog.wanderview.com/blog/2015/03/24/service-workers-in-firefox-nightly

http://www.w3.org/TR/service-workers/

https://jakearchibald.com/2014/offline-cookbook/

FLEXBOX ל-RWD

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

https://vimeo.com/124796320

http://www.slideshare.net/zomigi/enhancing-responsiveness-with-flexbox-smashing-conference

תחרות JS1K

כמה חייזרים תוכלו לפוצץ רק ב-1K של JavaScript? "Defender" של קית' קלארק הוא הזוכה בתחרות JS1K השנה. המתחרים נדרשים ליצור חוויה מעניינת תוך שימוש ב-1,024 בייטים של JS. הזוכה במקום השני השנה כולל נסיעה ברכבת מונורייל מסתורית ורכבת הרים בלתי אפשרית.

http://js1k.com/2015-hypetrain/demo/2306

http://js1k.com/2015-hypetrain/demo/2322

http://js1k.com/2015-hypetrain/demo/2364

גנרטורים באירלנד/בספרד

התקשרות חזרה עשויה להיות כבר מהעבר, כי צוות IE הודיע שמחוללים נמצאים בפיתוח. גנרטורים הם חלק מ-ES6, והם הם פונקציות מיוחדות שאפשר להשהות ולהפעיל אותן מאוחר יותר. כך תוכלו לכתוב קוד אסינכרוני באופן סינכרוני. הגנרטורים כבר נשלחים ב-Chrome וב-Firefox, ונמצאים כרגע בפיתוח ב-Safari.

https://wpdev.uservoice.com/forums/257854-internet-explorer-platform/suggestions/6263797-generators

https://www.youtube.com/watch?v=rT-1ZxhjzBw

https://www.chromestatus.com/features/4959347197083648

שרטוט בתלת-ממד מאת ג'ייסון

http://codepen.io/loktar00/full/DphFg/

יום ה-18/100 טבעות הפאזה בשש צלעות

http://codepen.io/sixsided/full/qEeEYm/

הפצה גאוסיאנית עם פיזיקה מאת פרנק דומונט

http://codepen.io/fdumont/full/CvdDI/

איחוד כמו PArticles OF MATTER מאת Abhijit Hota

http://codepen.io/XDBoy018/full/JodWKN/

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