דילוג לתוכן
  • דף הבית
  • קטגוריות
  • פוסטים אחרונים
  • משתמשים
  • חיפוש
  • חוקי הפורום
כיווץ
תחומים

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

💡 רוצה לזכור קריאת שמע בזמן? לחץ כאן!
  1. דף הבית
  2. תכנות
  3. עזרים לכתיבת קוד JS תקני קריא מקצועי ויעיל

עזרים לכתיבת קוד JS תקני קריא מקצועי ויעיל

מתוזמן נעוץ נעול הועבר תכנות
16 פוסטים 4 כותבים 276 צפיות 3 עוקבים
  • מהישן לחדש
  • מהחדש לישן
  • הכי הרבה הצבעות
תגובה
  • תגובה כנושא
התחברו כדי לפרסם תגובה
נושא זה נמחק. רק משתמשים עם הרשאות מתאימות יוכלו לצפות בו.
  • yossizY yossiz

    @צדיק-תמים כדאי מאוד שתתקין את standardjs והתוסף ל-VSC
    יש לו סט כללים בסיסיים שתמיד כדאי להקפיד עליהם.
    (בתוכם, להעדיף const על let)

    צדיק תמיםצ מנותק
    צדיק תמיםצ מנותק
    צדיק תמים
    כתב ב נערך לאחרונה על ידי
    #3

    @yossiz זה מתנגש עם Prettier שאני משתמש כיום?

    Don’t comment bad code — rewrite it." — Brian W. Kernighan and P. J. Plaugher"
    טיפים

    yossizY תגובה 1 תגובה אחרונה
    0
    • צדיק תמיםצ צדיק תמים

      @yossiz זה מתנגש עם Prettier שאני משתמש כיום?

      yossizY מנותק
      yossizY מנותק
      yossiz
      כתב ב נערך לאחרונה על ידי
      #4

      @צדיק-תמים אולי, אבל זה יכול להחליף את prettier, כי יש לו דיעות גם על פירמוט הקוד.

      📧 יוסי@מייל.קום | 🌎 בלוג | ☕ קפה

      צדיק תמיםצ תגובה 1 תגובה אחרונה
      2
      • yossizY yossiz

        @צדיק-תמים אולי, אבל זה יכול להחליף את prettier, כי יש לו דיעות גם על פירמוט הקוד.

        צדיק תמיםצ מנותק
        צדיק תמיםצ מנותק
        צדיק תמים
        כתב ב נערך לאחרונה על ידי
        #5

        @yossiz התקנתי והשבתתי את הprettier, ולא מופיע לי שום אופציה בFormat Document ולא הצלחתי למצוא דרך אחרת להפעיל את זה...

        Don’t comment bad code — rewrite it." — Brian W. Kernighan and P. J. Plaugher"
        טיפים

        yossizY תגובה 1 תגובה אחרונה
        0
        • צדיק תמיםצ צדיק תמים

          @yossiz התקנתי והשבתתי את הprettier, ולא מופיע לי שום אופציה בFormat Document ולא הצלחתי למצוא דרך אחרת להפעיל את זה...

          yossizY מנותק
          yossizY מנותק
          yossiz
          כתב ב נערך לאחרונה על ידי
          #6

          @צדיק-תמים הוא מתריע אם המסמך לא מפורמט בצורה נכונה. אם אתה לא רואה אזהרות, סימן שלא התקנת טוב.
          צריך להתקין את זה גם: npm i -g standard. אם אתה נוהג לסיים שורות עם ; אז תתקין semistandard במקום standard, זה זהה חוץ מהדרישה להוסיף ; בסופי שורות.
          אם זה מותקן נכון תראה ב-VSC בקבצי JS את זה למטה:
          69160d99-1e10-4a53-960e-6072a5dead5d-image.png
          ובריחוף עליו תראה את הסטטוס של התוסף ובלחיצה ייפתח הלוג

          📧 יוסי@מייל.קום | 🌎 בלוג | ☕ קפה

          צדיק תמיםצ תגובה 1 תגובה אחרונה
          1
          • yossizY yossiz

            @צדיק-תמים הוא מתריע אם המסמך לא מפורמט בצורה נכונה. אם אתה לא רואה אזהרות, סימן שלא התקנת טוב.
            צריך להתקין את זה גם: npm i -g standard. אם אתה נוהג לסיים שורות עם ; אז תתקין semistandard במקום standard, זה זהה חוץ מהדרישה להוסיף ; בסופי שורות.
            אם זה מותקן נכון תראה ב-VSC בקבצי JS את זה למטה:
            69160d99-1e10-4a53-960e-6072a5dead5d-image.png
            ובריחוף עליו תראה את הסטטוס של התוסף ובלחיצה ייפתח הלוג

            צדיק תמיםצ מנותק
            צדיק תמיםצ מנותק
            צדיק תמים
            כתב ב נערך לאחרונה על ידי צדיק תמים
            #7

            @yossiz לא מופיע לי כלום:
            2c4a81bf-f628-42d9-a46b-3c32408bcfb9-image.png
            למרות שהכנסתי את הדוגמת קוד שהבאתי למעלה.
            וגם זה ממש לא נוח התראה במקום נפרד שצריך להסתכל... ולא סימון בתוך הקוד עצמו

            Don’t comment bad code — rewrite it." — Brian W. Kernighan and P. J. Plaugher"
            טיפים

            yossizY תגובה 1 תגובה אחרונה
            0
            • צדיק תמיםצ צדיק תמים

              @yossiz לא מופיע לי כלום:
              2c4a81bf-f628-42d9-a46b-3c32408bcfb9-image.png
              למרות שהכנסתי את הדוגמת קוד שהבאתי למעלה.
              וגם זה ממש לא נוח התראה במקום נפרד שצריך להסתכל... ולא סימון בתוך הקוד עצמו

              yossizY מנותק
              yossizY מנותק
              yossiz
              כתב ב נערך לאחרונה על ידי yossiz
              #8

              @צדיק-תמים
              תלחץ על המילים "Javascript Standard Style"
              נראה לי שאם רצית semistandard אז צריך להגדיר את זה בהגדרות התוסף.

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

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

              c19333fa-6547-4bc3-bf2a-116561064d5d-image.png

              📧 יוסי@מייל.קום | 🌎 בלוג | ☕ קפה

              צדיק תמיםצ תגובה 1 תגובה אחרונה
              3
              • yossizY yossiz

                @צדיק-תמים
                תלחץ על המילים "Javascript Standard Style"
                נראה לי שאם רצית semistandard אז צריך להגדיר את זה בהגדרות התוסף.

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

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

                c19333fa-6547-4bc3-bf2a-116561064d5d-image.png

                צדיק תמיםצ מנותק
                צדיק תמיםצ מנותק
                צדיק תמים
                כתב ב נערך לאחרונה על ידי
                #9

                @yossiz קיבלתי סימון מעצבן ומבלבל של קוקו אדום (נראה כמו השגיאות המובנות היותר חמורות בד"כ)
                אבל אפילו לתקן מהזחה של 2 להזחה של 4 הוא לא יודע... 😐
                913ba78d-2383-4b96-804b-cd45263ee503-image.png

                Don’t comment bad code — rewrite it." — Brian W. Kernighan and P. J. Plaugher"
                טיפים

                yossizY תגובה 1 תגובה אחרונה
                0
                • צדיק תמיםצ צדיק תמים

                  @yossiz קיבלתי סימון מעצבן ומבלבל של קוקו אדום (נראה כמו השגיאות המובנות היותר חמורות בד"כ)
                  אבל אפילו לתקן מהזחה של 2 להזחה של 4 הוא לא יודע... 😐
                  913ba78d-2383-4b96-804b-cd45263ee503-image.png

                  yossizY מנותק
                  yossizY מנותק
                  yossiz
                  כתב ב נערך לאחרונה על ידי
                  #10

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

                  📧 יוסי@מייל.קום | 🌎 בלוג | ☕ קפה

                  dovidD תגובה 1 תגובה אחרונה
                  2
                  • yossizY yossiz

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

                    dovidD מנותק
                    dovidD מנותק
                    dovid
                    ניהול
                    כתב ב נערך לאחרונה על ידי dovid
                    #11

                    @yossiz אני חושב שזה לא כ"כ מתאים למי שעובד עם JavaScript "של פעם",
                    כי זה לא מכיר בפונקציות שמוכרזות בקובץ אחר.
                    בESLinter לא מצאתי בהגדרות הגדרה שתכיר בסדר עיבוד הקבצים ובגלל זה זנחתי אותו, אני מאמין שגם פה זה ככה.

                    • מנטור אישי בתכנות והמסתעף – להתקדם לשלב הבא!
                    • בכל נושא אפשר ליצור קשר dovid@tchumim.com
                    yossizY תגובה 1 תגובה אחרונה
                    0
                    • dovidD dovid

                      @yossiz אני חושב שזה לא כ"כ מתאים למי שעובד עם JavaScript "של פעם",
                      כי זה לא מכיר בפונקציות שמוכרזות בקובץ אחר.
                      בESLinter לא מצאתי בהגדרות הגדרה שתכיר בסדר עיבוד הקבצים ובגלל זה זנחתי אותו, אני מאמין שגם פה זה ככה.

                      yossizY מנותק
                      yossizY מנותק
                      yossiz
                      כתב ב נערך לאחרונה על ידי yossiz
                      #12

                      @dovid אמר בעזרים לכתיבת קוד JS תקני קריא מקצועי ויעיל:

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

                      לא זכיתי להבין למה הכוונה

                      @dovid אמר בעזרים לכתיבת קוד JS תקני קריא מקצועי ויעיל:

                      אני מאמין שגם פה זה ככה

                      זה משתמש במנוע של eslint אז כנראה שגם פה יהיה הבעיה

                      📧 יוסי@מייל.קום | 🌎 בלוג | ☕ קפה

                      מוטי אורןמ dovidD 2 תגובות תגובה אחרונה
                      2
                      • yossizY yossiz

                        @dovid אמר בעזרים לכתיבת קוד JS תקני קריא מקצועי ויעיל:

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

                        לא זכיתי להבין למה הכוונה

                        @dovid אמר בעזרים לכתיבת קוד JS תקני קריא מקצועי ויעיל:

                        אני מאמין שגם פה זה ככה

                        זה משתמש במנוע של eslint אז כנראה שגם פה יהיה הבעיה

                        מוטי אורןמ מנותק
                        מוטי אורןמ מנותק
                        מוטי אורן
                        כתב ב נערך לאחרונה על ידי
                        #13

                        @yossiz אמר בעזרים לכתיבת קוד JS תקני קריא מקצועי ויעיל:

                        לא זכיתי להבין למה הכוונה

                        אני חושב ש @dovid מתכוון לפונקציות גלובאליות שלא נעשה להם import ישיר לאותו קובץ, הלינטר באמת מסמן אותם כשגיאה (is not defined).

                        תגובה 1 תגובה אחרונה
                        3
                        • yossizY yossiz

                          @dovid אמר בעזרים לכתיבת קוד JS תקני קריא מקצועי ויעיל:

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

                          לא זכיתי להבין למה הכוונה

                          @dovid אמר בעזרים לכתיבת קוד JS תקני קריא מקצועי ויעיל:

                          אני מאמין שגם פה זה ככה

                          זה משתמש במנוע של eslint אז כנראה שגם פה יהיה הבעיה

                          dovidD מנותק
                          dovidD מנותק
                          dovid
                          ניהול
                          כתב ב נערך לאחרונה על ידי dovid
                          #14

                          @yossiz אמר בעזרים לכתיבת קוד JS תקני קריא מקצועי ויעיל:

                          לא זכיתי להבין למה הכוונה

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

                          • מנטור אישי בתכנות והמסתעף – להתקדם לשלב הבא!
                          • בכל נושא אפשר ליצור קשר dovid@tchumim.com
                          yossizY תגובה 1 תגובה אחרונה
                          5
                          • dovidD dovid

                            @yossiz אמר בעזרים לכתיבת קוד JS תקני קריא מקצועי ויעיל:

                            לא זכיתי להבין למה הכוונה

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

                            yossizY מנותק
                            yossizY מנותק
                            yossiz
                            כתב ב נערך לאחרונה על ידי
                            #15

                            @dovid אם זה מה שאתה מתכוון אז יש פתרון (אולי לא מיטבי) להצהיר על המשתנה ככה:

                            /* globals x, y */
                            

                            📧 יוסי@מייל.קום | 🌎 בלוג | ☕ קפה

                            dovidD תגובה 1 תגובה אחרונה
                            4
                            • yossizY yossiz

                              @dovid אם זה מה שאתה מתכוון אז יש פתרון (אולי לא מיטבי) להצהיר על המשתנה ככה:

                              /* globals x, y */
                              
                              dovidD מנותק
                              dovidD מנותק
                              dovid
                              ניהול
                              כתב ב נערך לאחרונה על ידי
                              #16

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

                              • מנטור אישי בתכנות והמסתעף – להתקדם לשלב הבא!
                              • בכל נושא אפשר ליצור קשר dovid@tchumim.com
                              תגובה 1 תגובה אחרונה
                              1
                              תגובה
                              • תגובה כנושא
                              התחברו כדי לפרסם תגובה
                              • מהישן לחדש
                              • מהחדש לישן
                              • הכי הרבה הצבעות


                              בא תתחבר לדף היומי!
                              • התחברות

                              • אין לך חשבון עדיין? הרשמה

                              • התחברו או הירשמו כדי לחפש.
                              • פוסט ראשון
                                פוסט אחרון
                              0
                              • דף הבית
                              • קטגוריות
                              • פוסטים אחרונים
                              • משתמשים
                              • חיפוש
                              • חוקי הפורום