שימוש ב-NuGet

תמלול ההרצאה: שימוש ב-NuGet

הטקסט המלא של הדקות הראשונות בהרצאה «שימוש ב-NuGet» בקורס הווידאו של PracticU – כתוביות בעברית עם זמן התחלה לכל פסקה. כך תוכלו לקרוא ולחפש את הנושאים לפני שמתחילים ללמוד.

1. 00:01

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

2. 00:16

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

3. 00:33

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

4. 00:45

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

5. 01:11

   אנחנו יכולים לבחור ב-Online, All, Installed, כאלה שכבר מותקנים, לחפש Updates וללכת ל-Recent שכבר בחרנו. אז בואו נחפש פה לדוגמה את jQuery. אנחנו רואים שמצאנו כל מה שקשור ל-jQuery, אנחנו יכולים לחפש את התיקייה, את הספרייה הראשית של jQuery, jQuery Validation, jQuery UI, אפשר לנו לעבוד עם UI, כל מה שקשור ל jQuery

6. 01:37

   המערכת של נוגט מצאה לנו ואנחנו יכולים פשוט ללחוץ על ניסטול, אני כרגע הולך להתקין את הספרייה של jQuery, שימו לב שאין כלום בסלושן כרגע שקשור ל jQuery, יש לנו את AppData, יש לנו את AppStart שראינו, קונטרולר שהוא ריק, מודל ריק, Views יש לנו פה רק את הלייאוט, בואו נלחץ על סטארט,

7. 02:03

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

8. 02:31

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

9. 02:55

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

10. 03:15

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

11. 03:28

    אז מה שנעשה זה נוסיף קונטרולר, נקרא לו טסטר, יש לנו פה פונקציית אינדקס, נייצר עבורה איזשהו view, נגדיר את ה-view הזה, לא צריך Strongly type כרגע, use a layout or master page, leave empty, אנחנו רוצים שהוא ייקח אותו מהview start שהוספתי פה מקודם.

12. 03:51

    נבצע add ויש לנו פה view. בואו נלך ל-shared ל-layout. נראה שב-layout יש לנו פה את ה-render body ונוסיף מתחת ל-render body render section שיצביע על סקריפט.

13. 04:10

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

14. 04:24

    נחזור בחזרה ל-view שדיברנו עליו ונוסיף פה סקשן שנקרא Scripts. בתוך הסקשן הזה אנחנו רוצים להצביע על איזשהו סקריפט שאנחנו רוצים לבנות.