PracticU

יצירת פרויקט עם Templating Engine בנוד NodeJS

בלי כתוביותעם כתוביות
PracticU › קורס NodeJS › יצירת פרויקט עם Templating Engine בנוד NodeJS
מילון מושגים:
Node.js - סביבת ריצה שמאפשרת להריץ קוד JavaScript מחוץ לדפדפן, בעיקר בצד השרת.
מודל - רכיב שמייצג את הנתונים ואת הלוגיקה העסקית באפליקציה. גם ייצוג מופשט של מערכת או תהליך.
MySQL - מערכת ניהול מסדי נתונים יחסיים בקוד פתוח, נפוצה מאוד באתרים וביישומי אינטרנט.
תיקייה - מכל במערכת הקבצים שמשמש לארגון קבצים ותיקיות אחרות בתוך מבנה היררכי.
MongoDB - מסד נתונים מסוג NoSQL שמאחסן נתונים כמסמכים בפורמט דמוי JSON, בלי מבנה טבלאי קשיח.
פורט - מספר שמזהה שירות או תהליך מסוים בתוך מחשב, ומאפשר לכוון תעבורת רשת ליעד הנכון. למשל פורט 80 ל-HTTP.
HTTP - פרוטוקול להעברת דפי אינטרנט ונתונים בין דפדפן לשרת. הגרסה המאובטחת שלו היא HTTPS.
Localhost - שם המפנה למחשב המקומי עצמו (כתובת 127.0.0.1), המשמש לבדיקת שירותים הרצים על אותו מחשב.

יצירת פרויקט עם Templating Engine בנוד NodeJS
מכינים פרויקט חדש לאתר שמשתמש ב-EJS, כולל ההתקנות והקבצים שנבנו בקורס, כך שאפשר בהרצאות הבאות להתחיל לעבוד על הדפים עצמם.
השלבים העיקריים
1. התקנות: מתקינים את Express (כי EJS עובד איתו), את Joi לשימוש במודל שכבר קיים, ואת ejs.
2. שימוש בקבצים קיימים: לא כותבים מחדש את מה שנבנה בהרצאות קודמות. מעתיקים לפרויקט את קובץ ה-config של החיבור ל-MySQL לתיקייה הראשית (אפשר גם MongoDB או מסד אחר), את מודל המוצר עם הוולידציה של Joi לתיקיית models, את ה-data access layer שמתחבר ל-MySQL, ואת ה-business logic שמביא את כל המוצרים או מוצר בודד.
3. קונטרולרים: את הקונטרולרים בונים מחדש, כי יש בהם הבדלים.
4. העלאת השרת: require('express'), יצירת server, הגשת הקבצים הסטטיים מהתיקייה הראשית ו-server.listen על port 3000, עם הודעה listening on http://localhost:3000.
אחרי השלב הזה יש תשתית מוכנה, וההרצאה הבאה מתחילה לעבוד עם EJS בבניית דף הבית.
השיעור הבא בקורס: יצירת דף הבית

פרקי ההרצאה: יצירת פרויקט עם Templating Engine בנוד NodeJS

  1. 00:00

    פרויקט חדש והתקנת Express, Joi ו-EJS

  2. 00:58

    שכבות DAL, Business Logic ומודלים

  3. 01:37

    חיבור MySQL ומודל המוצר

תמלול ההרצאה: יצירת פרויקט עם Templating Engine בנוד NodeJS

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

  1. 00:03

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

  2. 00:26

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

  3. 00:45

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

  4. 00:58

    אנחנו עבדנו בעבר עם Data Access Layer ועבדנו בנויים business logic וגם מודלס את הקונטרולרים אנחנו הולכים לבנות בעצמנו את הקונטרולר אנחנו לא הולכים להשתמש בקונטרולר מוכן כי יש שם כמה דברים שונים אז יש לנו כאן כבר את הקבצים שעבדנו איתם כאשר למדנו את כל הנושאים האלה יש לנו פה את ה-config

  5. 01:32

    שאנחנו רוצים לשים ב-root directory התחברות במקרה את זה ל-MySQL, אתם יכולים לבחור גם MongoDB או כל דאטאבייס שאתם רוצים. יש לנו את המודל, בואו ניקח את הפרודקט ונשים אותו בתיקיית המודל, שמתאר מוצר בודד, בדיוק כמו שעבדנו בעבר, כולל בדיקות ולידציה של ג'וי.

  6. 01:56

    יש לנו את ה-Data Access Layer, שזה זה, הדל, בואו נשים בתיקייה הזאת, שמתחבר ל-MySQL, ויש לנו את ה-Business Logic,

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

ההרצאה הקודמת: הסבר על Templating Engine בנוד NodeJS

ההרצאה הבאה: יצירת דף הבית

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

  • התקנה של NodeJS - פרויקט NodeJS
  • App Engine - Serverless - חלק 1
  • יצירת פרויקט Maven - חלק 1
  • יצירת פרויקט ב-TypeScript

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

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