PracticU

התקנת Package עם NPM

בלי כתוביותעם כתוביות
PracticU › קורס NodeJS › התקנת Package עם NPM
מילון מושגים:
חבילה - אוסף ארוז של קוד, ספריות או קבצים המופץ כיחידה אחת ומותקן בעזרת מנהל חבילות.
npm - מנהל החבילות של Node.js, המשמש להתקנה ולניהול ספריות JavaScript בפרויקט.
JSON - פורמט טקסט קריא לייצוג נתונים מובְנים כזוגות מפתח-ערך, נפוץ להחלפת מידע בין שרת ללקוח.
פונקציה - קטע קוד בעל שם שמבצע משימה מוגדרת, מקבל ערכי קלט (פרמטרים) ויכול להחזיר תוצאה. מאפשרת לארגן קוד ולהשתמש בו שוב.
מחרוזת - סוג נתונים שמייצג רצף של תווים, כלומר טקסט, ומשמש לאחסון מילים, משפטים או כל רצף סימנים.

התקנת Package עם NPM
כדי להתקין חבילה מ-NPM ולהשתמש בה, מריצים npm install ואת שם החבילה. המרצה מדגים שתי חבילות.
דוגמה ראשונה: lit
lit היא חבילה שממירה טקסט ל"ליט", סלנג אינטרנטי שבו מחליפים אותיות בספרות או בסימנים.
1. התקנה: npm install lit, או בקיצור npm i lit. החבילה נכנסת לתיקיית node_modules ונרשמת ב-package.json תחת dependencies.
2. שימוש: const lit = require('lit'), ואז קוראים לפונקציה lit.convert('...') עם מחרוזת.
3. תוצאה: המרצה מראה שהאות a מומרת לספרה 4, והאות s לספרה 5.
דוגמה שנייה: colors
1. התקנה וייבוא: npm install colors, ואז require('colors').
2. צבעי טקסט: פונקציות כמו red, green, blue, yellow ו-magenta צובעות את המחרוזת בקונסול.
3. צבעי רקע: פונקציות כמו bgRed ו-bgGreen מגדירות צבע רקע. אפשר לשלב אותן עם צבע טקסט.
4. פונקציות נוספות: inverse מחליף בין צבע הטקסט לרקע, zebra יוצר פסים כמו זברה, ו-random בוחר צבעים באקראי.
המרצה מציין שכל היכולות האלה לא קיימות כברירת מחדל ב-NPM, ומישהו בנה אותן כחבילה והעלה אותה, ולכן הן זמינות לכולם בחינם.
חבילות שמותקנות נרשמות ב-package.json, ולכן אפשר לשחזר את הפרויקט בהמשך.
השיעור הבא בקורס: פקודות NPM

פרקי ההרצאה: התקנת Package עם NPM

  1. 00:00

    התקנת חבילה מ-NPM בעזרת npm install

  2. 00:59

    תלויות החבילה ב-package.json

  3. 02:04

    שימוש בספריית ליט להמרת מחרוזת

  4. 03:48

    התקנת חבילת colors וצביעת הטקסט בקונסול

תמלול ההרצאה: התקנת Package עם NPM

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

  1. 00:02

    אז בכדי להתקין פאקג' מ-NPM ולהשתמש בו, כל מה שאנחנו צריכים לעשות זה לרשום את הפקודה NPM, Install, ואת שם הפאקג'.

  2. 00:14

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

  3. 00:41

    תכף אנחנו נראה מה הכוונה. אז קיים ב-NPM פאקג' כזה, ואנחנו מבצעים npm install it, enter, ואז המערכת ניגשת כמובן לשרתי npm, מורידה לנו את הפאקג' ואומרת לנו בדיוק שהיא התקינה אותו.

  4. 00:59

    ואנחנו רואים added one package. אם הפאקג' הזה היה משתמש בתוכו בעוד פאקג'ים, אז היינו רואים כאן רשימה של כל הפאקג'ים שהותקנו בנוסף. אבל ליט משתמש רק בפאקג' אחד, כלומר הוא בנוי רק מפאקג' אחד מעצמו ואין לו dependencies נוספים.

  5. 01:19

    אז כל מה שאנחנו צריכים לעשות עכשיו בשביל להשתמש בו זה const ליט, כמובן שאני יכול להמציא איזה שם אחר שאני רוצה כי זה בסך הכל משתנה, שווה rick wire וליט.

  6. 01:37

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

  7. 02:00

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

  8. 02:13

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

  9. 02:57

    ונראה מה בעצם כתוב בה קונסול לוג ונציג את sdr כאן סיימתי לבנות את התוכנית שלי שמשתמשת עם פאקג' מ-npn בואו נריץ את זה ושימו לב מה ההבדל המכרובת שאני כתבתי מול המכרוזת המכרובת שבעצם ליט יצרה ואם תסתכלו תראו שאפשר איכשהו לקרוא את זה אנחנו רואים שבמקום s יש לנו 5 במקום המילה ליתר דיוק במקום האות a יש לנו 4 ואז אפשר לקרוא

  10. 03:39

    Oh, this is a long, cool string to test ליט mechanism and ליט package. אנחנו רואים שזה בעצם מה שזה עשה. טוב, זה יכול להיות די חמוד או די טיפשי, תחליטו אתם.

  11. 03:54

    בואו נתקין עוד אחד. אז אנחנו רוצים להתקין עוד איזה פקקג' מעניין, npm install, דרך אגב, במקום install אפשר i, ואנחנו רוצים את colors, יש לנו פאקג' כזה, colors, והנה אנחנו רואים שהוא עודכן.

  12. 04:19

    All right, מה אנחנו עושים עם colors? קודם כל, בואו נגדיר אותו. רק wire colors. מה ש-colors מאפשר לנו לעשות זה לצבוע בכל מיני צבעים את המכרובות שאנחנו מציגים על הקונסול.

  13. 04:44

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

  14. 05:03

    בואו ניקח עוד כמה, יש לנו כאן את green כמובן, יש לנו כאן blue,

לקורס המלא: קורס NodeJS אונליין בעברית

ההרצאה הקודמת: הסבר על Package ב-NodeJS

ההרצאה הבאה: פקודות NPM

הרצאות קשורות מקורסים אחרים

  • התקנת Northwind אוטומטית דרך npm
  • הסבר על SCCM Package
  • סקריפט שמתקין npm - פרויקט NodeJS
  • התקנת MongoDB

קורסים נוספים במסלול

  • קורס יסודות HTML - בניית אתר אינטרנט פשוט
  • קורס CSS 3 - בדגש על Flex & Grid
  • קורס Javascript כולל JQuery
  • קורס ג'אווה סקריפט מעשי - JavaScript
  • קורס TypeScript
  • קורס ריאקט - React