קודקודייל
  • קודקודייל
  • מי אתם קודקודייל?
  • קורסים בחינם
  • צרו קשר
  • בניית אתרים
    • וורדפרס
  • נגישות אתרים
  • כל הקטגוריות
    • אנגולר
    • HTML
    • CSS
    • Javascript
    • Typescript
    • NodeJs
    • בלוקציין
  • קודקודייל
  • מי אתם קודקודייל?
  • קורסים בחינם
  • צרו קשר
  • בניית אתרים
    • וורדפרס
  • נגישות אתרים
  • כל הקטגוריות
    • אנגולר
    • HTML
    • CSS
    • Javascript
    • Typescript
    • NodeJs
    • בלוקציין
קודקודייל
  • קודקודייל
  • מי אתם קודקודייל?
  • קורסים בחינם
  • צרו קשר
  • בניית אתרים
    • וורדפרס
  • נגישות אתרים
  • כל הקטגוריות
    • אנגולר
    • HTML
    • CSS
    • Javascript
    • Typescript
    • NodeJs
    • בלוקציין
  • קודקודייל
  • מי אתם קודקודייל?
  • קורסים בחינם
  • צרו קשר
  • בניית אתרים
    • וורדפרס
  • נגישות אתרים
  • כל הקטגוריות
    • אנגולר
    • HTML
    • CSS
    • Javascript
    • Typescript
    • NodeJs
    • בלוקציין
ראשי ♦ כללי ♦ מתכנת פרונטאנד, סיימת את הפיצ’ר, בדקת כמו שצריך?

מתכנת פרונטאנד, סיימת את הפיצ’ר, בדקת כמו שצריך?

וינר יאיר 5 בספטמבר 2023 אין תגובות

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

יש כמה כללים שיעזרו לכם מאד להוציא פיצ'ר מושלם, כלומר בלי באגים ובלי הערות של CR (חלום של כל מתמכנת – לא מתחייב אבל לשמה מכוונים🙌 ). להלן תשעת השלבים לבדיקת הפיצ'ר רגע לפני הסיום:

  1. קחו מספר דקות ועברו שוב על התכנון שלכם ועל האפיון, בדקו שעברתם על כל השלבים ואתם מוכנים, בדקו את הuse cases , מובייל , דסקטופ וכו..
  2. הריצו לינטר, אם אתם לא עובדים עם לינטר אתם בוודאי מפספסים המון דברים קטנים ומציקים שיכולים לחזור לכם כ comments מה code review וחבל.
  3. וודאו שהפורמטר עובד והקוד מיושר היטב
  4. חפשו בכל הקבצים console.log debugger , לפעמים נוטים לשכוח שורות של debugg. כמו כן אם אתם עם linter אז הוא יבדוק את זה עבורכם.
  5. להריץ build. חשוב מאוד להריץ build , תתפלאו כי יש לכם ליקויים בקוד שלא יעבירו build מה שישבור את הdeployment.
  6. פתחו PR וקודם כל תעשו לעצמכם קוד CR, אם אתם מעלים לסביבת DEV בלי PR אז הייתי מציע לכם לשים את עצמכם דווקא בשלב הזה, אם CR מגיע בשלב הזה אז תעשו את תעשו CR אחרון לבראנץ שלכם ורק אז תפתחו PR לבראנץ המיועד , בקיצור לפני שאתם מצרפים את הreviewer אתם עושים CR לעצמכם.
  7. unit test – לא תמיד קורה, אבל אם אתם כן כותבים טסטים אז כמובן להריץ טסטים ולראות שהטסטים עוברים.
  8. פיצ'ר פלאג – אם אתם עובדים עם FF אז וודאו שאכן הגדרתם פיצר פלאג והוא אכן עובד בהתאם לתנאים הרצויים (קורה ששוכחים , בטח אם אתם לא רגילים לעבוד עם FF. וזה בהחלט יציל אתכם במידת הצורך)
  9. mini demo – מיני דמו יכול להתבצע עם ראש הצוות שלכם וגם הפרודקט בלבד, אפשר גם אחד מהם, המטרה לעבור על הפיצר ולקבל אישור כללי שאכן המשימה בוצעה. מעולה לעשות זאת אפילו בשלבי אמצע במידה וסיימתם איזה חלק שלדעתכם כדאי שפרוקדט או ראש צוות יראה ויסכים אתכם שזה בהתאם לדרישה. לפעמים אנשים נוטים לוותר על ההצגות הללו או ממתינים לdemo אבל mini demo יכין אתכם היטב לדמו וגם יחסוך רגעים מביכים. מדובר בפגישה של 10 דקות סהכ. אל תמתינו יותר מידי במידה והפרודקט עסוק, אז פשוט תתפסו את הראש צוות לכם.

בלתמים עם סיום הפיצר

פרודקט שכח

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

קונפליקטים

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

קיבלתם אישור? עדיין לא אומר שסיימתם עם הפיצר

אז QA אישרו לכם וגם עברתם את הCR ואתם מוכנים לעשות merge ולהתקדם למשימה הבאה. אבל עדיין לא תוכלו לשחרר לגמרי. חשוב מאד לעקוב אחרי הdeploy ולראות שהוא לא נשבר מסיבה לא צפויה, וגם לאחר שהכל עבר ועלה לסביבה הראשית, תעשו בדיקה ותראו שהפיצר שלכם אכן מנגן כמו שצריך. וכמובן מזכיר כי תמיד לעדכן בטיקט , מעבר לסטטוס וassign למי שצריך . תרשו בטיקט הערה מתאימה כמו "עלה לפרודקשן" ותייגו את ראש הצוות שלכם והפרודקט (במידה והם לא follow בטיקט) על מנת להסב להם רגע של אושר 💓 .

סיכום פוסט סיום פיצר מה עושים

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

בהצלחה 🐊😎.

פוסטים קשורים:

קורס front end – מה חייב לדעת כל מתכנת צד לקוח frontend - מתכננים לפני כתיבת קודקורס front end – קיבלתם פיצ’ר, מזל טוב! מה עכשיו? ומאיפה להתחיל? קודם כל, מתכננים. קורס front end – מהות התפקיד בהגדרה “מתכנת צד לקוח” והשלב הבא באבולוציה, אני קורא לזה “מתכנת של חוויה” מתכנת של חוויה – המסע של מתכנת צד לקוח
front-end מדריך front-end מדריך מתכנת צד לקוח מתכנת front-end מתכנת UX מתכנת פרונט מתכנת צד לקוח קורס front end

אודות המחבר

יאיר וינר להציג את כל הפוסטים של וינר יאיר


« פוסט קודם
פוסט הבא »

השארת תגובה

ביטול

חיפוש באתר
בחירת העורכים
29 בדצמבר 2023 עידן יצחקי

שדה טקסט עשיר עם תמונות

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

1 באוקטובר 2021 עידן יצחקי

איך למשוך דינמית favicon של אתרים אחרים ב-JS

בפוסט זה נראה איך אפשר על פי לינקים בדף למשוך את ה-favicon מהדומיין שלהם באופן דינמי, בדיקה של תקינות התמונה

פופולרי
Javascript functions – היכרות עם סוגי פונקציות
Javascript
21 בדצמבר 2024 אין תגובות
Nested routing in angular standalone component
Typescript
15 בנובמבר 2024 תגובה אחת
בחרו לפי תגיות
angular blockchain css ethers express front-end fullstack GQL html javascript next js nextjs nodejs react hooks reactjs solidity webgl אנגולר בלוקציין וורדפרס לימודי אנגולר לימודי וורדפרס לימוד ריאקט מדריך front-end מדריך GQL מדריך אנגולר מדריך וורדפרס מדריך חינם react מדריך ריאקט מפתח בלוק מפתח בלוקציין מתכנת front-end מתכנת בלוקציין מתכנת פרונט סולידיטי קורס front end קורס fullstack קורס nextjs קורס אנגולר קורס בלוקציין קורס בלוקציין בחינם קורס סולידיטי קורס ריאקט קורס תכנות קורס תכנות בחינם
סינון על פי קטגוריות
CSS fullstack HTML IIS Javascript nodeJs SEO Typescript אנגולר בלוקציין בניית אתרים וורדפרס חיפוש עבודה כלים נוספים כללי נגישות קורסים ריאקט תלת מימד תקלות ופתרונות
צור קשר
כל הזכויות שמורות לקודקודייל
ליצירת קשר: @ קודקודייל
גלילה לראש העמוד