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

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

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

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

@הפצת-אנקי השאלה מה יעזור שאני יתקין את זה? נניח שאני יתקין ויראה שאכן יש בעיה? מה גם שאני בור לחלוטין בפייתון
אולי תכתוב מה שינית בjs, ומה רע לך בהוספת "dir="rtl לbody וזהו?

@dovid מה העניין לפצל את אותה בעיה ל2 נושאים נפרדים?
אני מדבר על ההודעה שציטטת

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

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

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

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

@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 (לא הבנתי כל כך מה זה אומר... )
אשמח להמלצה מהחברים המוכשרים כאן, ואם אפשר כשמישהו ממליץ על משהו - שיציין אם יש לזה חומר כתוב בעברית, או רק באנגלית (עם תרגום גוגל ).
תודה!