Instructions
User Manual:
Open the PDF directly: View PDF 
.
Page Count: 9
©סקירטמ תצובקמ מ"עב הכרדה סיירב ןו'גל תורומש תויוכזה לכ
Full Stack Web Developer
טקיורפ Node.Js + Angular + MySql \ MongoDB
27656-4578-02
©סקירטמ תצובקמ מ"עב הכרדה סיירב ןו'גל תורומש תויוכזה לכ
יללכ
לוכרמ רצייל םכילע הז טקיורפב,ילאוטריו תונח רכממל ןוזמ ירצומו תלוכמ תטישב םינוש ימצע תוריש.
הבוט אמגוד– .ןייל ןוא לסרפוש
:תיתשת
1. SQL database \ mongodb .הצרמה תריחב יפל
2. תרשNodeJs ליכמהAPI .םינותנ דסממל רוביחו תרש דצ הקיגול ,
3. :חוקל דצangularJs
.ימוקמ תרשב רצייל שי טקייורפה תא
:םיאבה םיאשונה תא םשייל שי טקייורפב
HTML + CSS
- HTML5 Structure
- Bootstrap design
Angular
NodeJS
- Using express
- Restfull App
MySQL
- Design & create schema
- Queries
MongoDB
- Design & Create Collections
- Mongoose or other ORM.
שדוח :טקיורפה תשגהםיי היחנהה שגפממ
©סקירטמ תצובקמ מ"עב הכרדה סיירב ןו'גל תורומש תויוכזה לכ
טקיורפה טוריפ
:תכרעמב תויושי
1. ,םש : חוקל םששמתשמ םש ,החפשמ-ליימיא(תוהז תדועת ,PK).בוחר ,ריע ,אמסיס ,
2. ,םש : להנמ םש ,החפשמשמתשמ םש-ליימיא(תוהז תדועת ,PK,) .אמסיס
הדשב שומיש ידי לע תאז להנל ןתינ ,םילהנמ רובע הלבט קיזחהל ךרוצ ןיאש ןבומכrole.
3. ההזמ רפסמ :)םירצומ לש(הירוגטק(PK).הירוגטק םש ,
4. ההזמ רפסמ :רצומ(PK)הירוגטק ההזמ ,רצומה םש ,(FK) ,הנומת ,ריחמ-.ביתנ
5. ההזמ רפסמ : תוינק תלגע(PK) ,חוקל ההזמ(FK), תריצי ךיראת .הלגע
6. :הלגע טירפ(ההזמ רפסמPK(רצומ ההזמ ,)FK, תומכ ,)ריחמ יללכ )ריחמ * תומכ( הלגע ההזמ (FK) ,
7. (ההזמ רפסמ :הנמזהPK,) הבוח אל(חוקל ההזמFK, יפוס ריחמ ,הלגע ההזמ ,) בוחר,חולשמל ריע
חולשמלחולשמל ךיראת ,, ,הנמזה עוציב ךיראת 4 םולשת יעצמא לש תונורחא תורפס.
** :הרעהתויושי לש יוניש וא הפסוה לכ - םרוג וא תויוליפכ ,רתוימ עדימ תפסוהל םרוג וניא אוהש בל םישל שי
לש ןוכנ אל לוהינלתכרעמההצרמה תייחנהו תוצעיתהב ,.
:תואשרהו םילהנמ
1. תומייק תכרעמב2 התואשר:
א. להנמ– וא םירצומ תפסוה ,תכרעמה לש ףטוש לוהינל יארחא ,ןימדאתכירע .םירצומ
ב. חוקל– השיכרו הלגע תרימש ,םירצומ תריחב ,שופיח ,המשרה תלוכי – .הנמזה עוציב
םיכסמ טוריפ – העצה
1. דומע:ישאר
לנאפA ה ןונגנמ תא ליכמLogin
ל רשפאל ןיא אלל תונחה ףדל רובעל שמתשמLogin.
לבקי אוה תורבחתה עציב שמתשמש עגרבSESSION תוהדזהל ותיא דובעיו.תרשה לומ
לנאפB .םכלש תונחה תודוא םילימ המכ , תונחה תודואו הנומת ליכי
ב לנאפC ללוכה תכרעמהמ יללכ עדימ גיצהל שי:
א. רתאב ועצובש תונמזה תומכ– .תונמזה תלבטמ תונמזהה לכ
ב. רתאב תינימזה םירצומה ומכ– .םירצומ תלבטב שיש םירצומה לכ
ג. בוהצב– רחאלlogin :םאתהב העדוה עיפות ןבומכ
a. ינ אלש הלגע ,שמתשמל הליעפ הלגע שיש ךכ לע העדוה,ינכדע ריחמו ךיראת + הרגס
הינק ךשמהב ףלחתי הינק תלחתה רותפכה לנה הרקמב.
b. רותפכו שמתשמה לש הנורחאה השיכרה עיפות , החותפ הלגע ןיא שמתשמלו הדימב
ןימז היהי הינק תלחתה.
c. הת שדח שמתשמהו הדימב"ךלש הנושארה הינקל אבה ךורב":העדוה הי
©סקירטמ תצובקמ מ"עב הכרדה סיירב ןו'גל תורומש תויוכזה לכ
ה רותפכ ,הסינכ עציב שמתשמהו הדימבstart shopping אבה ףדל רבעמל ןימז היהי.
תוינקל רבעמ םתמסחו הדימב , !בל ומיש- start shopping ב שומיש ידי לעjavaScript היהי
דב עצבל םכילעהחטבא ימעטמ ,תרשה לומ תומיא תקי) : אמגודל שמתשמה םייוניש עצבל לבוי
בDOM ב שומיש ידי לעdeveloper tool ה לשbrowser )
המשרה ףדל רבעוי שמתשמה ,המשרה לע ץחל שמתשמהו הדימב.
2. :המשרה ףד
ףדב הז ב המשרהה תא עצבל שמתשמה לע היהי2 ,םיבלש
ןיב רבעמ ב וא דרפנב עיפוי בלש לכviews .המאתהב
ב בלש :אמסיס רושיאו אמסיס ,ליימיא ,תוהז תדועת םיטרפ סינכי שמתשמה ןושארה
1 .ךשמה לע הציחלב- :םיאבה םיאנתה וקדבי ,הנימי ץח
2 .,הבוח תודשה לכ
3 .,תכרעמ רבכ תמייק הניא ז.ת
4 .ןיקת ליימיא
האיגש תעדוההמיאתמ ה תיתחתב עיפותFORM בלשל רבעמ תעינמו2.
שמתשמה ינשה בלשב:םיישיא םיטרפ סינכי
1. ( םירע תמישרמ ורחבי םיכרע ,ריע10 )הנידמב רתויב תולודגה םירעה
2. בוחר– ישפוח טסקט
3. החפשמ םשו םש
4. .הבוח תודש םה םיכרעה לכ
5. עצבי שמתשמה ףוסבלsubmit ךישמהל לכוי אוה םשמ ,ישארה ףדל ותוא ריבעתש המשרה תוחלל ,
רותפכ לעstart shopping קה ףדל רובעלו.תוינ
©סקירטמ תצובקמ מ"עב הכרדה סיירב ןו'גל תורומש תויוכזה לכ
3. :תוינקה ףד
ליכמו שמתשמה לש ישארה ףדה הווהמ הז ףדו.תכרעמב תוילאנויצקנופה בור תא
Hello name
Hello name
©סקירטמ תצובקמ מ"עב הכרדה סיירב ןו'גל תורומש תויוכזה לכ
א. שמהש עגרבתיגה שמ.לאמשמ תגצומה ,תוינק תלגע ורובע החתפנ הז ףדל ע
ב. שופיח תורשפא– ,שקבתמה רצומה תא ,םש יפל שופיחל תרשל האירק
ה ךותב וגצוי תואצותהview ,םירצומה לש.הירוגטק לש ןומיס אלל
ג. ב לאמשמ גצות תוינקה תלגעsidebar ל שמתשמל תורשפא היהתו ,לאמש דצל ףוחדל ,רעזמ ךרוצל
ה תבחרהview .םירצומה לש
ד. שי הירוגטקל השקב לכב ,תוירוגטק יפל םירצומה ללכ תא ליכמה ישאר ףד תתב וגצוי םירצומ איבהל
מ.תיטנוולרה הירוגטקה תחת םיאצמנה םירצומה תא תרשה
ה. חתפי רצומ לש הריחב לכבPOPUP ליכמהINPUT רצומ ותואמ תודיחיה תומכ תנזהל ונוצרבש .שוכרל
ו. יו רחבי רצומה ןכמ רחאל הלגעל ףסוות בSIDEBAR .הלגעה ןוכדע +
ז. ה" וא "הפוקל" לש תורשפא גצות הלגעה תיתחתב ףדל רובעל ידכ "הנמז.םולשתו הלגעה תריגס
ח. .ןכדועמה יללכה םוכסה עיפוי הלגעה תיתחתב
ט. ה הסינכב ,תרקובמ הרוצב אל קתנתה וא ,ןפדפדה תא רגס שמתשמהו הדימב ,בל ומיש האב לש
,שמתשמה הציחלבש ןבומכ ,הינק ךשמה + הרגסינ אלש הנורחאה הלגעה שמתשמל גצות ,ישארה ףדב
ב תיטנוולרה הלגעה לש םירצומה לכ ועיפוי הינק ךשמה לעsidebar.
י. ,הלגעמ םירצומ תקיחמ רותפכ– X רצומה לש הקיחמ רשפאמ רצומ לכ דייל.רחבנה
אי. םירצומה לכ תקיחמהלגעבש- .םירצומה לכ תקיחמל רותפכ
4. :הנמזה ףד
א. לע הציחלב“order” חתפיview :שדח
ב. ,יפוס ריחמ ו שופיח ,םירצומה לכ תא ליכמה לנאפ
a. .ףיסוהל ןבומכו קוחמל ,רמולכ ,םירצומה תא תונשל תורשפא ןיא הז בלשב
b. יה לנאפה תרטמ.תידיתע הלבק תומדל א
c. ףדל הרזח שמתשמה תא ריזחי הז רותפכש ןבומכ "תוינק ל הרזח" רותפכ.תוינקה
©סקירטמ תצובקמ מ"עב הכרדה סיירב ןו'גל תורומש תויוכזה לכ
d. ,הלבקב שופיחONTYPE תדלקה לכב רמולכ , תואצותה ,הלבקב שופיח עצבתי תוא
( ורקרומיmilk)
ג. בוחר ,חולשמל ריע ,הנמזהה יטרפ תא ליכמה לנאפ םיירוטדנמ תודש – עצבי שמתשמהו הדימב
המ דחא לע "קילק לבאד"INPUTS רמולכ ,רבוחמה שמתשמל םאתהב יטמוטוא אלמתי עדימה לנה
זחומש עדימהמל יטמוטוא סנכי םינותנה דסממב שמתשמ לכ רובע קINPUT .יטנוולרה
ד. ירוטדנמ הדש ,הנמזה ךיראת- מ רתוי ךיראתה ותוא לע שיו הדימב3 המיאתמ העדוה גצות ,תונמזה
חבל ךילע" שמתשמלםיסופת םיחולשמה לכ ,רחא םוי רו םיסופתה םימיה תא שארמ איבהל ולכות ,"
ב םודאב םנמסלוcalendar.
ה. בותכל וסנ ,ירוטדנמ יארשא סיטרכREGEX ל היצדילו עצבישcredit card.
ו. לע הציחלבOrder .תחלצומ הינק לע תרדוסמ העדוה לבקי שמתשמהו רמשת הנמזהה )לנה ףדב(
ז. .המיאתמ העדוה גצות האיגש שיו הדימב
ח. ץבוק תדרוהל תורשפאTEXT .הרושב רצומ לכ ,יפוסה ריחמהו םירצומה תא ליכמה
ט. .תכרעמה לש ישארה ףדל שמתשמה תא ריבעת רושיא לע הציחל
5. :ןימדא ףד
א. ,םירצומ ךורעלו םירצומ ףיסוהל םה ןימדא עצבל לוכיש תודיחיה תולועפה
ב. .םירצומ קוחמל ןימדאה תורשפאב ןיא
ג. הסינכ עציב ןימדאהו הדימב- תוארל רשפא האבה הנומתב ,םירצומ לוהינ ףדל תורישי רבעוי אוה
.הכירעל רחבנה רצומה תא
ד. ב גצוי רצומה ,רצומה לע הציחלבSIDEBAR .הכירעל םינתינ ויהי ויכרעו
©סקירטמ תצובקמ מ"עב הכרדה סיירב ןו'גל תורומש תויוכזה לכ
ה. "+" הפסוה רותפכ– חתפי רותפכה לע הציחלבFORM ב קירSIDEBAR לכ תא ףיסוי ןימדאהו
לרה םיטרפה רובע םייטנוו.רצומ ותוא
ו. הרימשל תורשפאSAVE .םייקה רצומה תא ןכדעת וא שדחה רצומה תא רומשת ,
תשגהו תביתכ ןפואטקיורפה
1. םשב תחא הייקת תחת םיצבקה הנבמ לכ תא רצייל שיShopping Online .
תייקתב ורמשיי רתאל ולעויש תונומתה לכש אדוול שיupload בroot .טקייורפה לש
2. ה תמכס תא חולשל שיDatabase : םאתהבMysql וא mongodb
3. רצייל שיAPI Doc אבה הנבמב הלבט ליכיש ) )אמגודל הרוש םע
©סקירטמ תצובקמ מ"עב הכרדה סיירב ןו'גל תורומש תויוכזה לכ
Endpoint: http://localhost/shopping/api/
Description
Method + Path
Request / Response
Create new product
POST
/product
Request: {
Name:”milk”,
CategoryId:”4”,
Price:”10$”,
Picture:””
}
Response: {
"success": true,
"data": [
{
"id": 3
}
}
4. .דעיה ךיראתל דע תוריכזמל שיגהלו תחא הייקית תחת םיצבקה ללכ תא ץווכל שי
ב-ה-צ-ל-ח-ה
