ממשק המשתמש Yahoo! בלוג (YUIBlog)

הנדסה Frontend עמדה צוות פתיחות Yahoo! אסטרטגיה

26 במאי, 2009 בשעה 12:32 על ידי אריק Miraglia | ב משרות הנדסה בממשק הישיר ב-Yahoo | Comments Off

ציינו הנדסה כמה בממשק הישיר משרות פנויות ב-Yahoo! בשבוע שעבר, ויש לנו עוד אחד לשתף אתכם היום. עמדה זו הוא תפקיד בכיר F2E התמקדות בפלטפורמות יאהו למפתחים - "אסטרטגיה פתיחות," שלנו או YOS .

על YOS

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

עבודה אחריות

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

מינימום כישורים

1. 7 + שנות ניסיון בתעשייה עובדים ישירות עם מחסנית מלאה טכנולוגיית האינטרנט: דפדפנים, שרתי אינטרנט ומסדי נתונים
2. הפקודה חזקה של דפדפן בצד הלקוח, כולל טכנולוגיות AJAX, XHTML, DHTML, CSS, JavaScript, DOM JSON, לדפדפנים בעיות תאימות, טכניקות אופטימיזציה ובעיות בינאום
3. לחוות עם פיתוח יישומים באמצעות Java או PHP
4. הפקודה חזקה של תכנות שרת / לקוח עם AJAX
5. מיומנויות תקשורת מעולה בכתב והן בעל פה
6. ניסיון רב עם מונחה עצמים טכניקות תכנון ופיתוח
7. הכרות עם מחזור חיי פיתוח תוכנה שיטות עבודה מומלצות
8. תואר ראשון במדעי המחשב או שווה ערך. MS במדעי המחשב העדיף

כישורים מועדפים

1. ידיעת באמצעות ערכות כלים JavaScript, כמו Yui או jQuery
2. ניסיון עם JSP מהדר יישום
3. ניסיון עם יישום חברתי או מסיבה של פתח

אתה יכול להציג את העבודה פרסום וליישם בכתובת הבאה: http://careers.yahoo.com/jdescription.php?oid=22173 . Yahoo! Inc היא המעסיק הזדמנות שווה. לקבלת מידע נוסף או כדי לחפש את כל הפתחים שלנו בקר http://careers.yahoo.com .

מצא את שיחות: Bloglines | technorati

לשתף ולהרחיב: הפוך עם del.icio.us | Digg אותו! | reddit!

בטבע במשך 26 מאי 2009

מאי 26, 2009 בשעה 9:36 am על ידי אריק Miraglia | בשנת בטבע | 2 תגובות

הנה סיכום של חדשות הערות מהעולם Yui בשבועות האחרונים. אנא השתמש ההערות שלהלן כדי להודיע ​​לנו מה החמצנו.

• Uizard - Mashup האינטרנט מחולל נכתב ב Yui : Ajaxian כותב: "קהילת המפתחים קוריאה היא לא כל כך ידוע לאנשים במערב נראה. מחסום השפה מקשה לתקשר עיצוב אתרים שונה מאוד ממה שאנחנו עושים כאן. להיות בר מזל מספיק כדי לעבוד עם מפתחים ברחבי העולם בחברה אותה אני רק צריך להיזכר בכלי שנבנה על האתגר קוריאה Mashup בשם Uizard "Uizard פותחה על ידי ריו סונג, טה -. שרתי את זה של מאותגרים על ידי קישור Ajaxian , אבל לבדוק את זה כשהם באים לגבות. ( המקור. )
  
• יישומים Yui ב הקנדי הלאומי הרכבת : ליונל Desdier ("Java המופעל רכבות") כתב לספר לנו על יישום נרחב שלו Yui על יישומי אינטרנט בבית הרכבת הלאומי הקנדי . ליונל כותב: "מטרת יישום אינטרנט חדש בשם הזמנות intermodal, היא לנהל הזמנות מכולות ריקות עבור השימוש פקידים הפנימי שלנו ככל לשימוש הלקוחות החיצוני שלנו. יישום זה הוא חלק פורטל eBusiness שלנו. לקוח אינטרנט הוא יישום JavaScript בלבד, המבוסס באופן נרחב על הספרייה Yui. הלקוח משתמש JSON להחליף נתונים הלוך ושוב עם שרת הפועל Java עורפי. אנחנו משתמשים ביותר של הרכיבים הזמינים מפריסת רשת, לוח שנה, DOM, שכבות, TreeView, datatable ו בנתוני המקור, וכו 'כמו כן, אנו להרחיב את הספרייה כדי ליצור רכיבים שלנו ממותגים החברה את המראה והתחושה. "פורטל eBusiness עומד מאחורי התחברות, אבל הראשי cn.ca האתר משתמש גם כמה Yui.
  
• Yui בשימוש על הרפתקאות מגזין נשיונל ג'יאוגרפיק : הדיבורים על "בטבע" ... בין מגזינים מקוונים באמצעות Yui הוא מגזין National Geographic, משאב מצוין עבור מי רוצה לצאת התאים שלהם לחקור את המקומות המעניינים ביותר בעולם . אתה תמצא את Yui בדפי המאמרים של magizine.
  
• סאטיאם על "שינוי הסגנון של אותו אלמנט של יישומון Yui" : תורם הפורה ביותר של Yui היא ליום זה שוב עם הדרכה חדשה על איך יישומונים בסגנון Yui . אם אתה מכיר את התהליך של לחפור לתוך סימון יישומון של ו-CSS באמצעות Firebug (או אחר DOM Inspector), תמצא את זה חובה לקרוא הדרכה.
  
• חדשות נתונים אורלינס repopulation באמצעות Google Maps ו Yui : @ mattpriour כתב כדי לספר לנו על האתר החדש רבתי אורלינס קהילת נתונים של מרכז אינדיקטורים Repopulation , אשר עושה שימוש Yui רשתות, Yui Loader, ו-Core Yui ביצירת מעניין באמת בלוק אחר בלוק להסתכל על רמות ניו אורלינס אוכלוסייה משנת 2005 ועד היום. ( המקור. )
  
• Yui מדחס עבור Visual Studio : כותב המחבר : "למרות שאתה לא רוצה את זה בשביל כל הדברים בחיים, אתה רוצה לוודא שה-JavaScript שלך ואת קבצי CSS הם קטנים ככל האפשר. בתור מתכנת אינטרנט, minifier התסריט הוא יישום שימושי זה צריך להיות חלק toolbelt שלך. מאמר זה מציג דרך פשוטה להתחבר minifer פופולרי בתוך Visual Studio. "( המקור. )
  
• Uzvy.com, קבוצות הפתרון, באמצעות טונות של Yui : @ alokbhardwaj שכתבתי לספר לנו על Uzvy.com , אתר המכיל קבוצות קבוצות דיון "shareboards" שמטרתו לספק את הרומן ומשכנע על שטח לקבוצות. Yui משמש לאורך כל הדרך, עבור תיבות הדו שיח מודאלית, XHR ועוד. ( המקור. )
  
• Cagatay Civici מוסיף Yui לוח השנה כדי PrimeFaces : Cagatay כותב : "כל ספריה מרכיב JSF מספק איזשהו מרכיב תאריך בורר ו PrimeFaces הוא יוצא מן הכלל. למעשה, PrimeFaces רכיב לוח שנה המבוסס על הידוע יישומון לוח השנה Yui אשר מצויד עם כמה תכונות ייחודיות. לוח שנה הוא אך ורק JavaScript ו לא עושה callbacks אייאקס מיותרים אז זה מהיר זועם. "
  
• אריק YQL Abouaf בצע, בהתבסס על רשתות DAV זכוכית של בונה : אריק Abouaf לקח DAV זכוכית של רשתות בונה והוסיפה תמיכה YQL ביצוע שאילתה, המאפשר לך לבנות YQL מבוססי דפים בקלות, לבדוק את ההתאמה של אריק כאן . ( המקור. )

מצא את שיחות: Bloglines | technorati

לשתף ולהרחיב: הפוך עם del.icio.us | Digg אותו! | reddit!

Yui תיאטרון - טוד Kloots: "פיתוח אינטרנט נגיש Widget Framework 2.0"

22 במאי, 2009 בשעה 2:50 על ידי אריק Miraglia | ב Yui תיאטרון | Comments Off

ככל שאנו ממשיכים לעבוד על Yui 3 , אנחנו חושבים חזק על הנגישות. ואף אחד כאן חושב יותר על הנושא מאשר טוד Kloots, אשר חיבר מגוון של פוסטים בנושא , כמו גם הצגת שיחת טק מקיף על אמנות ועל sciense הפיתוח נגיש .

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

שקופיות מתוך דבריו של טוד הם זמינים כקובץ מכווצת Keynote כאן .

Embed מ-Yahoo Video כדלקמן: גרסת רזולוציה גבוהה יותר, יחד עם התמליל, זמין באתר תיאטרון Yui .

להוריד (M4V)

במקרה פספסת ...

כמה קטעי וידאו האחרונות אחרות של סדרת Yui תיאטרון :

• Satyen דסאי: Yui 3: מטרות העיצוב ואדריכלות
• פיטר, פול קוך (פ.פ.ק.): אירועים-JavaScript
• ג'ני דונלי: פריצה עם Yui
• נייט Koechley: הנדסה Frontend מקצועי

מנוי Yui תיאטרון:

• Yui תיאטרון RSS feed
• Yui תיאטרון ב-iTunes

מצא את שיחות: Bloglines | technorati

לשתף ולהרחיב: הפוך עם del.icio.us | Digg אותו! | reddit!

שני הנדסה בממשק הישיר תפקידים ב-Yahoo!

מאי 22, 2009 בשעה 9:41 am על ידי אריק Miraglia | ב משרות הנדסה בממשק הישיר ב-Yahoo | תגובות כבוי

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

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

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

Javascript מפתחים פלטפורמה

מיקום: Sunnyvale, קליפורניה.

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

דרושים כישורים מינימליות:

• JavaScript מומחה.
• בקיאים בכתב תקני תואם HTML, CSS, Ajax, DOM
• 3-4 שנים של היישום צלב ניסיון בפיתוח הדפדפן
• ניסיון עם PHP
• בקי עם XML
• חוויית השימוש Yui
• עצמי המתנע עם היכולת לעבוד תחת לחץ ולטפל בו זמנית מספר רב של משימות.
• חזקה מיומנויות תקשורת מילולית ובכתב.

כדי להחיל על עמדה זו, אנא לחץ על הקישור הבא: http://careers.yahoo.com/jdescription.php?oid=21972 .

Yahoo! Inc היא המעסיק הזדמנות שווה. לקבלת מידע נוסף או כדי לחפש את כל הפתחים שלנו, בקר http://careers.yahoo.com .

חזיתי מהנדס

מיקום: Sunnyvale, קליפורניה.

רוצה לעבוד על יישום עם בסיס המשתמש נמדד במיליונים ולא אלפים? האם אתה מתעניין מפות או טכנולוגיה גיאוגרפי? מתלהבת הנדסה חזיתי? אם כן, אנחנו רוצים לדבר איתך. אנחנו מחפשים מהנדס מוטיבציה ומנוסים להצטרף לצוות Yahoo! Maps. בתפקיד זה, אתה תהיה עובד על היעד מפות ( http://maps.yahoo.com ) ולעזור לתמוך מפות פנימיות הקשורות המאמצים על יאהו מאפיינים אחרים. המועמד האידיאלי יש יכולות מוכחות טכנולוגיות בממשק הישיר, אבל הוא די נוח עם Shell Scripting
תצורה (Perl / Bash) ו-Apache. אתה שחקן הקבוצה מתמקדת חוויית משתמש גדולה עם עין לייזר חדה לפרטים. נשמע כאילו אתה? בואו לשמוע את זה!

מינימום דרישות המשרה:

• BS / MS במדעי המחשב או שווה ערך
• יכולות מוכחות PHP, Javascript / AJAX, CSS ו-HTML
• היכולת לכתוב נקי, קוד תמציתי לדפדפנים
• ניסיון קודם כמהנדס חזיתי
• נוח בפיתוח בסביבת UNIX
• מוצקים מיומנויות תקשורת בעל פה ובכתב
• ניסיון בעבודה עם XML ו / או JSON

הרצוי:

• 2-4 שנות ניסיון בפיתוח יישומי אינטרנט
• לחוות תצורה Apache
• ניסיון עם תוכנת בקרת תצורה (CVS או SVN)
• ניסיון עם יאהו APIs (במיוחד Yui ומפות AJAX API)
• הידע על כל אחד מהבאים הוא יתרון: מנוחה / Web Services, i18n, l10n

כדי להחיל על עמדה זו, אנא לחץ על הקישור הבא: http://careers.yahoo.com/jdescription.php?oid=21920 .

Yahoo! Inc היא המעסיק הזדמנות שווה. לקבלת מידע נוסף או כדי לחפש את כל הפתחים שלנו, בקר http://careers.yahoo.com .

מצא את שיחות: Bloglines | technorati

לשתף ולהרחיב: הפוך עם del.icio.us | Digg אותו! | reddit!

Yui תיאטרון - Satyen דסאי: "Yui 3: מטרות עיצוב ואדריכלות"

12 במאי, 2009 בשעה 1:31 על ידי אריק Miraglia | ב Yui תיאטרון | Comments Off

הצוות כאן עדיין קשה על codeline Yui של הדור הבא, Yui 3, שהיא זמינה שחרור תצוגה מקדימה תיעד היום ואשר כבר להפעלת חלק בפרויקטים של הדור הבא של יאהו . ככל שאנו מתקרבים לתאריך השחרור בטא הקיץ, אנחנו מבלים יותר זמן לדבר על המאפיינים הייחודיים של Yui 3. Satyen דסאי, האב מהנדס בצוות Yui ואחד מפתח Yui 3 מפתחים, הרצה בשבוע שעבר כאן ב-Yahoo על מטרות העיצוב עבור Yui 3 וההחלטות אדריכליים שהיו מונע על ידי מטרות אלה. אנחנו שמחים לשתף וידאו מאירוע זה כאן Yui תיאטרון.

שקופיות מההרצאה של Satyen הם זמינים כקובץ PowerPoint מכווצת כאן .

Embed מ-Yahoo Video כדלקמן: גרסת רזולוציה גבוהה יותר, יחד עם התמליל, זמין באתר תיאטרון Yui .

Satyen דסאי: "Yui 3: מטרות עיצוב ואדריכלות" @ יאהו! וידאו

להוריד (M4V)

במקרה פספסת ...

כמה קטעי וידאו האחרונות אחרות של סדרת Yui תיאטרון :

• פיטר, פול קוך (פ.פ.ק.): אירועים-JavaScript
• ג'ני דונלי: פריצה עם Yui
• נייט Koechley: הנדסה Frontend מקצועי
• ג'ון Resig: DOM הוא בלגן

מנוי Yui תיאטרון:

• Yui תיאטרון RSS feed
• Yui תיאטרון ב-iTunes

מצא את שיחות: Bloglines | technorati

לשתף ולהרחיב: הפוך עם del.icio.us | Digg אותו! | reddit!

בטבע במשך 11 מאי 2009

11 מאי 2009 בשעה 11:43 על ידי אריק Miraglia | בשנת בטבע | 2 תגובות

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

• Satyen דסאי מדבר YUI3 על WebDevRadio : Satyen (אחד היזמים המרכזיים על הפרויקט YUI3 ) הרצה היום JSConf, ו WebDevRadio ראיינה אותו לאחר מכן. אתה יכול לתפוס את הראיון כאן .
  
• חדש Yui מבוסס מאט של סניידר משחק קלפים מנוע :. פורה מאט סניידר שוקל עם פרוייקט חדש כותב מאט : "המטרה של מערכת זו היא לבנות קבוצה של קל להרחיב, MVC JavaScript חפצים שיכולים לשמש עמוד השדרה מערכת כרטיס כל משחק. אני יהיה בהתמודדות עם סוליטר משחקי קלפים הראשון, פיתחו את ארכיטקטורת ניהול כרטיס, אבל לא התחלנו לתכנן את הארכיטקטורה המשחק. ארכיטקטורת כרטיס מורכב משלושה אובייקטים: Deck CardModel, CardView. אובייקט "Deck" יטפל אוסף של קלפים יש שיטות כדי להוסיף או להסיר קלפים, ושיטת דשדוש באמצעות אלגוריתם Knuth. משחקים הם שיחקו על ידי אינטראקציה עם אובייקט 'Deck' ו מפתח יאריך את האובייקט כדי לענות על הצרכים של המשחק שלהם. "בדוק את הבלוג ואת דמו .
  
• Yui מיושם על אופנה / סלבריטי בלוג Limelife.com : אופנה מפורסם בבלוג Limelife היא באמצעות מגוון של רכיבים Yui, כולל גופאל Venkatesan של Yui קרוסלה בקרה .
  
• Retrevo.com אתר אלקטרוניקה שימוש Yui השלמה אוטומטית ועוד : Retrevo הוא האלקטרוניקה אתר שנועד לסייע לך לקבל החלטות טובות לגבי רכישות האלקטרוניקה שלך. כמו כן, יש מאגר נפלא של מדריכים של המשתמשים - דבר שימושי עבור לבדוק את המוצר שאתם שוקלים לקנות, או ללמוד יותר על אחד, כי אתה כבר לבד. Retrevo משתמשת במגוון של רכיבים Yui, כולל יישומון השלמה אוטומטית של ג'ני דונלי .
  
• Walgreens.com שימוש Yui השלמה אוטומטית : זה לא יישום חדש, אבל זה אחד ראוי לציון - Walgreens.com , הפנים באינטרנט של רשת דראגסטור הפופולרית, משתמשת חבילת השירות Yui ועושה שימוש מצוין של Yui השלמה אוטומטית יישומון על הראשי שלה עמוד ליישם בתכונת החיפוש, מציע שלה.
  
• Narayanan AR, "לשים פנים Yui על יישום אינטרנט Java" : על פי המחבר: "בהתבסס על המאמר הקודם שלי ממשקי משתמש עשירים של יאהו אינטרנט עבור מפתחי Java , אשר דנו כיצד להשתמש שונים Yahoo ממשק משתמש (Yui) רכיבים אינטרנט להתקנה עיצוב, מאמר זה עובר באמצעות Yui לפתח יישום בעולם האמיתי. במהלך של יישום, תוכלו ללמוד כיצד: לפרוס את המרכיבים, השתמש רכיבי טופס סטנדרטי, וגם לטפל באירועים ".
• קורס מזורז אנדרו ברג'ס על Yui רשתות CSS : אנדרו ברג'ס כותב כי יש כמה סיבות טובות לשקול Yui רשתות CSS לנהוג פריסות שלך: "Yui רשתות משתמש קל לזכור מזהים וכיתות ו סימון נקי, ברגע שאתה לומד את זה, אתה יכול לחזור הקוד שלך בחודש ולדעת אילו חלקים הם של Yui ומה עושה כל חתיכה. [קובץ אירוח חינם על yui.yahooapis.com] מפחית עומס פעמיים: לא צריך לארח את הקובץ על השרת, כמו גם טעינת הדף מהר יותר אם ללקוח יש את הקובץ במטמון ... יאהו אפוי רוחב הצדדי המתאימים עם פרסום הנחיות של לשכת הפרסום האינטראקטיבי. [ו] עם מספר רב של תבניות ויכולת האזורים דף הקן, יאהו טוענת להציע מעל 1000 שילוב פריסה. . . הכל פחות מ 5kb. " בדוק את ערכת לימוד מלא יותר.
  
• התצפית Yui - Tweetium, טוויטר משחקים API מ @ carolskelly : קרול Skelly להקים Explorer קטן ונחמד על ה-API של טוויטר באמצעות Yui ו jQuery - לבדוק את זה על http://tweetium.com/ . ( המקור. )
• מדריך: נורמן Kosmal, "הסתרה והצגה של עמודות של DataTable Yui באמצעות תיבות סימון" : הכותרת אומרת הכל - נורמן Kosmal בלוגים זה הדרכה לגבי קשירת הצג / הסתר API עמודה Yui DataTable ל UI התיבה.
• מעמיק לתוך העוגיות עם מחבר קוקי Yui השירות : ניקולס ג Zakas, מחברת השירות קוקי Yui בין הפרויקטים מוסריים אחרים, יש מאמר מפורט על Cookies של הדפדפן על הבלוג שלו . כותב ניקולס: "עוגיות HTTP, לרוב רק בשם" עוגיות "בסביבה כבר זמן מה, אבל עדיין לא הבנתי טוב מאוד. הבעיה הראשונה היא הרבה תפיסות מוטעות, החל עוגיות כמו תוכנות ריגול או וירוסים לבורות פשוט על האופן שבו הם עובדים. הבעיה השנייה היא חוסר עקביות ממשקים לעבוד עם עוגיות. למרות כל הבעיות הסובבות אותם, עוגיות הם חלק חשוב של התפתחות האינטרנט, הם צריכים להיעלם ללא תחליף, רבים של יישומים המועדפים עלינו אינטרנט יבוצע חסר תועלת. " בדוק את המאמר שלו יותר , כולל אחד או שניים הערות על תמיכה קוקי Yui.
• טום קלנסי, "עורך טקסט עשיר ב Yui Django מנהל" : טום קלנסי פורסם ברשימותיו על שימוש DAV של זכוכית Yui עורך טקסט עשיר כדי לשפר את Django Admin. ( המקור. )
• Caridy Patino Mayea על שימוש יכולות המנוף של Yui : Caridy, מחבר את הפופולריות ספריית מבעבעים סיומות עבור Yui, כותב פוסט בבלוג חדש על המנוף: "במאמר זה, אתמקד Yui 2.x בפרט, איך אתה יכול לעצב את בקשתך להשתמש Yui על פי דרישה יכולות בצורה כזו כי המעבר Yui 3.x יהיה פשוט. המטרה העיקרית היא לתאר כיצד אנו יכולים להשתמש Yui לארגן את הקוד וללמוד כיצד להתמודד עם דרישה תהליכים טוען ... " קרא את הפוסט המלא לקבלת פרטים נוספים .
• Konamicode ממאט סניידר : מאט סניידר, מחברת השירות Yui הקרובה אחסון (. ולא עובד 1 על Mint.com), מציעה את Konamicode : "לאחרונה, אתרים רבים (כגון espn.com ו facebook.com) הוסיפו הפסחא הביצים ספריות Javascript שלהם שמופעלות על ידי קוד המשחק הישן Konami וידאו: עזבו את את מטה מטה שמאל ימין BA הזכות להיכנס. אמנם זה לא בהכרח לשפר את ארכיטקטורת הרשת, היא עושה את זה יותר כיף. לקדם עוד ביצי פסחא כאלה, החלטתי לכתוב סקריפט פשוט שעושה שילוב קוד Konami אל האתר שלך מה בכך. " אתה יכול לקרוא על פייסבוק Konami פסחא ביצה על TechCrunch .
  
• שקופיות DAV של זכוכית יום האק פתח בלונדון : DAV הרצה על Yui 3 ליום האק פתוח של יאהו בלונדון. הוא בלוג על האירוע ועל פורסם השקופיות שלו SlideShare , עבור אלה שלא יכלו להיות שם באופן אישי. YDN יש בלוג נחמד לכתוב את על האירוע על YDNBlog גם .
• הרחבות TYPO3 תמיכה Yui CSS ו-RTE : על פי אתר האינטרנט שלה ", היא TYPO3 החינמי קוד פתוח מערכת ניהול למטרות ארגוניות באינטרנט ועל אינטראנט. הוא מציע גמישות ההרחבה מלאה תוך שמציעות מערך מושלם של מוכנות ממשקים, פונקציות ומודולים. "אנדריאס Lappe כתב כדי לספר לנו על שתי הרחבות TYPO3, אחד עבור Yui CSS ו - 1 עבור עורך טקסט עשיר Yui . אתה יכול לראות את שני התוספים (והרבה אחרים רכיבים Yui) בשימוש באתר זה .
• כמה מחשבות על HTML 5 מיוצרי-JavaScript הספרייה : מאט Yui של סוויני אריק Miraglia הם בין אלה אשר נאספו תגובות לכתבה InfoQ לאחרונה על ידי דיוניסיס Synodinos ב -HTML 5 ו האבולוציה של ספריות-JavaScript .
  

מצא את שיחות: Bloglines | technorati

לשתף ולהרחיב: הפוך עם del.icio.us | Digg אותו! | reddit!

Draggable DataTable שורות

מאי 8, 2009 בשעה 2:50 על ידי גונזלו Cordero | ב פיתוח | 4 תגובות

הקדמה

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

השיקולים הראשוניים ואת מספר פתרונות אפשריים

השאלה הראשונה שעלתה בראשי היתה איך לעשות כל שורה בטבלה draggable ואת היעד ירידה בו זמנית בצורה היעילה ביותר. ידעתי גם את הפעלת גרור אובייקט DDTarget באותו זמן על אלמנט לא יעבוד. לאחר קריאת דרך גרירה API תיעוד Drop גיליתי את המאפיין isTarget מקבל להגדיר כברירת מחדל true עבור כל חפץ גרור אנו יוצרים, מה שהופך את אובייקט היעד ירידה גם כן. אז עם זה, אני אישית מוגדר DDRows בכיתה להקים את המטפלים רגע מעניין גם להוסיף קצת סגנון CSS על אובייקט ה-proxy גרור חזותית להבדיל אותו מן השורות רגיל. גרור אובייקט proxy הוא רק מיכל שמקבל מוצג פעם אחת גרירת מתחיל והוא משמש סמן / מדריך על מה הוא נגרר.

 YAHOO.example.DDRows = function (id, sGroup, config) {
     YAHOO.example.DDRows.superclass.constructor.call (זה, תעודת זהות, sGroup, config);
     Dom.addClass (this.getDragEl (), "סוג proxydrag");
 };

 YAHOO.extend (YAHOO.example.DDRows, YAHOO.util.DDProxy, {
	 / / Handlers מוגדרת כאן
 });

לאחר הגדרת המעמד DDRows, אני מקשיב של DataTable initEvent להקים כל שורה כאובייקט DDRows גרירה:

 myDataTable.subscribe ("initEvent", function () {
     var אני, זהות,
     allRows = this.getTbodyEl (שורות).

     ל (i = 0; i <allRows.length: אני + +) {
         id = allRows [i] מזהה.

         / / לנקות את כל המופעים הקיימים גרור
         אם (myDTDrags [ID]) {
             myDTDrags [ID] unreg ().
             למחוק myDTDrags [ID];
         }

         / / יצירת מופע דראג עבור כל שורה
         myDTDrags [ID] = חדש YAHOO.example.DDRows (id);
     }
 });

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

 onDragDrop: פונקציה (ה, id) {
     var destDD = YAHOO.util.DragDropMgr.getDDById (id);
     / / אם רק יורד על מטרה חוקית
     אם (destDD && && this.srcEl destDD.isTarget) {
             ...
     }
 }

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

 onDragDrop: פונקציה (ה, id) {
     var destDD = YAHOO.util.DragDropMgr.getDDById (id);
     / / אם רק יורד על מטרה חוקית
     אם (destDD && && this.srcEl destDD.isTarget) {
         var srcEl = this.srcEl,
             srcIndex = srcEl.sectionRowIndex,
        	 destEl = Dom.get (ID),
        	 destIndex = destEl.sectionRowIndex,
             srcData = myDataTable.getRecord (srcEl) getData ().

         this.srcEl = null;

         / / ניקוי למשל גרור הקיים
         myDTDrags [srcEl.id] unreg ().
         למחוק myDTDrags [srcEl.id];

         / / הזז את השורה למיקום החדש שלה
    	 myDataTable.deleteRow (srcIndex);
         myDataTable.addRow (srcData, destIndex);
    	 YAHOO.util.DragDropMgr.refreshCache ();
     }
     }
 }

הנה למשל עבודה מלא באמצעות Yui 2.7.0 .

שיפור בדוגמה שלנו באמצעות Yui 3.0 PR2

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

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

 myDTDrags [ID] = חדש Y.DD.Drag ({
     הצומת: "#" + תעודת זהות,
     constrain2node: "# datatable",
     moveOnEnd: שקר,
     פרוקסי: נכון,
     היעד: נכון
 });

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

הגירסה השניה הגדול תכונה חדשה 3 מביא אותנו מבעבעת אירוע בהתאמה אישית (מה שמביא את העוצמה של מבעבע-DOM האירוע לאירועים אישית המניעים API של הספרייה). הודות לכך, אנו יכולים כעת להקשיב לכל אירועי גרור ושחרר ברמת המסמך באמצעות גרור ושחרר מנהל, במקום לצרף כמה אירועים בכל שורה בטבלה הפרט. קוד מותאם אישית, במקרה שלנו המשלחת נראה כך:

 Y.DD.DDM.on ("דראג: להתחיל", startDrag);
 Y.DD.DDM.on ("דראג: סוף", endDrag);
 Y.DD.DDM.on ("דראג: drophit", dragDrop);

הנה למשל עבודה מלא באמצעות Yui 3.0 PR2 .

מסקנה

אני מקווה שתמצא את הדוגמאות משאב שימושי על איך להוסיף גרור ושחרר פונקציונליות DataTables ועל איך בקלות אתה יכול לשלב את Yui 2.7.0 ו Yui 3 רכיבים באותו דף. הוא משמש גם תצוגה מקדימה מהירה על כל התכונות החדשות מרגש כי הם באים עם הדור הבא של Yui.

מצא את שיחות: Bloglines | technorati

לשתף ולהרחיב: הפוך עם del.icio.us | Digg אותו! | reddit!