DCSIMG
May 2012 - Posts - אלעד כץ | Elad Katz
Sign in | Join | Help

אלעד כץ | Elad Katz

לגו של גדולים

May 2012 - Posts

האקתון פיתוח לחלונות 8 ב הטמל5 - הכנה לגרסת ה RC של חלונות 8

פורסם בתאריך May 17 2012, 06:10 PM על ידי eladkatz

במידה ועדיין לא נרשמתם – בחמישי הבא יתקיים מרתון קוד ראשון לחלונות 8, שבוע לפני היציאה של ה Release Preview של חלונות. הפיתוח יהיה ב HTML5, ויהיה עם מנטורים שיעזרו לכל מי שלא שולט בחלונות 8 עדיין (כן, ידע חזק בתכנות צד לקוח ב HTML5 בהחלט מספיק – אם את/ה כריש JavaScript זה המקום בשבילך)

אני אישית אהיה שם כמנטור – אני מפתח כבר כמה חודשים טובים על הפלטפורמה, וקשה לי להפריז בכמה ש winJS היא ספרייה מעולה, אפילו כהשכלה כללית למפתחי Front End טובים. (אין ספרייה יותר טובה ממנה ל Single Page Applications שאני מכיר).

אני מאוד ממליץ לכל מי שמגיע שיתקין מראש את חלונות 8 בטא על VHD (זו הדרך הטובה ביותר לפיתוח כרגע, פיתוח ב VM לא נוח במיוחד)

הרשמו מהר לפני שיגמרו המקומות!

בתחרות שתתקיים בסוף המרתון (ביום השני) יחולקו גם פרסים, כשהפרס הראשון הוא אופני מרידה מטס 40V (גילוי נאות: הח”מ בעלים גאים של מרידה 120 יפהפיים Smile )

jQuery Mobile - עכשיו עם התאמה ל Windows Phone 7.5

פורסם בתאריך May 17 2012, 05:15 PM על ידי eladkatz

 

jQuery Mobile מותאם מעכשיו גם ל WP7.5, מה שאומר שפיתוח בHTML5 יכול להראות כאפליקציית נייטיב (או לפחות דומה לה) מעכשיו גם ל Windows Phone.
ממשחק מהיר במראה הזה זה אכן נראה מאוד דומה, אם כי התמיכה המעניינת שאנו מחכים לה היא תמיכה במראה מטרו של חלונות 8. על פי קצב העבודה של jQuery Mobile (שהוא פרוייקט קוד פתוח) אני מניח שכבר בחודשים הקרובים נראה גרסאות שהן לא תלויות פלטפורמה שמאפשרות עבודה עם הקונטרולים של חלונות 8 ( WinJS תלויה בהרבה מאוד מקומות בקוד ספיציפי של חלונות 8 לצערי).
ככל שאני עובד יותר עם WinJS אני מגלה כמה עבודה טובה נעשתה שם בכל מה שקשור לעולם ה “אפליקציות-דף-אחד” (Single Page Applications). באפילקציות מהסוג הזה יש צורך בכמה ספריות שיעבדו בצורה אינטגרטיבית ביחד: ספריית קונטרולים, ספריית MVC/ MVVM, וספריית ניווט. במידה והספריות לא עובדות בצורה אינטגרטיבית ביחד אז זו עבודה מאוד קשה רק לגרום לתשתית המינימאלית לעבוד (לדוגמא, לתאם בין jQuery UI, KnockoutJS, SammyJS).

WinJS מבצע את כולם ביחד, ומדהים כמה שזה מפשט פיתוח ל SPA. (יחד עם זאת, WinJS נופל ביכולתיו מKnockoutJS, ולמיטב ידיעתי גם בגרסה הסופית זה לא ישתנה, שזה ממש חבל, במיוחד בהתחשב בזה שיוצר KnockoutJS- סטיבן סנדרסון – הוא עובד מיקרוסופט…)

בשביל גרסאות המותאמות לכל הפלטפורמות של WinJS כנראה נצטרך לחכות עוד כמה חודשים. (ואולי התשועה תבוא בכלל מ asp.net mvc4?)

 

mango-phone

ויז'ואל סטודיו 11 מגיע לגרסת RC ומביא איתו המון שיפורים ב UI. והוא מהיר. ממש מהיר.

פורסם בתאריך May 13 2012, 10:55 AM על ידי eladkatz

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

ויז’ואל סטודיו 11 ממשיך להתקדם – מוקדם יותר פורסם בבלוג של ויז’ואל סטודיו על עדכונים לUI ועל הרבה שיפורים שמיקרוסופט הכניסו כתגובה לפידבק מאיתנו, ככל שמתקרבים לגרסת ה RC (צפוי לצאת עוד כשלושה שבועות).

ככה זה היה נראה אז:

Visual Studio 11 Beta

מבחינתי, אחרי כמה חודשים טובים של עבודה בגרסת הבטא, הבעיות היו כדלהלן:
1. האייקונים לא מספיק קריאים. צבע עוזר לבידול מהיר בין אלמנטים, וללא צבע הרבה יותר קשה לזהות מהר אייקונים.
2. ביותר מדי מקומות, הכותראות של הטאבים היו באותיות גדולות בלבד. ללא שום סיבה שאני מבין.
2. הקונטרסט היה נמוך מדי, כאילו שכל המסך באותו צבע. הרעיון מאחורי זה הוא שנוכל להתמקד בתוכן ולא בכלי, אבל נראה היה שהביצוע פשוט לא טוב. קשה להפריז בחשיבות של זה, היות וויז’ואל סטודיו הוא די ספינת הדגל של מיקרוסופט. כשכל כך הרבה משתנה בשפה הגראפית של חלונות, וכשמעצבים ומפתחים רוצים להבין איך לעבוד עם ההנחיות UI/UX החדשות, מיקרוסופט לא יכולה לפשל עם ויז’ואל סטודיו.
דוגמא מאוד טובה לאיך *כן* עושים את זה נכון, אפשר לראות בפוטושופ CS 6 – ספינת הדגל של אדובי:

image

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

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

 


 

אז מסתבר שהם הקשיבו.

ככה נראה הבטא של של VS11:

Visual Studio 11 Beta

וככה נראית גרסת ה Release Candidate:

 

Visual Studio 11 RC

אז מה יש לנו כאן?

1. שיפור מאוד משמעותי בקונטרסט. *הכל* פתאום נראה יותר חד וברור.

 

Visual Studio 11

2. הוספה מינימליסטית של צבעים לאייקונים תוך שמירה על שפת מטרו. האיקונים הרבה יותר קלים לזיהוי עכשיו:

Visual Studio 11

3. הוספת צבע לסטטוס בר
ויז’ואל סטודיו מספק לנו מעכשיו מידע על מצב העבודה בצורה מאוד נעימה ע”י הצבע של הסטטוס בר. פיצ’ר מאוד כיפי לטעמי:

Visual Studio 11

Visual Studio 11

4. הוספת צבע לחלקים חשובים ב UI על מנת לגרום להם לבלוט
שינוי קטן. מבחינתי הבדל גדול בפרודקטיביות:

 

Visual Studio 11

Visual Studio 11

4. כותרות של טאבים ללא אותיות גדולות

Visual Studio 11

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

Visual Studio 11

5. כרום החלון מקוסטם
ע”י ציור הכרום של החלון בצורה מיוחדת, גם חוסכים מעט מקום, וגם תורמים עוד יותר למראה המטרואי. גרום לכל הסיפור להיראות הרבה יותר הייטקי. מוסיף אבל עדיין מאוד עדין. (מאוד בדומה לפוטושופ CS6)

Visual Studio 11

בהשוואה לגרסאות קודמות, אפשר לראות כמה יש יותר מקום עבוד התוכן, וכמה המראה של VS11 הופך לנקי יותר:

Visual Studio 11

6. הוספת צבע להרבה אלמנטים על מנת להגדיל את הקריאות
כל האיקונים החשובים מקבלים צבע:

 

Visual Studio 11

אחד המקומות החשובים ביותר ב VS – ה Solution Explorer מקבל גם הוא צבע על מנת לעזור בזיהוי המהיר של הקבצים השונים:

Visual Studio 11 Solution Explorer

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

גם לאינטילנס התוסף צבע מאותה סיבה:

Visual Studio 11

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

 

Visual Studio 11

9. והכי חשוב, לסיום, *מהירות*

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

בהחלט יש למה לחכות.

הקלטות היום הפתוח במיקרוסופט על פיתוח לחלונות 8 ב HTML5

פורסם בתאריך May 03 2012, 01:48 AM על ידי eladkatz

בתאריך 19.3.2012 הרצאתי במיקרוסופט ישראל על פיתוח אפליקציות מטרו לסביבת Windows 8  -כיצד לפתח אפליקציות מטרו באמצעות שימוש בכלים שכל מפתח ווב מכיר: HTML5 ו- JavaScript.

Windows 8 עם ממשק המטרו המהפכני אשר מותאם למכשירים שונים, מציבה אתגרים חדשים ומלהיבים לחברות תוכנה ומפתחים. מטרת יום העיון היתה להציג את העקרונות הבסיסים והחשובים ביותר בבואנו לפתח אפליקציות מטרו וללמד מפתחים כיצד להשתמש בכלים ובטכנולוגיות מוכרות  על מנת להכנס לעולם חדש ומופלא של פיתוח אפליקציות Windows 8 שגם מאפשרת הזדמנות עסקית מצויינת לכל אחד ואחת ממכם: להפיץ ולמכור בקלות את האפליקציה שפיתחתם באמצעות ה- Windows 8 Store. אז בהצלחה!..

ביום עיון זה, למדנו על עקרונות הפיתוח ל- Windows 8 ב- HTML5, ראינו איך ניתן לקחת את הידע והניסיון מעולם ה- Web לעולם ה- Desktop והבנו את ההבדלים בין העולמות. כמו כן הכרנו את WinJS – ספריית ה- JavaScript של מיקרוסופט המכילה פקדים ורכיבים המותאמים לסוג החדש של האפליקציות, ואת WinRT – שכבת ה- API החדשה לגישה ליכולות של Windows מקוד JavaScript. 

 

חלק ראשון - מבוא לתכנות בחלונות 8

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

במהלך ההרצאה סקרנו את מבנה אפליקציות HTML5 ו- JavaScript ואת האלמנטים הבסיסיים לפיתוח אפליקציות מטרו ל- Windows 8. בנוסף, הכרנו את WinJS ו WinRT – הספריות המשמעותיות ביותר עבור מפתחי HTML5 לחלונות 8 ולמדנו על הדרך בה הן משולבות באפליקציית JavaScript.

 

חלק שני - WinJS ו WinRT לעומק

 

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

כאן צללנו לעומק של חלקים נרחבים בתוך WinJS ו- WinRT – למדנו איך לעבוד עם פקדים, DataBinding ו- Templates, וראינו איך מממשים contracts של חלונות 8 כמו חיפוש ו Share.

ספר חינמי של Apress - פיתוח לחלונות 8 ב HTML5

פורסם בתאריך May 02 2012, 01:41 AM על ידי eladkatz

הוצאת הספרים APress מחלקת הלילה ספר פיתוח לחלונות 8 עם HTML5 בחינם לגמרי!
ההצעה תקפה עד 12 בלילה, אני מניח זמן ניו יורק (ככה שיש עד הבוקר שלנו)

מהרו והורידו עכשיו!

http://www.apress.com/9781430244882

st_9781430244882