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

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

@גגד קודם כל יש שרתים חינמיים/בעלות מאוד נמוכה.
אתה צריך משהו ממש קטן...
היחידות זה ממש גרושים, לדוגמה חבילה של 100 יחידות (1,000 שיחות אימות = כל אימות עשירית יחידה) תעלה רק 27 ש"ח.
לגבי איך לדעת אם הדף נחסם - יש עוד דרכים חוץ מכתובת שונה... בכל סינון זה אחרת.
לדוגמה נטפרי מחזיר קוד 418
את הבדיקה עושים ברקע, דרך קריאה בjs בצד הלקוח לכתובת
אם יש לך רקע בתכנות, אתה אמור לדעת...

@www הסיבוך הוא אולי שזה יהיה אוטומטי
כי להחדיר ידנית לא רואה סיבה שלא יעבוד, בין בהעתקה ידנית של תמונת המעקב ובין ביצירת כזו פרטית

@dovid זה לא מדויק בכלל שזה ללא שינויים, זה נכון שלא התעמקתי בכל שורה בקוד אבל כן עבדתי עליו זמן רב להתאים אותו בדיוק לצרכיי, המקורי ממש לא התאים.
באופן כללי אני אוהב ללמוד, אבל אכן הפעם המטרה לא ללמוד HTML/CSS אלא להשיג תוצאה מסוימת שנצרכת לי לצורך פרויקט גדול אחר

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

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

איך אני יכול לדאוג שיהיה גודל אחיד?
בתודה...

@www אמר בשיתוף | הקמת שרת פרוקסי חינמי (דרך heroku) לעקיפת מגבלת CORS:

https://stackoverflow.com/questions/4536326/heroku-free-account-limited

לא רואה שם משהו רלוונטי
אפשר לאמת אשראי ואז מקבלים סך הכל 1000 שעות חינם בחודש, ואז לשמור על האפליקציה ערה כל הזמן, לדוגמה באמצעות המדריך הזה של @chv.
כל עוד אתה יוצר את זה עבור פרויקט מסוים, ולא כשרת פרוקסי קבוע לכל משהו שאתה רוצה לשלב בו API עם CORS, זה אמור להחזיק.

@www איזה מגבלות? מגבלת שעות חינם בחודש?