אפליקציה ראשונה ב-Node.js
cmd בתוך התיקייה ולהקליד code ., או לפתוח את התוכנה ולבחור Open Folder.app.js ובו console.log("Hello World"). console.log מציג מידע על המסך.node app.js (אפשר גם node app). מקש החץ למעלה מחזיר את הפקודה האחרונה.let ו-const. את var כבר לא משתמשים בדרך כלל, כי יש לו חסרונות. let מתאים כשהערך משתנה, ו-const כשהערך נקבע פעם אחת.alert, window ו-document נכשלים עם השגיאה is not defined, כי אין כאן דפדפן. VS Code מציע אותן באינטליסנס כי הוא מכיר JavaScript, אבל הן לא קיימות בסביבת Node.js.פרקי ההרצאה: אפליקציה ראשונה ב-Node.js
תמלול ההרצאה: אפליקציה ראשונה ב-Node.js
הטקסט המלא של הדקות הראשונות בהרצאה «אפליקציה ראשונה ב-Node.js» בקורס הווידאו של PracticU – כתוביות בעברית עם זמן התחלה לכל פסקה. כך תוכלו לקרוא ולחפש את הנושאים לפני שמתחילים ללמוד.
וכעת אנחנו מוכנים לבנות את האפליקציה הראשונה שלנו ב-Node.js. אז בואו ניכנס לסייר הקבצים, ובסייר הקבצים יש לי פה איזושהי תיקייה בקונן C שנקראת Projects, ובתוכה אני רוצה לבנות תיקייה חדשה.
בואו נלך ל-New Folder ונקרא לתיקייה הזאת Hello World. ואנחנו רוצים לפתוח את התיקייה הזאת בסביבת הפיתוח. אז אני אעבוד עם סביבת הפיתוח של Visual Studio Code, אבל אתם מוזמנים לעבוד עם כל סביבת פיתוח שאתם רוצים.
Visual Studio Code היא פשוט מאוד נוחה וכל הזמן מתעדכנת ומקבלת שיפורים, ולכן היא מאוד פופולרית בעולם. אז יש כמה שיטות לפתוח את התיקייה ב-Visual Studio Code.
השיטה הכי פשוטה תהיה מקש ימני ובחירה ב-Open with Code, בכדי שתהיה לכם את האופציה הזאת בזמן ההתקנה של Visual Studio Code, הייתם צריכים לסמן איזשהו V שמה בכדי שהוא יכניס לכם את האופציה הזאת בתפריט במקש ימני.
אז זאתי שיטה כמובן ראשונה והכי פשוטה. בואו נראה שיטה נוספת. שיטה שנייה היא להיכנס לתוך Hello World, לתוך התיקייה הזאת, לסמן כאן את הכתובת בסייר הקבצים, לרשום cmd, enter, וזה פותח לנו את ה-command line ישירות בנתיב של התיקייה.
במצב הזה אנחנו רושמים code.enter וזה פותח לנו את Visual Studio Code ישירות על התיקייה Hello World. שיטה שלישית היא כמובן, בואו רגע נצא מזה, לגשת ולחפש כאן את vscode למעשה זה visual studio code ולפתוח ופשוט לגשת לפייל open folder ולבחור את התיקייה עצמה.
Select folder ויש לנו פה כמה שיטות לפתוח את visual studio code על התיקייה. כאן אנחנו יכולים לצרף קובץ ראשון בואו נקרא לו app.js ואנחנו מפתחים ב-JavaScript. אז console.log זה בעצם הפקודה שלנו בכדי להציג מידע על המסך.
בואו נרשום Hello World בצורה כזאת, נשמור, ואנחנו רוצים להריץ את זה. בכדי להריץ את זה אנחנו צריכים את ה-Command Line. אז שוב, אנחנו יכולים להיכנס לכאן, CMD Enter, לפתוח את ה-Command Line, והפקודה שאנחנו רוצים לתת זה Node, רווח ואיזה קובץ אנחנו רוצים להריץ.
זה יכול להיות app.js והנה אנחנו רואים את התשובה. חץ למעלה מחזיר לנו את הפקודה האחרונה או node פשוט app בלי נקודת js וזה גם כן מריץ את הקובץ הזה והנה אנחנו יכולים לראות Hello World על המסך.
בואו נצא מכאן ויותר פשוט יהיה להשתמש בקומנדליין מתוך Visual Studio Code. זה בעצם יכול להתבצע על ידי וטרמינל או קונטרול באק טיק זה בעצם הגרש הקטן שנמצא משמאל האחד וזה פותח לנו את הטרמינל כאן אנחנו יכולים לרשום גם כן nodeapp.js או nodeapp ולראות בטרמינל הפנימי את הפקודה שהרצנו.
כל יתר הפקודות של FAT JavaScript זמינה לנו אנחנו יכולים לפתוח משתנים על ידי var x שווה 10 או על ידי let y שווה 20 או על ידי const z שווה 30. למעשה ב-JavaScript כבר לא כל כך נהוג להשתמש ב-var, יש לו כל מיני חסרונות.
או משתמשים ב-let אם אנחנו רוצים להכניס שוב ושוב ערכים לתוך המשתנה, או ב-const אם אנחנו לא רוצים יותר להתחיל את המשתנה, כלומר להתחיל אותו פעם אחת. בואו נבצע console.log, נדפיס את x, y ו-z, נחזור לטרמינל, לחץ למעלה, enter, והנה אנחנו רואים את כל המידע.
מוצג כל מיני פקודות, כל הפקודות של השפה, תנאים, לולאות, הכל בעצם תקף לנו בשפת Node.js, במערכת של Node.js. בואו נתחיל את i מ-x, כל עוד i קטן שווה ל-y, פלוס פלוס קונסול לוג ונציג את איי עצמו נריץ ונראה בעצם שיש לנו כאן את כל הפקודות ולמעשה שפת ג'אווה
סקריפט עצמה עם כל החידושים שלה כיפה כל הזמן במערכת של Node.js כל מה שאתם מכירים מג'אווה סקריפט אתם יכולים לפתח כאן פרט למה שקשור ספציפית לדפדפן כי ג'אווה סקריפט בעצם תמיד הייתה מורצת במסגרת של דפדפן.
אז הדפדפן עצמו היה מספק לנו כל מיני פקודות שהן חלק מהדפדפן. לדוגמה, בדפדפן היינו יכולים בג'אווה סקריפט לרשום alert. היי, אין לנו כאן alert ב-node.js, כבר אנחנו רואים שהתוכנית קרסה לה.
בואו נראה מה הפקודה, alert is not defined. בג'אווה סקריפט יש לנו את האובייקט וינדו. בואו ננסה לרשום משהו עם ווינדואו. לדוגמה, console.log, ווינדואו.prompt,