מדברים פיתוח

מדברים פיתוח

By ניר ארגיל וזיו ארליכסוןTechnology
Download on the App Store

מדברים פיתוח episodes

  • פרק #34 למה Qwik זה לא עוד פריימוורק עם שי רזניק

    כנראה שתזהו אותו מבכירי קהילת הJS הישראלית.

    הקים את קהילת JavaScript Israel הפופולרית עם 11,000 חברים.

    שי הוא הבעלים של חברת הייעוץ HirezIO שבין היתר, הוא מסייע לחברות לצמצם עלויות ובזבוז זמן שנובעים מטסטים לא טובים, הוא קורא לשיטה Test Effective Development.

    מרצה בארץ וברחבי העולם.

    אז איך הגיע לQwik???

    הצטרפו לסיפור מגניב  חוצה מדינות!


    על מה עוד דיברנו...

    איך הרעיון הכל כך מהפכני של Qwik התחיל מאפס.

    למה לקרוא לה Qwik בכלל?

    מה הבעיה ואיך הפתרון של Qwik נכנס לתמונה.

    מה זה Hydration ואיך זה מתבטא כאן?

    מה המטאפורה של JS Streaming.

    איך סיגנל, הפרימיטיב של תכנות ריאקטיבי, נכנס לתמונה.

    מה זה Lazy Execution ואיך עוד הקסם של Qwik.

    אז איך בעצם כדאי להתחיל לעבוד עם Qwik?

    ולסיום, איזה חברות עובדות עם Qwik כיום.


    HirezIO

    hirez.io

    Qwik school

    qwikshcool.com

    Qwik

    qwik.dev

    QwikUI

    qwikui.om

    קוד קופון לרכישת כרטיסים ל10% הנחה FEDSIL 

    ReactNext

    https://www.react-next.com/

    NodeTLV

    https://www.nodetlv.com/


    מוזמנים לצפות ולהאזין לנו בכל הפלטפורמות: YouTube, Spotify, Apple, Google
    ⁠https://linktr.ee/front_cast

    1 hr 26 min
  • פרק #33 | Type Safe API עם נועם הניג

    אז ניר וזיו נפגשו עם נועם הניג.
    מפתח שנים רבות בתעשייה ומומחה בפיתוח של מערכות מידע.
    דיברנו על נושאים החל משיתוף טייפים בין פרונט לבק ועד למה המסר הרווח שכדאי לג'וניורים לתרום קוד בפרויקטי אופן סורס הוא מטעה ומסוכן אך מה כן ממליץ לעשות?
    כל זאת ועוד...
    מה זה אומר שיתוף טייפים בין פרונט לבק?
    למה זה כל כך חשוב.
    איזה ספריות עוזרות לנו לשתף טייפים.
    איך המגמה שנים האחרונות לפתח גישות של Type Safe.
    באיזה דרכים משתפים טייפים בפרויקטים.
    מה החסרונות בכך.
    מי היא ספריית Remult ואיך היא מורידה את הרעש מהתכנות?
    איזה סוגי מפתחים מפיקים את המיטב מRemult.
    מהו פרויקט חלוקת הסלי מזון של נועם ואיך קיבל את אות הנשיא.
    האם אני יכול להכניס את רימלט בפרויקט קיים שבפיתוח כרגע.
    ואפילו הגענו קצת למאחורי הקלעים של Remult!


    ReactNext
    https://www.react-next.com/
    NodeTLV
    https://www.nodetlv.com/

    קוד קופון 10% הנחה לרכישת כרטיסים: FEDSIL10


    Noam LinkedIn
    https://www.linkedin.com/in/noamhonig/


    Remult Repo
    https://github.com/remult/remult


    Remult Discord
    https://discord.com/invite/GXHk7ZfuG5


    מוזמנים לצפות ולהאזין לנו בכל הפלטפורמות
    YouTube, Spotify, Apple, Google
    ⁠https://linktr.ee/front_cast

    1 hr 3 min
  • פרק #32 | GQL עם מוטי שריקי

    נפגשנו עם מוטי שריקי,
    ארכיטקט פרונט בחברת Varonis.
    לשיחה מעניינת על GraphQL.
    אז על מה דיברנו...
    מה זה GraphQL.
    איך גרפים קשורים לשפת שאילתות.
    למה Facebook פיתחה את GQL ומה רצו לפתור איתה.
    למה אנחנו צריכים לפתח עם GQL.
    מה הPreRequisities למפתח שרוצה להתחיל לעבוד עם GQL?
    למה כדאי לשלב RestApi עם GQL.
    איך אנחנו יכולים לצרוך את GQL בקליינט, Apollo Vs Relay.
    מה זה Batching.
    מה היא עקומת הלמידה וכמה מורכב למפתחים להכנס לזה.
    מה זה סכמאות (Schemas) ואיך עובדים איתן?
    Best Parctices שונים.
    מה החסרונות לשימוש עם GQL.
    מה זה gRPC ומה ההבדלים לGQL?
    איך עובדים עם GraphQL בצוות פיתוח.
    הפורטפוליו של מוטי:
    https://motistudio.com/
    מגייסים Varonis:
    https://www.varonis.com/careers
    מוזמנים לצפות ולהאזין לנו בכל הפלטפורמות: YouTube, Spotify, Apple, Google
    ⁠https://linktr.ee/front_cast
    -------
    אנחנו נהנים מאוד ליצור תוכן איכותי ומקורי עבור קהילת מפתחי הפרונט בישראל.
    מוזמנים להראות תמיכה ולעשות לנו לייק, שיתוף ועוקב, כמובן שגם נשמח לשמוע את דעתכם בתגובות למטה 🙏

    1 hr 24 min
  • פרק #31 | למה ואיך לעבוד עם TanStack? עם שחר קזאז

    בפרק הזה של Front Cast, אדיר קנדל וניר ארגיל צוללים עמוק לעולם של TanStack עם שחר קזאז, מפתח פרונט-אנד מוביל ומוביל צוות ב- Coralogix. אם אתם מתמודדים עם ניהול נתונים ב-Front-End, כנראה ששמעתם על React Query, אבל האם ידעתם שהוא רק חלק קטן ממשהו הרבה יותר גדול? TanStack הפך בשנים האחרונות לסט הפתרונות האולטימטיבי לניהול Caching, Fetching, Optimistic UI, ועוד – לכל פריימוורק, לא רק ל-React.


    "מרגע שהתחלתי להשתמש ב-TanStack Query, זה שינה לי את החיים – החוויית פיתוח שלי השתפרה מקצה לקצה. למה עד היום הייתי צריך לדחוף את כל הנתונים לסטייט מנג'ר כללי?"


    בפרק הזה, אנחנו מפרקים את TanStack לגורמים ומבינים למה הוא כבש את עולם ה-Front-End ואיך הוא יכול להפוך את העבודה שלכם להרבה יותר פשוטה.


    על מה דיברנו?

    - איך TanStack Query משנה את כללי המשחק בניהול נתונים, ומה היתרון שלו על סטייט מנג'רים מסורתיים.

    - ניהול Caching, Fetching, Optimistic UI, ועדכונים חכמים – כולל איך למנוע טעויות נפוצות.

    - למה TanStack תפס כל כך חזק ולא רק ב-React?

    - מה הטעויות הנפוצות בשימוש בספרייה?

    - TanStack Virtual – איך לרנדר אלפי פריטים בקלות ולשפר ביצועים בלי לפגוע בחוויית המשתמש.

    - TanStack Table – הדרך הכי נוחה להתמודד עם טבלאות מורכבות.

    - האם יש מקרים שבהם דווקא לא כדאי להשתמש ב-TanStack?


    מוזמנים לצפות ולהאזין לנו בכל הפלטפורמות: YouTube, Spotify, Apple, Google

    ⁠https://linktr.ee/front_cast

    -------

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

    מוזמנים להראות תמיכה ולעשות לנו לייק, שיתוף ועוקב, כמובן שגם נשמח לשמוע את דעתכם בתגובות למטה 🙏

    56 min
  • פרק #30 | פיתוח תשתיות Angular עם CLI + Schematics עם עומרי בר זיק

    בפרק הזה של Front Cast אנחנו משדרים ישירות מאולפן ייחודי בזאפה תל אביב מתוך הכנס הבינלאומי של Angular TLV, עם האורח המיוחד שלנו עומרי ברזיק, מפתח תשתיות Front-End בחברת Outbrain.

    עומרי לוקח אותנו למסע מרתק בעולם של Angular CLI ו-Schematic, תוך שיתוף בתובנות ייחודיות על פיתוח תשתיות פרונט ומניעת טעויות בקוד.

    אז על מה דיברנו:

    - מה זה Angular CLI ומה היתרונות שלו לעומת אקוסיסטמות אחרות, כמו React.

    - איך CLI עוזר למנוע טעויות בקוד ולשמור על קונבנציות ברורות.

    - מה זה Angular Schematic, ואיך הוא משתלב בצורה חלקה עם CLI.

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

    - טיפים וכלים לפיתוח Schematic בצורה אפקטיבית.

    - האם יש מקרים שבהם לא כדאי להשתמש ב-Schematics.

    מאמרים של עומרי בנושא:

    🔗 How To Integrate With ng update

    🔗 How To Setup Tests For Angular Schematics

    🔗 הלינקדאין של עומרי:
    https://www.linkedin.com/in/omri-bar-zik

    🔗 הטוויטר של עומרי:
    https://x.com/omri_barzik/

    הצטרפו אלינו גם לדיונים בקהילת הטלגרם שלנו ותהיו חלק מהשיחה!

    מוזמנים לצפות ולהאזין לנו בכל הפלטפורמות: YouTube, Spotify, Apple, Google
    https://linktr.ee/front_cast

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

    32 min
  • פרק #29 | האם שווה לעבור ל Tailwind? עם אדיר קנדל

    בפרק הזה של "Front Cast" אנחנו הופכים את הכיסאות! זיו ארליכסון לוקח את מושכות המנחה ואדיר קנדל עובר לצד של האורח, לשיחה מעמיקה ומלאת תובנות על Tailwind CSS. האם הספרייה המפורסמת היא באמת הפתרון המושלם לכתיבת CSS, או שמא מדובר בהייפ חולף?

    • אז על מה דיברנו:
    • מה זה בעצם Tailwind CSS? סקירה מהירה על הכלי והפיצ'רים המרכזיים שלו.
    • היתרונות והחסרונות של השימוש בטיילווינד - מייעול העבודה ועד לדילמות דיבאג.
    • Tailwind בקהילות הפיתוח: למה היא שנויה במחלוקת, ומה עמדות הקהילה שלנו בסקר הגדול.
    • איך להתמודד עם דינמיות בפרויקטים, כולל עבודה עם פלטפורמות קיימות וספריות קומפוננטות.
    • למי Tailwind מתאים, ומתי עדיף לבחור בפתרונות אחרים.
    • סיפורים מהשטח: איך שילוב Tailwind השפיע על עבודת צוותים קטנים לעומת צוותים גדולים.
    • אז אם תמיד תהיתם האם כדאי לכם לצלול לעולם של Tailwind, זה הפרק בשבילכם!
      פרופיל הלינקדאין של אדיר:
      https://www.linkedin.com/in/adir-kandel

      מדריך בבלוג של FEDs על טיילווינד:
      https://fedcast.co.il/מדריכים/2014/tailwind-מהירות-גמישות-ויעילות/

      מוזמנים לצפות ולהאזין לנו בכל הפלטפורמות: YouTube, Spotify, Apple, Google
      https://linktr.ee/front_cast

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

      1 hr 3 min
    • פרק #28 | מסע אחר אוצרות חבויים בדפדפן עם ינאי אדרי

      נפגשנו עם ינאי אדרי היקר,
      מפתח בכיר בCyberArk,
      יוצר תוכן,
      מהמייסדים של Negev Web Developers,
      מרצה בכנסים
      ואפילו פרמדיק.
      אז על מה דיברנו...
      למה הוא מתכוון אבנים חבויות או JS Hidden Jems?
      מי אלה בהרחבה?
      Web Share API: מאפשר שיתוף תוכן (טקסט, קישורים וקבצים) מיישומי ווב באמצעות ממשק שיתוף מקומי של המכשיר.
      Web Speech API: מאפשר זיהוי דיבור (Speech Recognition) והפיכת טקסט לדיבור (Text-to-Speech) באפליקציות ווב.
      Metadata API: מספק גישה למידע מטא-דאטה של מסמכים או רכיבים כמו קבצים, תמונות או תוכן מדיה.
      Web OTP API: מאפשר קריאה אוטומטית של קודים חד-פעמיים (OTP) שהתקבלו באמצעות SMS, לטובת אימות משתמשים.
      Vibration API: מאפשר יצירת רטט במכשיר לצורך מתן פידבק פיזי באפליקציות ווב במכשירים תומכים.
      Idle Detection API: מזהה אם המשתמש אינו פעיל או אם המכשיר אינו בשימוש, ומאפשר ביצוע פעולות בהתאם.
      Gamepad API: מספק גישה לאינפוטים מבקרי משחק (ג'ויסטיקים) המחוברים למכשיר.
      File System API: מאפשר גישה לקריאה, כתיבה וניהול קבצים ותיקיות מקומיים במכשיר המשתמש מתוך יישומי ווב.
      UserActivation API: מזהה אם משתמש ביצע פעולה (כמו לחיצה) שמפעילה תוכן או פיצ'רים בדף.
      Web Bluetooth API: מאפשר חיבור ותקשורת עם מכשירי Bluetooth ישירות מיישומי ווב.
      Web Audio API: מאפשר עיבוד, יצירה וניהול של שמע ביישומי ווב, כולל אפקטים וסינתזה.
      Notification API: מאפשר לשלוח הודעות משתמש (notifications) מהדפדפן גם כשהאפליקציה לא פעילה.
      Web Authentication API: מאפשר אימות מאובטח ללא סיסמאות באמצעות אמצעים כמו טביעת אצבע, Face ID או מפתחות אבטחה.
      לראיון עם ינאי אדרי בבלוג של Feds:
      https://fedcast.co.il/%D7%9C%D7%9B%D7%9C_%D7%A9%D7%90%D7%9C%D7%94_%D7%AA%D7%A9%D7%95%D7%91%D7%94/1269/%D7%9C%D7%9B%D7%9C-%D7%A9%D7%90%D7%9C%D7%94-%D7%AA%D7%A9%D7%95%D7%91%D7%94-%D7%A2%D7%9D-%D7%99%D7%A0%D7%90%D7%99-%D7%90%D7%93%D7%A8%D7%99/
      Negev Web Developers:
      https://www.youtube.com/@negevDev/videos
      Yanai Edri LinkedIn:
      https://www.linkedin.com/in/yanaiedri/
      מוזמנים לצפות ולהאזין לנו בכל הפלטפורמות: YouTube, Spotify, Apple, Google
      ⁠https://linktr.ee/front_cast
      ---------
      אנחנו נהנים מאוד ליצור תוכן איכותי ומקורי עבור קהילת מפתחי הפרונט בישראל.
      מוזמנים להראות תמיכה ולעשות לנו לייק, שיתוף ועוקב, כמובן שגם נשמח לשמוע את דעתכם בתגובות למטה 🙏

      50 min
    • פרק #27 | טכניקות רנדור עם צח בונפיל

      בפרק הזה ניר ארגיל ואדיר קנדל צוללים לעומק כל מה שצריך לדעת על טכניקות רינדור – מתי לבחור ב-CSR, למה SSR כל כך פופולרי, ומה זה בעצם ISR? צח בונפיל מצטרף אלינו ומדבר על האתגרים, היתרונות והחסרונות של כל טכניקה, וגם משתף אותנו בחוויות שלו כמוביל פיתוח בצוות פלטפורם ב-AutoDesk.

      על מה דיברנו:

      • איך צח בוחר טכנולוגיות חדשות לפיתוח בצוות?
      • ההבדל בין CSR, SSR, SSG ו-ISR – מתי כל טכניקה מתאימה ולמה?
      • מה זה Partial Pre Render?
      • איך לבחור את טכניקת הרינדור המתאימה לפרויקט שלך.
      • תהליך הבנייה והבקשה, והאם העיבוד בצד הלקוח כאן להישאר?
      • יתרונות הקשינג ושימוש בכלים כמו סרביס וורקר.
      • אתגרי ביצועים והמורכבות של עבודה עם מטא פריימוורקים.
      • ואיך צח ופרויקט מיוחד שלו הפכו חלקים סטטיים בקוד של אוטודסק לאוטומטיים יותר.

      • הטוויטר של צח:

        https://x.com/tzachbonfil

        הלינקדאין של צח:

        https://www.linkedin.com/in/zach-bonfil-21b822187


        🔖 פרטים נוספים וקוד קופון לכנס Angular TLV שיתן לכם 10% הנחה: Front

        https://angular-tlv.com


        מוזמנים לצפות ולהאזין לנו בכל הפלטפורמות: YouTube, Spotify, Apple, Google

        https://linktr.ee/front_cast

        -------

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

        1 hr 18 min
      • פרק #26 | טל מוסקוביץ' על המעבר מ React ל-Vue
        הפעם דיברנו על React ו-Vue - בין הפריימוורקים הפופולריים ביותר לפיתוח פרונט, אבל איך בוחרים ביניהם? טל מוסקוביץ' מצטרף לאדיר קנדל וניר ארגיל לשיחה מעמיקה על היתרונות והחסרונות של כל אחד. לקראת הסוף, טל מפתיע אותנו עם הבחירה שלו לפרויקט הבא.
        על מה דיברנו הפעם?
        • למה טל בחר להתחיל את הקריירה עם ריאקט?
        • היתרון של React כספרייה פשוטה לבנייה, לעומת Vue עם קומפיילר מובנה.
        • איך ריאקט מספקת יותר גמישות עם ספריות צד שלישי, ומה היתרונות ביכולת ההתאמה האישית הזו?
        • הסבר על Reactivity: למה Vue נחשבת ריאקטיבית לעומת React.
        • כיצד Vue מאפשרת ארגון קוד יעיל יותר עם טמפלטים וסטיילים מובנים בקובץ אחד.
        • החידושים האחרונים ב-React והשפעתם על קהילת המפתחים.
        • מה המשמעות של התלות בקהילה ותחזוקה אקטיבית בבחירה בפריימוורק.
        • השוואה בין הדרך בה ריאקט ו-Vue מטפלים ב-CSS ושיטות סטיילינג שונות.
        🔖 פרטים נוספים וקוד קופון לכנס Angular TLV שיתן לכם 10% הנחה: Front
        https://angular-tlv.com
        מוזמנים לצפות ולהאזין לנו בכל הפלטפורמות הפופולריות YouTube, Spotify, Apple, Google
        https://linktr.ee/front_cast
        אנחנו נהנים מאוד ליצור תוכן איכותי ומקורי עבור קהילת מפתחי הפרונט בישראל.
        מוזמנים להראות תמיכה ולעשות לנו לייק, שיתוף ועוקב, כמובן שגם נשמח לשמוע את דעתכם בתגובות למטה 🙏
        1 hr 18 min
      • פרק #25 | Behavior Testing עם מתן בורנקראוט

        בפרק 25, אדיר קנדל וניר ארגיל מארחים את מתן בורנקראוט, מפתח בכיר במיקרוסופט ואחד המתחזקים של React Testing Library, לשיחה על אחד מהנושאים הקריטיים ביותר בעולם הפיתוח בכלל ובפיתוח פרונט בפרט – בדיקות תוכנה. הפעם נדון ב-Behavior Testing.

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

        על מה דיברנו הפעם?

        • מה זה React Testing Library ואיך היא שונה מספריות בדיקה אחרות?
        • איך לבצע בדיקות מבוססות התנהגות (Behavior Testing)?
        • למה הביצועים של בדיקות React Testing Library איטיים יחסית (רמז JS Dom), ואיך להתמודד עם זה?
        • איך אפשר להריץ בדיקות ריאקט בצורה מהירה יותר?
        • האם כדאי לעבור לסביבת בדיקות מבוססת דפדפן?
        • מדוע כדאי להחליף את Jest עם Vitest?
        • 🔖 קוד קופון לכנס Angular TLV שיתן לכם 10% הנחה: Front
          https://angular-tlv.com

          הריפו של React Testing Library:
          https://youtu.be/hobx2MfSYhE?si=pST5mAZYZQ1PXPlC

          הרצאה בעברית של מתן על איך Testing Library עובדת:
          https://www.youtube.com/watch?v=NI8gFuaP31c&t=2s&ab_channel=code.talks%28ehem.DeveloperConference%29

          פוסט של מתן על למה אנשים משתמשים בcode coverage בצורה לא נכונה:
          https://matanbobi.dev/posts/why-i-dont-like-code-coverage


          מוזמנים לצפות ולהאזין לנו בכל הפלטפורמות הפופולריות YouTube, Spotify, Apple, Google
          https://linktr.ee/front_cast

          ---------

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

          מוזמנים להראות תמיכה ולעשות לנו לייק, שיתוף ועוקב, כמובן שגם נשמח לשמוע את דעתכם בתגובות למטה 🙏

          1 hr 10 min

        About מדברים פיתוח

        From the publisher's feed

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

        Best of מדברים פיתוח

        Ranked by our users in the last 21 days