יש לי אפליקציה שכתובה בצד שרת Node.js וצד לקוח אנגולר
בהתחלה התלבטתי איך לכתוב את השרת, ההחלטה היתה לכתוב אותו בטייפסקריפט
השרת והקליינט משתמשים בקובץ טייפים משותף של כל הישויות המשותפות ביניהם.

מאז הספקתי להתחרט אלף פעמים על ההחלטה הזו, ולהתעצבן על הטיפשות של המנוע של TS, ועל החוסר גמישות שהוא מגלה לפעמים, ועל ביל גייטס ועל הקורונה ועל החיסונים.

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

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

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

בברכה מרובה
ידידכם הדוש"ט

אני מתכבד לפתוח את הנושא ולהעלות מהגיגי, למרות שאף אחד לא הזמין אותי..

להבנתי הקלושה, להערות יש 2 מטרות:

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

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

// calculate distance
// a = begin
// b = end
function dis(a, b){
    return b - a
}

היא עבירה, וההערה שמסבירה מה היא אמורה לעשות לא מתקנת אותה

פונקציה תקינה אמורה להראות כך:

function calculateDistance(begin, end){
    return end - begin
}

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

/**
 * 
 * @param begin {number}
 * @param end {number}
 * @returns {number}
 */
function calculateDistance(begin, end){
    return end - begin
}

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

המשך אולי יבוא. כל המוסיף מוסיפים לו.
הערות יתקבלו בברכה, כולל כל סוגי ההערות

ולקינוח
https://stackoverflow.com/questions/184618/what-is-the-best-comment-in-source-code-you-have-ever-encountered

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

לדוגמא, עבור שאלה בנוד, צריך להקדים לפני השאילתה nodejs create some action ולכאורה זה עדיף מאשר create some action in nodejs
אם זו פלטפורמה שמתארחת בפלטפורמה ראשית, לדוגמא שאלה ב request בנוד, אכתוב nodejs request ... ולא אסתפק ב request כי זה עלול להביא תוצאות מrequest אחר
אבל אם זה שם שבא לידי שימוש רק תחת הפלטפורמה הראשית, לדוגמא express.js אז זה מיותר להקדים nodejs ויתכן שאפילו גורע, כי גוגל עלול להביא תוצאות ששייכות רק לנוד ולא לאקספרס.

בכל שאלה צריך להבחין האם זו שאלה של תחביר שפה, או שאלה ספציפית לטכנולוגיה, לדוגמא שאלה כמו nodejs create random string אמורה להיות פחות יעילה מאשר JS create random string

בחיפוש עבור שפה GO, המילה GO בעייתית ולא תמיד תהיה ממוקדת כי זו מילה רחבה ששייכת להמון מקומות חוץ מהשפה, צריך לחפש golang כדי למקד את החיפוש.

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

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

@yits אמר במי עוד משתגע מהתנהגות כרום לגבי טקסט bidi?:

@dovid אמר במי עוד משתגע מהתנהגות כרום לגבי טקסט bidi?:

@yossiz העלית קובץ HTML והוא נפתח בדפדפן, זה חור אבטחה של ממש!
אני רץ לטפל בזה.

ואגב מה החור אבטחה בזה?

זה חור חמור מאד כי זה מאפשר לכל משתמש להריץ JS בדפדפן שלך תחת הדומיין של תחומים, זה אומר שתוך כמה שניות העוגיות של המנהל נמצאות בידים שלי ואני נכנס בשמו לפורום

@katz
לא חייבים nginx אם יש לך רק אפליקציה אחת על השרת שמאזינה לפורט 80, רק אם אתה רוצה לנהל כמה אפליקציות במקביל על אותה מכונה, צריך שרת קדמי שיקבל את כל הבקשות ויפנה אותם למקום הנכון.
ואם כבר שרת קדמי, לך על CADDY, די פשוט להגדרה, וזה דואג לך בברירת מחדל לתעודת אבטחה לכל דומיין שתרצה בלי שתצטרך לנקוף אצבע

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

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

1. חסרים פרטים חיוניים בשאלה
2. בלי אותם פרטים חסרים אי אפשר לעזור ולתת את הפיתרון הנכון
3. פותח האשכול ניסה להשלים את הפרטים במשך האשכול, אבל כנראה הוא לא הצליח לתפוס אילו פרטים המגיבים צריכים כדי לענות.

מהי אם כן הדרך הנכונה להיעזר?

1. לקרוא שוב בעיון את כל התגובות באשכול.
2. לנסות להבין מה כל אחד הציע.
3. להגיב לתשובות עם התייחסות ישירה לדברי המשיב, לכתוב אם תשובתו עזרה, ואם לא, להסביר למה תשובתו לא מקדמת את השואל למטרה הנצרכת.
4. לנסות להבין אילו פרטים המגיב מעוניין לשמוע כדי לענות על השאלה שלשמה נפתח האשכול.
5. לספק את הפרטים הנצרכים
6. במקרה שלא מובן מדברי המגיב אילו פרטים צריך להוסיף, לכתוב למגיב בצורה ברורה מה כן מובן מדבריו ומה לא מובן.

אקווה שעזרתי בהצלחה

@yossiz אמר באפשר לעשות קישור למלל מסויים בדף, הידעתם?:

מה שחסר כרגע הוא תוסף כרום שמייצר לינקים כאלו למילים שאתה מסמן באתר....

javascript:(function () {
    let text = getSelection().toString().trim();
    let url = window.location.href.replace(/#[^#]+/, '') + `#:~:text=${encodeURIComponent(text)}`;
    let input = document.createElement('input');
    input.value = url;
    document.body.appendChild(input);
    input.select();
    document.execCommand("copy");
    input.remove();
})()

א.
קומפוננטה = רכיב. קבוצת קוד HTML שמקושרת לקוד JS ששולט עליה.
אפשר לעשות בקומפוננטה שימוש חוזר, כמו שבקוד JS אתה כותב כמה שורות בתוך פונקציה אחת, וקורא לפונקציה כמה פעמים, כך אתה עושה קומפוננטה אחת וקורא לה מאיפה שאתה רוצה כמה פעמים שאתה רוצה.
לכל קומפוננטה יש "מחזור חיים" הוי אומר כשאתה קורא לה אתה טוען אותה והיא מתחילה לחיות, כשהיא נעלמת אז היא מתה, יש לה כמה שלבים מהטעינה ועד המיתה.
כדי שתוכל לשלוט על האירועים במחזור החיים, אנגולר מספקת לך מתודות שנקראות בכל אירוע, כלומר כשהיא מתחילה את החיים, אנגולר קוראת למתודה ngOnInit, כשהיא מתה אנגולר קוראת למתודה ngOnDestroy, כשהתצוגה שלה משתנה נקראת המתודה ngAfterViewChecked, וכן על זה הדרך.
זה ההסבר למתודה ngOnInit, שם אתה קובע מה יקרה כשהמתודה תתחיל את מחזור החיים.
השורה implements OnInit זה שורה הצהרתית, אליבא דאמת היא מיותרת והקוד יפעל גם בלעדיה, היא נועדה להסביר לטייפסקריפט שהמחלקה הזו מממשת אינטרפייס שמכיל את המתודה ngOnInit.

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

<app-chlid-component></app-chlid-component>

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

<app-chlid-component [product]="someProduct" ></app-chlid-component>

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

@Input() product

אותו רעיון לגבי האאוטפוט, הילד רוצה להעביר מידע להורה שלו, הדרך היא כך:

@Ouptput() someData = new EventEmitter<any>()

...

this.someData.emit('data')

ובקריאה לילד מוסיפים

<app-chlid-component [product]="someProduct" (someData)="dataHandler"></app-chlid-component>

כאשר ה dataHandler היא מתודה של המחלקה שמטפלת באירוע שנשלח מהילד

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

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

@ממ אני מציע שתעשו פרוייקט נקי כאן https://stackblitz.com/
ותנסו לשחזר את הבעיה, כדי שיהיה אפשר להבין מה הבעיה בדיוק

@ממ שמתי את הקוד שלכם כאן
https://stackblitz.com/edit/angular-ivy-hbqs3l?file=src%2Fapp%2Fapp.component.html,src%2Fapp%2Fapp.component.ts,src%2Fapp%2Fapp.module.ts
וזה עובד טוב
תנסו לראות אם יש הבדל בין מה שעשיתי לבין הקוד שלכם
או תבדקו אם יש לכם שגיאות בקונסול

@אבי-203 כתב במה הדרך הנכונה לארגון מסד נתונים לרכישת אותיות בספר תורה?:

כל אות 289,215

מסתמא לא תרצה להציג את האותיות ברצף בלי רווחים, אז תצטרך לשמור גם רווחים בטבלה

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

בנושא העיצוב, שווה להכיר את Bootstrap שזה סטנדרט בתעשייה, זו ספריה שדואגת לעימוד ופריסה, וגם לשפה עיצובית אחידה, אתה פטור מלכתוב CSS, עובדים עם מחלקות CSS לפי החוקים שלהם וזהו.

ובאשר לתוכן עצמו, גם לזה יש סטנדרטים, לא עובדים היום עם RAW JS, עובדים עם פריימורקים כדוגמת אנגולר או VUE, זה אמנם לא קליל ברמה של גרירה ושחרור, צריך יותר עבודה פרטנית, אבל האפשרויות הן בלתי מוגבלות

@zvinissim עברתי איתם באגים קשים יותר, יום יומיים וזה הסתדר

@chagold
https://www.itsupportguides.com/knowledge-base/google-chrome/how-to-enable-print-view-in-google-chrome-debugger/

@chagold לא הבנתי, זה אלמנט pre או הגדרת CSS?
ולמה בהדפסה זה לא גולש? בדוגמא להלן זה יוצא גם בהדפסה תקין.
https://jsfiddle.net/oy6ax5cr/

@איש-נחמד כתב בdocker - איך מוצאים את ה-image המתאים ב-hub?:

ג. במאגר של docker ב-github אני רואה 2 מאגרים מקבילים 8.2/bullseye/apache ו-8.2/buster/apache, האם אחד מהם יתאים להתקנה על ubuntu ?

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