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

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

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

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

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

    המשך לדיון פה https://tchumim.com/topic/12743

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

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

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

      צדיק תמיםצ תגובה 1 תגובה אחרונה
      6
      • 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
                                  • דף הבית
                                  • קטגוריות
                                  • פוסטים אחרונים
                                  • משתמשים
                                  • חיפוש
                                  • חוקי הפורום