שלום,
לפניכם מספר משימות בשפות תכנות שונות המשמשות לפיתוח אתרים.
האבחון המוצג בנוי מיכולת הבנה בלבד.
לפני כל שאלה, יוצג בפניכם סרטון הסבר על מרכיבי השפה הבסיסיים.
עליכם לכתוב קוד לפי ההנחיות הקודמות לכל משימה.
פעלו בדיוק על פי ההוראות ובדקו תמיד שלא נותרו תווים שגויים בתשובה.
דרגת הקושי של המשימות תעלה ככל שתתקדמו.
אורך האבחון שעה וחצי, עליכם להקדיש 15 דקות עבור כל שאלה.
עליכם לקרוא כל שאלה מספר פעמים בטרם המענה.
דרגת הקושי של האבחון – גבוהה.
שימו לב – בתכנות ניתן לכתוב אך ורק באותיות קטנות באנגלית.
מבוא לאתר אינטרנט
תקציר המבחן
0 מתוך 7 שאלות הושלמו
שאלות:
מידע
|
חובה למלא שדה זה. |
|
|
חובה למלא שדה זה. |
|
|
חובה למלא שדה זה. |
|
|
חובה למלא שדה זה. |
|
|
חובה למלא שדה זה. |
כבר השלמת את המבחן בעבר. לכן אינך יכול להתחיל אותו שוב.
המבחן נטען…
עליך להתחבר או להירשם כדי להתחיל את המבחן.
אתה חייב להשלים קודם את הבאים:
תוצאות
תוצאות
0 מתוך 7 שאלות נענו נכון
הזמן שלך:
זמן חלף
השגת 0 מתוך 0 נקודה(ות), (0)
נקודה(ות) שקיבלת: 0 מתוך 0, (0)
0 שאלות פתוחות בהמתנה (נקודה(ות) אפשרית(יות): 0)
קטגוריות
- כללי 0%
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- הנוכחי
- ביקורת
- נענו
- נכון
- לא נכון
-
שאלה 1 מתוך 7
1. שאלה
שפת HTML
כל דף אינטרנט שמוצג לנו בדפדפן, מורכב ובנוי מקוד.
הקוד נכתב בשפות מיוחדות לפיתוח אתרי אינטרנט, כאשר כל שפה אחראית על חלק אחר של חווית הגלישה בדף.
השפה הבסיסית ביותר היא שפת HTML.
שפה זו אחראית על המבנה ועל התצוגה של האלמנטים השונים בדף שמהווים בעצם את התוכן שמוצג למשתמש.
את השפה מרכיבות תגיות מיוחדות.
התגיות מאפשרות סידור האלמנטים על הדף והתאמה בין מהות התוכן לעיצוב שלו, באופן הבא:
לכל תגית קיימת תגית פתיחה ותגית סגירה ובניהן נמצא תוכן התגית.
תוכן יכול להיות מורכב מתגיות נוספות וכן מטקסטים.
שם התגית מוקף תמיד בסוגריים משולשים.
כל דף HTML מתחיל בתגית <html> ונסגר בתגית </html> וכל שאר התגיות מהוות את התוכן של תגית ראשית זו.
דוגמה למבנה כללי של דף HTML:
הכרזה על סוג המסמך <!DOCTYPE html>
פתיחת תגית הדף הראשית <html>
פתיחת תגית ההגדרות הראשית של הדף <head>
<title> כאן נכתוב את כותרת הדף שיציג הדפדפן בלשונית</title>
סגירת תגית התוכן הראשית של הדף </head>
פתיחת תגית התוכן הראשית של הדף <body>
זהו גוף המסמך. כאן נכתוב את הטקסט שנרצה שהדפדפן יציג בתוך הדף
סגירת תגית התוכן הראשית של הדף </body>
סגירת תגית הדף ראשית </html>
- :HTML לפניך קטע קוד בשפת
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
מהו שם התגית שמכילה את כל התוכן שמוצג בדף?
מלא כאן את שם התגית בלבד:
נכוןלא נכון -
שאלה 2 מתוך 7
2. שאלה
HTML-CSS
שפת HTML מאפשרת להגדיר עיצוב לתוכן של תגית בדף, ע"י שימוש בתכונות מוגדרות שמוכרות בשפה.מספר תכונות נפוצות לדוגמא:
- צבע הטקסט – color (ערכים אפשריים לדוגמא: red (אדום))
- מרווחים בין השורות – line-height
- גודל הטקסט – font-size
- צבע הרקע של כל תוכן התגית – background-color
- כיוון הטקסט – direction
- משקל הטקסט – font-weight
לדוגמא: ניתן לקבוע את עיצוב הטקסט של התוכן המופיע בתוך התגית body:
קודם כל נגיד לדפדפן שאנחנו רוצים לעצב: נכתוב את המילה style בתגית הפתיחה באופן הבא:
<” ”=body style>
כאן נכתוב את התוכן שיקבל את העיצוב
</body>
בין המרכאות של style נכתוב את התכונות הרצויות אחת אחרי השניה (כמובן שניתן להשתמש בתכונות שמוגדרות מראש בשפה בלבד):
<;”body style= “color: white; font-size: 22px; line-height: 22px; background-color: blue>
כאן נכתוב את התוכן שיקבל את העיצוב
</body>
נתונה התגית הבאה:
<body id="test_body" style="background-color: white;"></body>
איזו תכונה נצטרך לערוך על מנת לשנות את צבע הדף כולו לאדום?
מלא כאן את התכונה עם השינוי הרצוי:
-
style=" : ";
נכוןלא נכון -
שאלה 3 מתוך 7
3. שאלה
שפת JavaScript
עד עכשיו דיברנו על התצוגה הראשונית של דף האינטרנט. ללא אינטראקציה עם המשתמש וללא שינויים דינאמיים בדף – שינויים שמתרחשים לאחר שהדף נטען.בכדי לתקשר עם המשתמש, לקלוט ממנו מסרים ולהתאים את תצוגת הדף לצרכיו, נשתמש בשפת פיתוח אתרים נוספת – שפת JavaScript.
JavaScript מאפשרת קליטת כל מסר מהמשתמש, החל ממעבר עכבר במקומות כלשהם בדף ועד קליטת טקסטים שהוא מזין.
השפה מאפשרת לערוך וליצור בתגיות ה-HTML שינויים באופן שהמשתמש יראה את השינויים ב"זמן אמת" – אחרי שטען את הדף והתצוגה הראשונית מוצגת לפניו.
לדוגמא:
שינוי של כותרת הדף, לאחר שהכותרת (שנכתבה בשפת HTML) נטענה והוצגה למשתמש.
על מנת לעשות זאת יש "לגשת" לאלמנט המתאים בדף ולערוך בו את השינוי, לפי כללי השפה.
כיצד נשנה את הכותרת בפועל?
כותרת הדף הראשית היא אלמנט כללי ששייך למסמך כולו, לכן ניגש קודם כל למסמך ע"י המילה המוכרת בשפה- document
ממנו נפנה לכותרת באמצעות הוספת נקודה לפני כתיבת השם של האלמנט הרצוי (שם זה חייב להיות מוגדר בשפה)- title.
כעת נגדיר עבור אלמנט זה ערך חדש – "newPageTitle"=
לסיום, כמו תמיד נוסיף ;
וביחד:
;'document.title = 'newPageTitle
לפניך כתבה חדשותית:
תיעוד: שגריר האיחוד האירופי בישראל ביקר בכפר חב"ד
13:38 ה׳ בניסן תשפ״ב 06.04.2022
בעיצומה של המלחמה באירופה, שגריר האיחוד האירופי בישראל מר דימיטר טזאנצ'ב הגיע היום לכפר חב"ד
קוד ה-HTML נראה כך:
<body>
<h2/>תיעוד: שגריר האיחוד האירופי בישראל ביקר בכפר חב"ד<h2>
<time><span>13:38 </span/> ה׳ בניסן תשפ״ב 06.04.2022 <time>
<div>
<p/>בעיצומה של המלחמה באירופה, שגריר האיחוד האירופי בישראל מר דימיטר טזאנצ'ב הגיע היום לכפר חב"ד<p>
</div>
<img style="height: 200px; width: 300px;" src="https://www.93fm.co.il/wp-content/uploads/img_old.jpeg" alt="כתבה" />
</body>
עליך לשנות את כותרת הכתבה לטקסט הבא:
"Mercaz Kivun".
השלם את הקוד החסר בשפת JavaScript כך שהפקודה תשנה את כותרת הכתבה:
-
= 'Mercaz Kivun';
נכוןלא נכון -
-
שאלה 4 מתוך 7
4. שאלה
JavaScript
ראינו דוגמא לשינוי דינמי – לאחר טעינת הדף, של אלמנט ראשי בדף.
בעזרת שפת JavaScript ניתן גם להוסיף אלמנטים חדשים לדף, לאחר טעינתו.
לדוגמא: הוספה דינאמית של תמונה לדף.
ניצור אלמנט – תגית HTML חדשה בדף מסוג תמונה ואז ניגש לתכונת "כתובת המקור" של התמונה ונעדכן את הערך לכתובת התמונה שנרצה להוסיף.
כיצד נוסיף את התמונה בפועל?
נגדיר משתנה חדש שיכיל את האלמנט שאנו יוצרים – = new_image
כעת ניצור את האלמנט החדש, כאשר בתוך הסוגריים העגולות אנחנו כותבים את שם תגית ה- HTML אותה אנו מעוניינים ליצור – ('document.createElement('img
לאחר מכן ניגש למשתנה ששומר את אלמנט התמונה החדשה שיצרנו בדף- img
ממנו נפנה לתכונה ששומרת את מקור התמונה באמצעות הוספת נקודה לפני כתיבת השם של התכונה הרצויה (שם זה חייב להיות מוגדר בשפה)- src.
כעת נגדיר עבור אלמנט זה ערך חדש (נזין את הכתובת החדשה בין המרכאות) – 'http://www.imgsrc.com/new_img.jpeg' =
לסיום, כמו תמיד נוסיף ;
וביחד:
;new_image = document.createElement('img')
;'img.src = 'http://www.imgsrc.com/new_img.jpeg
Mercaz Kivun
13:38 ה׳ בניסן תשפ״ב 06.04.2022
בעיצומה של המלחמה באירופה, שגריר האיחוד האירופי בישראל מר דימיטר טזאנצ'ב הגיע היום לכפר חב"ד
ברצוננו להוסיף תמונה חדשה לכתבה.נתחיל ביצירת אלמנט תמונה חדש:; var img = document.createElement('img')השלימו את התכונה אליה נצטרך לגשת באלמנט החדש, כדי להוסיף את התמונה בעלת הכתובת הבאה:
https://www.kivun.co.il/uploads/logo.jpeg
-
img. = "https://www.kivun.co.il/uploads/logo.jpeg";
נכוןלא נכון -
-
שאלה 5 מתוך 7
5. שאלה
שפת PHP
מאחורי כל אתר אינטרנט, קיים מסד נתונים.
מסד הנתונים הוא בעצם מאגר מידע שניתן לשלוף ממנו מידע, לעדכן את המידע שבו, להכניס מידע חדש ולמחוק מידע קיים, ע"י פעולות מוגדרות מראש בשפה המיוחדת לכך.
דוגמאות למידע שנשמר במסד נתונים של אתר אינטרנט:
- פרטי המשתמשים (באתר שניתן ליצור בו מנוי ע"י הרשמה וחיבור)
- פרטי מוצרים (באתר שניתן לרכוש בו מוצרים)
- אינפורמציה (באתר שמשמש כפורטל מידע)
בכדי לתקשר עם מסד הנתונים ולבצע את הפעולות שהזכרנו לעיל, יש להשתמש בשפה הנקראת "שפת שרת".
שפת PHP היא שפת שרת.
ככל שפות התכנות, PHP מורכבת מתחביר קבוע מראש של הגדרות ופקודות, שמאפשרות למתכנת לבצע פעולות שונות.
הגדרת משתנים
בשפת PHP אנחנו מגדירים "משתנים" שמכילים בתוכם ערכים.
את פקודות הקוד אנחנו מבצעים על המשתנים.
להגדרת משתנה נשתמש בסימון: $
לדוגמא: בכדי להגדיר משתנה x, נכתוב: x$
נוכל להגדיר שמשתנה זה יכיל בתוכו ערך.
לדוגמא: בכדי ש-x$ יכיל בתוכו את המספר 15, נכתוב:
;x$ = 15
פקודת if
לפעמים נרצה שפעולה כלשהי תתבצע רק בתנאי מסוים.
לדוגמא: רק אם עכשיו בוקר, תוצג למשתמש הודעת "בוקר טוב" כשיפתח את האתר.
בשביל זה קיימת לנו אופציה של התניה שבה נשתמש בפקודה: if . בעברית: אִם.
כלומר, רק אם מתקיים התנאי שננסח בפקודת ה-if , יתקיימו הפקודות שיבואו לאחר מכן.
פקודת ה- if נכתבת בצורה הבאה:
}(התנאי שלך)if
מה יקרה במידה והתנאי יתקיים
{
התנאים שניתן לבדוק בפקודת if:
- השוואה– האם ערך אחד שווה לערך שני, ע"י האופרטורים: ==
- השוואה שלילית – האם ערך אחד אינו שווה לערך שני, ע"י האופרטורים: =!
- גדול מ– האם ערך אחד גדול מערך שני, ע"י האופרטור: <
- קטן מ– האם ערך אחד קטן מערך שני, ע"י האופרטור: >
else
ניתן להגדיר איזו פקודה תתבצע אם התנאי שב-if לא יתקיים – מה יקרה אחרת, ע"י שימוש ב-else.
לדוגמא:
נתון המשתנה : x$.
בדיקה האם הערך שבמשתנה שווה ל-10 if($x == 10)
הפקודה שתתבצע אם הערך אכן שווה ל-10 ;’echo ‘x is equal to 10
אחרת else
הפקודה שתתבצע אם הערך שבמשתנה אינו שווה ל-10 ;’echo ‘x is not equal to 10
הגדרת מספר התניות
נוכל להגדיר כמה תנאים יחד תחת אותה פקודת if, ע"י שימוש בהתניות "או" , "וגם":
- "או"- האם מתקיים לפחות אחד מהתנאים שנוסחו בתוך הפקודה, ע"י שימוש באופרטורים: ||
- "וגם" – האם מתקיימים כל התנאים שנוסחו בתוך הפקודה, ע"י שימוש באופרטורים: &&
דוגמא לשימוש במספר התניות תחת אותה פקודת if:
בדיקה האם הערך שבמשתנה שווה ל-10 וגם קטן מ-20 if($x != 10 && $x<20)
הפקודה שתתבצע אם התנאי יתקיים ; ’echo ‘x is equal to 10 and also less than 20
לפניך המשתנים הבאים המוגדרים לצורך בדיקה האם השעה הנוכחית היא בטווח של זמן תפילת מנחה:
*המשתנה start מייצג את תחילת הטווח.
*המשתנה end מייצג את סוף הטווח.
*המשתנה curr מייצג את הזמן הנוכחי.
התוכנית הבאה בודקת האם כרגע ניתן להתפלל מנחה.
השלם את השורות החסרות בקוד בהתאמה להתראות המוצגות להלן:
-
if(curr > && curr < )
alert("ניתן להתפלל מנחה");
alert("פספסת זמן מנחה");
נכוןלא נכון -
שאלה 6 מתוך 7
6. שאלה
PHP
נתונה תוכנית השומרת את תשובות המשתמש בשאלון אמריקאי בעל 3 שאלות.לכל שאלה ישנן ארבע תשובות אפשריות לבחירה. התשובה הנכונה מסומנת באדום.
להלן השאלון:
1. באיזו שנה הוקמה מדינת ישראל?
א. 1945
ב. 1950
ג. 1948
ד. 1960
2. מי היה ראש הממשלה הראשון במדינת ישראל?
א. לוי אשכול
ב. דוד בן-גוריון
ג. יגאל אלון
ד. גולדה מאיר
3. באיזו מלחמה אוחדה ירושלים?
א. מלחמת ששת הימים
ב. מלחמת ההתשה
ג. מלחמת יום הכיפורים
ד. מלחמת העצמאות
לפי התוכנית הנ"ל, נתון כי:
המשתנה x יכיל את ערך התשובה הראשונה שהזין המשתמש.
המשתנה y יכיל את ערך התשובה השנייה שהזין המשתמש.
המשתנה z יכיל את ערך התשובה השלישית שהזין המשתמש.
עליך להשלים את קטע הקוד הבא, כך שהתוכנית תבדוק את תשובות המשתמש ותדפיס לו את מספר התשובות הנכונות בסיום הבדיקה:
-
;0 = correct_answer_count$
if(x == ' ')
;++correct_answer_count$
('דוד בן-גוריון' == )if
;++correct_answer_count$
('מלחמת ששת הימים' == z)
; correct_answer_count$
;echo $correct_answer_count
נכוןלא נכון -
-
שאלה 7 מתוך 7
7. שאלה
פונקציות
אחת מצורות השימוש בקוד, היא הפונקציה.פונקציה היא בעצם קטע קוד, האחראי על ביצוע פעולה ספציפית כלשהי.
שורות הקוד שמהוות את הפונקציה "עטופות" במקבץ אחד תחת שם הפונקציה, ובכל עת שיש צורך לבצע את הפעולה אותן מבצעות פקודות קוד אלו, אין צורך לכתוב את כל שורות הקוד, אלא ניתן "לקרוא" לפונקציה ע"י כתיבת שמה.
פונקציות יכולות לקבל ערכים ולהחזיר ערכים בחזרה.
לדוגמא: פונקציה שמחשבת סכום בין שני מספרים ומחזירה את התוצאה.
הפונקציה מקבלת שני מספרים, שורות הקוד שבתוכה מבצעות פעולה של "ערך ועוד ערך" ואז הפונקציה מחזירה את הסכום שהתקבל.
כיצד נראית פונקציה של חישוב סכום בין שני ערכים בפועל?
ראשית כל נגדיר שמדובר בפונקציה – function
לאחר מכן נגדיר את שם הפונקציה – calculate_sum
בצמוד לשם הפונקציה, נפתח סוגריים עגולות. בתוך הסוגריים העגולות נמצאים הערכים שהפונקציה מקבלת – (first_value, $second_value$)
כעת נפתח סוגריים מסולסלות. בתוך הסוגריים המסולסלות כותבים את כל שורות הקוד שהפונקציה מבצעת:
הפונקציה מגדירה משתנה ומכניסה לתוכו את הסכום שמתקבל בחישוב –
;sum = $first_value + $second_value$
הפקודה: ;return $sum אחראית על החזרת הסכום:
}
;sum = $first_value + $second_value$
;return $sum
{
כך נראית הפונקציה השלימה:
}function calculate_sum($first_value, $second_value)
;sum = $first_value + $second_value$
;return $sum
{
וכך נראית הקריאה לפונקציה:
קריאה לפונקציה ע”י כתיבת שמה ושליחה של שני ערכים שעליהם הפונקציה תבצע את החישוב. מאחר והפונקציה מחזירה ערך, “תפסנו” את הערך בתוך משתנה ;sum = calculate_sum(5, 7)$
אם נרצה לחשב ערך של שני מספרים (לא משנה אלו מספרים), נוכל לקרוא לפונקציה זו באופן זהה, כששני המספרים נשלחים אליה בתוך הסוגריים עם הפרדה של פסיק ביניהם.
בשפת התכנות PHP, קיימות פונקציות שמאפשרות המרה של תאריך לועזי לתאריך עברי.
בתחילה יש להמיר את התאריך הלועזי למספר שמוכר בעולם התוכנה כמספר מסוג JD ואח"כ להמיר את המספר שמתקבל, לתאריך העברי, באופן הבא:
נתון כי תאריך לועזי מורכב מ- month/day/year.
הפונקציה הבאה ב-PHP ממירה תאריך לועזי למספר מסוג JD:
gregoriantojd(month, day, year)
כדי להמיר את התאריך הלועזי למספר, יש לכתוב בתוך הסוגריים (- לשלוח לפונקציה), את התאריך בפורמט הבא:
*חודש(month) מספר בין 1-12
*יום(day) מספר בין 1-31
*שנה(year)
הפונקציה מקבלת את התאריך מתוך הסוגריים, מחשבת את החישוב הרצוי ומחזירה בחזרה מספר מסוג JD.
לדוגמא:
אם נכניס את התאריך הבא (קלט):
31/02/2018
כך:
gregoriantojd(2, 31, 2018)
נקבל את המספר הבא (פלט): 2458181 – מספר מסוג JD
כעת נשתמש בפונקציה הבאה ב-PHP על מנת להמיר את המספר מסוג JD לתאריך העברי:
jdtojewish(JD number)
הפונקציה מקבלת: JD number – מספר מסוג JD
הפונקציה מחזירה: תאריך עברי
לדוגמא:
קלט: jdtojewish(1789430)
פלט: 7/14/3947- זהו התאריך העברי (בגימטריה) המקביל לתאריך הלועזי: 31/02/2018
עליך להשלים את השורה הבאה כדי להמיר את התאריך הלועזי: 16/06/2022, לתאריך העברי המקביל:
-
;(gregoriantojd(6,16, ))
נכוןלא נכון -
