תחומים - פורום חרדי מקצועי

@dovid אני דווקא בעד...
ואסביר: כשאני כותב פה שאלה (כמעט תמיד) זה לא רק בשביל לדעת איך אני עכשיו מעיף את הבעיה הזאת וממשיך כבר לשורה הבאה של הקוד. כמובן אני כותב כאן כי נתקעתי בזה, ואני רוצה להתקדם, אבל לקבל "קביים" חד-פעמיים זה קצת חבל...
ולכן תשובה טובה בשבילי זה תשובה שמכילה קודם כל את הפתרון הבסיסי (יותר בקצרה) - כי בכל זאת, לפעמים יש שטח שקשה ללכת וצריך קביים , אבל גם חלק יותר מעמיק ומפורט - להרחבת הידע בנושא הספציפי... כדי שפעם הבאה שאתקל בבבעיה כזו בוואריאציה מעט שונה, אבין להקביל בין המקרים...
לדעתי @yossiz עשה את זה באופן מעולה ומושלם למדיי.

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

אכן הדרך של המיפוי כאובייקט נראית לי הכי אלגנטית, אבל לשם הרחבת הידע-
@yossiz אמר בביצוע פעולה על מערך ששמו מגיע מהארגומנט (של הפונקציה):

יש דרך לא נורמלית, אבל אל תעשה את זה...
eval(`arrayList${TypeList}Items`).length = 0

גם אם הTypeList מגיע מהקוד עצמו ולא מהמשתמש? (כלומר בקוד מוגדר שכפתור X קורא לפונקציה עם ארגומנט "X", וכפתור Z קורא לפונקציה עם ארגומנט "Z", ולא שהמשתמש מזין את שם הרשימה בדרך כלשהיא)

למעשה עברתי לasync-awiat, החיים נהיו הרבה יותר קלים ופשוטים

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

let arrayListServerItems = [9, 5, 4];
let arrayListUserItems = [1, 2, 3];
function claerArrayListItems(TypeList) {
  `arrayList${TypeList}Items`.length = 0;
}
claerArrayListItems("User");
console.log(arrayListUserItems);

הסיבה שזה לא עבד, די ברורה לי - כי זה מגיע כמחרוזת טקסט... השאלה איך עושים כזה דבר בצורה "נקיה" - בלי לדוגמה switch case שבכל אופציה יריץ ניקוי על המערך הרלוונטי, אלא שזה יקח ישר מתוך הארגומנט את הפונקציה הרצויה לניקוי.

@yossiz עדיין לא הבנתי -
איפה אני נפגש בפריימוורק?
נתת דוגמה למשהו שלא מצריך בכלל פריימוורק, אבל הסברת איך אפשר לעשות את זה איתו
אולי תוכל להביא דוגמה של משהו שצריך את הפריימוורק?
ואיך בכלל אני עובד איתו? זה קוד רגיל שאני יכול גם לכתוב ולהריץ בקונסול (ורק צריך לייבא קודם ספריה - כמו jQuery)?
או שצריך לקמפל אותו או משהו?
איך בכלל עובדים איתו - רגיל (במקרה שלי ב-VSC)?

@nigun אמר בשאלת תם - מה כל כך נורא בPHP?:

בנוסף נתקלתי במפתחי PHP (כולל את עצמי בעבר) שבכלל לא מבינים מה זה HTTP ומבחינתם אתה זורק קובץ והקסם נוצר.

מה זה אומר? קסם שלא תלוי ברשת?!

@הפצת-אנקי תמונה לא ממש עוזרת להבין את המקרה, שלחתי דוגמה בעברית שמוצגת תקין לגמרי... שלח אתה דוגמה בסיסית שלא עובדת
אין לי אפשרות עכשיו להשוות את הJS ולמצוא מה בדיוק שינית, אבל ממתי מגדירים RTL בספריה?! מגדירים את זה בHTML

@yossiz אמר באיזה ספרייה/פריימוורק (מה זה בכלל, בעצם?...) מומלץ ללמוד כיום?:

תוכן span זה מאוגד למשתנה JS זה, או ul זה תקבל את רשימת המשימות ממערך זה

בשביל מה צריך לזה פריימוורק?! אפשר לשנות את זה בקלות על ידי גישה לקלאס/id
כנ"ל לגבי עדכון התצוגה, מה העניין 'ללכת מסביב' ולעשות שהתצוגה תיקח תוכן ממערך x, ואז לשנות את המערך ולטעון מחדש את כל התצוגה דרך הפריימוורק?!
אפשר פשוט לשנות את התוכן דרך הjs, וזה ישתנה מעצמו במיידי...
במיוחד בדוגמה שהבאת של הניהול משימות, לא הבנתי בכלל מה התועלת ואיך זה עוזר...

@yossiz אמר באיזה ספרייה/פריימוורק (מה זה בכלל, בעצם?...) מומלץ ללמוד כיום?:

הדברים לא מובנים (אולי הוצאו חוץ מהקשרם)

ההקשר הוא - מה הלאה, לאן להתקדם אחרי הjs הבסיסי. נראה לי שכתבתי את זה במפורט בתחילת הפוסט הראשון.

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

@yossiz אמר באיזה ספרייה/פריימוורק (מה זה בכלל, בעצם?...) מומלץ ללמוד כיום?:

הוא נותן לך הכל, ויש לו דיעה איך לממש את הכל, מקליינט HTTP ועד לטסטים

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

@הפצת-אנקי לא יודע מה שינית בדיוק (להבא כדאי להביא גם הדגמה של מה שעשית, ולא רק של הקוד המקורי), אבל לי זה עובד מעולה
דוגמה: https://codepen.io/Shlomo-code/pen/GRONjeG

@מוטי-אורן אתזכר אותך באותו פרטי עם צילומי מסך
הבנתי שאנגולר היא (לטוב ולרע..) שפה מאוד "מרובעת"... זה אומר שיותר קשה ללמוד ולהתרגל, לא? במיוחד לעומת הJS עצמו שמאוד אהבתי את עניין הגמישות של התחביר
לכן השאלה הייתה בעיקר React VS Vue... אבל כמובן שאני פתוח להפתעות

@dovid אמר בשאלת תם - מה כל כך נורא בPHP?:

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

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

@dovid אמר בשאלת תם - מה כל כך נורא בPHP?:

שנית, גם בעבר היו לה כמה מגבלות קשות

אשמח לדוגמה או שתיים... כמו שאמרתי אני בור בנושא.

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

כרגע אני יודע JS בסיסי ברמה די טובה, אבל בלי שום ספריה (למעט קצת jQuery) או פריימוורק (אפילו לא ברור לי מה פירוש פריימוורק למעשה, מעבר ל"סביבת עבודה"), ורק בצד לקוח (דפדפן).
השאלה במה כדאי להשקיע?
מצד אחד יש את ריאקט, שהמעלה שלו זה שיש לי ספר בעברית עליו, של רן בר זיק, והאנגלית שלי לא משהו, ויהיה הרבה יותר קל לקרוא הסברים בעברית מאשר מתורגמים (לקורסים בוידאו אני בכלל לא מתחבר, מאבד את הריכוז בחצי דקה הראשונה של הסרטון... בשונה מחומר כתוב)...
(כמובן בהמשך אין כמו לגגל באנגלית על השאלה הספציפית, אבל לפחות שהבסיס יהיה ברור בקלות יותר...)
מצד שני הבנתי (בעיקר מ @מוטי-אורן בפרטי) שהעתיד זה Vue... וכיוון שאני מתחיל את התחום הזה כעת, אני מעוניין ללמוד את הדבר הכי טוב ושיהיה הכי חזק גם בעוד 5+ שנים...
ובכלל, אשמח לשמוע הסבר ברור מה זה בעצם פריימוורק ומה מרוויחים ממנו...
ו @davidnead בכלל אמר לי (בפרטי) ללכת על NPM (לא הבנתי כל כך מה זה אומר... )
אשמח להמלצה מהחברים המוכשרים כאן, ואם אפשר כשמישהו ממליץ על משהו - שיציין אם יש לזה חומר כתוב בעברית, או רק באנגלית (עם תרגום גוגל ).
תודה!

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

@יוסף-בן-שמעון לפחות ככה זכיתי בדרך אגב להכיר את התגית
<progress>...
קודם חשבתי לתומי שמוכרחים בשביל כזה דבר להשתמש בספריות דוגמת זו...

@יוסף-בן-שמעון בהתחלה אני יוצר כותרת (h2 עם id) עם תוכן התחלתי, שמשמעותו - ממתין למשתמש.
אחר כך כשהסקריפט מתחיל לפעול זה משתנה לתצוגת מצב נוכחי (כמובן עם עיצוב ותוכן שונים), ואז כשמסיים זה משתנה שוב להודעת סיום, ואם המשתמש לוחץ על כפתור איפוס זה משתנה חזרה למה שהיה בהתחלה.
כמובן שההודעת סיום לדוגמה לא קבועה, אלא משתנה לפי מה שהסקריפט עבד עליו...
זה דוגמה אחת, יש לי כמה כאלה בקוד...

@יוסף-בן-שמעון אמר בפרקטיקת התמודדות מוצלחת עם מחרוזות טקסט ארוכות:

וששני שהפתרון הכי נקי הוא לעבוד עם המתודות של JS שמשנות את הHTML, (createElement וחברותיה).

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

@yossiz אמר בפרקטיקת התמודדות מוצלחת עם מחרוזות טקסט ארוכות:

למה רק חלקי?

כי לפעמים הצורך בירידת שורה מגיע בשלב שזה מבלבל, כמו למשל באמצע תגית HTML...
לגבי mustache - לא הבנתי איך משתמשים בזה... וה-pithy לא הצלחתי למצוא CDN שלו בגוגל כדי לטעון אותו.
המשפט תנאי שהבאת באמת נראה פתרון טוב להרבה מקרים, השאלה מה אם אני רוצה להדפיס בהתאם לערך של המשתנה, ולא משפט תנאי פשוט? מה בעצם המקבילה של switch case?
@dovid אתה מתכוון בעצם שהפונקציה שמדפיסה רק תדפיס, ואת הטקסט שהיא תדפיס או לא - יהיה צריך לבחור בעת הקריאה אליה? אגב מעניין אותי לדעת מה באמת הגישה לגבי פיצול פונקציות והקטנתן, האם כל המרבה הרי זה משובח או שיש מקרים/רמה שזה לא מומלץ? אולי אפתח על זה נושא נפרד בהמשך...

בזמן האחרון עבדתי על סקריפט צד לקוח (דרך קונסול או Tampermonkey) ארוך, שעובד על הHTML של הדף - מנקה אותו ומזריק לו HTML חדש, ואז מכניס תוכן לאלמנטים השונים לפי הצורך עם innerHTML וכדו'.
בתחילה הHTML היה קטן ולא היה כל כך ניכר הבעיה, אלא שבמשך הזמן והתפתחות הקוד הוא גדל... וכן התוכן שמוזרק כל פעם גדל ונעשה מורכב יותר, והשורה מתארכת ומתארכת...
פתרון חלקי הוא ירידת שורה מידי פעם, במקרה שמשתמשים בתו ` לעטיפת המחרוזת.
השאלה אם אין איזו דרך יותר אלגנטית שאני לא מכיר?...
כמו כן, איך מתמודדים עם מחרוזת טקסט ארוכה, שגם משתנה בחלקה - כלומר לדוגמה אני רוצה שבאם ארגומנט X שמועבר לפונקציה שמשנה את האלמנט הוא Z, יוזרק תוכן Y, ובאם הארגומנט הוא U, יוזרק Y - אבל ללא חלק מסוים שבסוף המחרוזת.
איך אני עושה את זה בלי לכתוב פעמיים את כל השורה, פעם אחת עם המחרוזת והתוספת שבסוף, ופעם בלי...?