Avsnitt
-
בפרק הזה ניר ארגיל ואדיר קנדל צוללים לעומק כל מה שצריך לדעת על טכניקות רינדור – מתי לבחור ב-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
-------
אנחנו נהנים מאוד ליצור תוכן איכותי ומקורי עבור קהילת מפתחי הפרונט בישראל. מוזמנים להראות תמיכה ולעשות לנו לייק, שיתוף ועוקב, כמובן שגם נשמח לשמוע את דעתכם בתגובות למטה 🙏
-
הפעם דיברנו על 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
אנחנו נהנים מאוד ליצור תוכן איכותי ומקורי עבור קהילת מפתחי הפרונט בישראל.
מוזמנים להראות תמיכה ולעשות לנו לייק, שיתוף ועוקב, כמובן שגם נשמח לשמוע את דעתכם בתגובות למטה 🙏 -
Saknas det avsnitt?
-
בפרק 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---------אנחנו נהנים מאוד ליצור תוכן איכותי ומקורי עבור קהילת מפתחי הפרונט בישראל.
מוזמנים להראות תמיכה ולעשות לנו לייק, שיתוף ועוקב, כמובן שגם נשמח לשמוע את דעתכם בתגובות למטה 🙏 -
מי אמר שניהול סטייט זה דבר מורכב? האמת שכמעט כולם 🙂. לכן, בפרק 24 ניר ארגיל ואדיר קנדל מארחים את ניר פריזיאן לשיחה צפופה על כל הנושא החשוב הזה.
על מה דיברנו הפעם?
מה זה State Management? איך המטא פריימוורקים עוזרים לנו בניהול הסטייט? אילו סוגיי סטייט יש לנו? איך זה מתחבר לדיזיין פאטרן של Observable? אילו כלים יש לנו לדיבור הסטייטים שלנו? מה זה State machine?פרופיל הלינקדאין של ניר:
https://www.linkedin.com/in/nir-parisianהחברה של ניר - Enpitech:
https://enpitech.devהיוטיוב של ניר:
https://www.youtube.com/@nirparisianקהילת פרונטאנדיסטים של ניר:
https://www.facebook.com/share/g/3TND6FDbCPZfEg3b/?mibextid=K35XfPמוזמנים לצפות ולהאזין לנו בכל הפלטפורמות: YouTube, Spotify, Apple, Googlehttps://linktr.ee/front_cast-------
אנחנו נהנים מאוד ליצור תוכן איכותי ומקורי עבור קהילת מפתחי הפרונט בישראל.
מוזמנים להראות תמיכה ולעשות לנו לייק, שיתוף ועוקב, כמובן שגם נשמח לשמוע את דעתכם בתגובות למטה 🙏 -
בפרק 23 אדיר קנדל וניר ארגיל מארחים את זיו ארליכסון כדי לדבר על אחד הכלים המעניינים שקיים בפיתוח פרונט. יש כאלה שחושבים שהוא שינה להם את הפיתוח לנצח וכאלה שחושבים שהוא מיותר, השאלה באיזה צד אתם תהיו אחרי הפרק? הצטרפו אלינו לפרק שכולו StoryBook.
על מה דיברנו הפעם?
מה זה סטוריבוק ולמה הוא נועד? מאיזה צורך ואתגרים הגיע הפתרון לסטוריבוק? מי משתמש בכלי הזה ואיך? מה ה flow של פיתוח קומפוננטה ב- Torii? מה זה StoryBook Driven Development? איזה תוספים יש לנו בסטוריבוק?🔖 קוד קופון לכנס Angular TLV שיתן לכם 10% הנחה: Front
https://angular-tlv.comפרופיל הלינקדאין של זיו
https://www.linkedin.com/in/ziverlichson/המאמר של לוי על סטוריבוק בבלוג של FED Cast
https://fedcast.co.il/storybookמוזמנים לצפות ולהאזין לנו בכל הפלטפורמות: YouTube, Spotify, Apple, Google
https://linktr.ee/front_cast----------
אנחנו נהנים מאוד ליצור תוכן איכותי ומקורי עבור קהילת מפתחי הפרונט בישראל. מוזמנים להראות תמיכה ולעשות לנו לייק, שיתוף ועוקב, כמובן שגם נשמח לשמוע את דעתכם בתגובות למטה 🙏
-
בפרק 22 ניר ארגיל ואדיר קנדל מארחים את סהר ונונו לשיחה צפופה על כל מה שקשור בפיתוח מובייל בכלל ופלאטר בפרט. הפעם הפרק נולד מדרישה שעלתה מתוך הקהילה שלנו אז מקווים שתהנו ממנו בדיוק כמונו.
על מה דיברנו הפעם?
מה הקשר בין פיתוח מובייל לפרונט? מה חשוב לדעת למי שנכנס לפיתוח מובייל? אילו טכנולוגיות יש לפיתוח מובייל? איך לבחור בין פיתוח נייטיב לפלאטר או ריאקט נייטיב? איך פלאטר התחילה? איך אפשר להתחיל לפתח בפלאטר? ניהול סטייט בפלאטר. שיפור ביצועים בפלאטר. איך נראה העתיד של פלאטר? האם כדאי לבנות web עם פלאטר?🔖 קוד קופון לכנס Angular TLV שיתן לכם 10% הנחה: Front
https://angular-tlv.com
הפרופיל של סהר בלינקדאין:
https://www.linkedin.com/in/sahar-vanunu-949292134לינקים לקבוצת Flutter Israel פייסבוק:
https://www.facebook.com/groups/2779846762051712/?ref=shareלינקים לקהילות Flutter וואטסאפ:
https://chat.whatsapp.com/IiXc9RyFQ3i0gJCD8NvVsZ
https://chat.whatsapp.com/B8BoYJRkATE7NUncbmzYG9לינק למאמר של סהר:
https://medium.com/flutter-community/stop-using-state-management-libraries-48a81ed7979dמוזמנים לצפות ולהאזין לנו בכל הפלטפורמות: YouTube, Spotify, Apple, Google
https://linktr.ee/front_castאנחנו נהנים מאוד ליצור תוכן איכותי ומקורי עבור קהילת מפתחי הפרונט בישראל.
-------
מוזמנים להראות תמיכה ולעשות לנו לייק, שיתוף ועוקב, כמובן שגם נשמח לשמוע את דעתכם בתגובות למטה 🙏
-
לא כל יום יוצא לנו לעבוד על פרויקטים בסקייל גדול - קוד בייס גדול, כמה צוותי פיתוח שצריכים לעבוד בסינרגיה וכו׳. בפרק 21 ניר ארגיל ואדיר קנדל מארחים את גלעד שהם שיעזור לנו להבין איך נכון לעשות את זה? ואיך Bit עוזרת במשימה המורכבת הזו?
על מה דיברנו הפעם?
למה חשוב לשמור בכלל על יציבות בפרויקט גדול? מתי נכון להתחיל תכנון לפרויקט בביג סקייל? מה אפשר לעשות כדי להבטיח יציבות בסקייל? האם מיקרו פרונטאנדז הוא פתרון לגיטימי? איך הפילוסופיה של Bit לפיצול תלויות וניהול שלהן עוזרת ביציבות המוצר? איך נראה השימוש ב Bit בפועל כשצריך להכניס קומפוננטה אחת לשניה? למה חשוב לתת לכל צוות עצמאות בניהול התלויות בקוד שלו?לינק ללינקדאין של גלעד:
https://www.linkedin.com/in/shohamgiladלינק לגיטהאב של גלעד:
https://github.com/GiladShohamלתוכן של גלעד:
https://linktr.ee/shohamgiladלאתר של ביט:
https://bit.devלפרויקט של Harmony:
https://bit.dev/docs/harmony-intro/מוזמנים לצפות ולהאזין לנו בכל הפלטפורמות: YouTube, Spotify, Apple, Google
https://linktr.ee/front_castאנחנו נהנים מאוד ליצור תוכן איכותי ומקורי עבור קהילת מפתחי הפרונט בישראל.
-------
מוזמנים להראות תמיכה ולעשות לנו לייק, שיתוף ועוקב, כמובן שגם נשמח לשמוע את דעתכם בתגובות למטה 🙏
-
נחשפנו ל React Server Components לראשונה בגירסא 19 של ריאקט. הרעיון הוא לתת אפשרות ליצור קומפוננטה שמתרנדרת בשרת ונשלחת לקליינט בצורה אסינכרונית, כך שה UI לא נתקע ויכול לבצע כמה קריאות במקביל ומצד שני אנו יכולים להשתמש ישירות במידע שנמצא בשרת ללא צורך לבצע בקשות API בצד הלקוח.
בפרק 20 אדיר קנדל וניר ארגיל מאחרים את נדב ליבוביץ׳ כדי לדבר על הרעיון פורץ הדרך הזה.
על מה דיברנו הפעם?
מה זה RSC ומאיפה זה התחיל? מה המגבלה של RSC? עד כמה זה באמת אפקטיבי אל מול הגישה המסורתית של רינדור בצד הלקוח? איך מכניסים את ה RSC לקליינט? מתי לא נצטרך RSC? מה ההבדל בין RSC ו- SSR? האם יש סיכונים אבטחתיים בשימוש עם RSC?הלינקדאין של נדב:
https://www.linkedin.com/in/nadavlebהטוויטר של נדב:
https://x.com/NadavLebלאתר של nSoft:
https://www.nsoftdev.comמוזמנים לצפות ולהאזין לנו בכל הפלטפורמות: YouTube, Spotify, Apple, Google
https://linktr.ee/front_cast-------
אנחנו נהנים מאוד ליצור תוכן איכותי ומקורי עבור קהילת מפתחי הפרונט בישראל.
מוזמנים להראות תמיכה ולעשות לנו לייק, שיתוף ועוקב, כמובן שגם נשמח לשמוע את דעתכם בתגובות למטה 🙏 -
בפרק 19 אדיר קנדל וניר ארגיל מארחים את גל ויצמן, מומחה בעולם האבטחה בווב. הניסיון של גל התחיל עוד מימי הצבא וממשיך גם לזיהוי חולשות אבטחה ומימוש פתרונות שעוזרות בהפחתת ניצולן. נתון מעניין על גל - הוא אחד הבודדים שהצליחו למצוא פירצת אבטחה באפליקציית הווב של Whatsapp.
על מה דיברנו הפעם?
איך גל מצא פרצת אבטחה בוואטסאפ ווב? מה זה Supply chain attack (מתקפת שרשרת אספקה)? למה Iframe יכול ליצור בעיית אבטחה בזמן ריצה? איך Snow js עוזרת להתגונן מפניה? איזה ממלכות יש לנו ב js? מה זה Monkey patch? איך כל זה קשור לקריפטו ובלוק צ׳יין? איך ההתקדמות של פיתוח הווב היא בעוכרינו?הפרק שלנו בנושא אבטחה
יוטיוב - https://youtu.be/O11qMtKU8v
ספוטיפיי - https://open.spotify.com/episode/6eTs0beDocDFQZ8a7yhdTI
הבלוג של גל - https://weizmangal.com
הטוויטר של גל - https://twitter.com/WeizmanGal
עמוד הפרויקט של Snow js - https://github.com/LavaMoat/snow
עמוד הפרויקט של LavaMoat - https://github.com/lavamoat/lavaMoat
עמוד הפרויקט של LavaMoat - https://github.com/LavaMoat/LavaDome
כמה חומרים מעניינים של גל - https://weizmangal.com/content/pdf/The%20same%20origin%20concern.pdf
מוזמנים לצפות ולהאזין לנו בכל הפלטפורמות: YouTube, Spotify, Apple, Google
https://linktr.ee/front_castאנחנו נהנים מאוד ליצור תוכן איכותי ומקורי עבור קהילת מפתחי הפרונט בישראל.
מוזמנים להראות תמיכה ולעשות לנו לייק, שיתוף ועוקב, כמובן שגם נשמח לשמוע את דעתכם בתגובות למטה 🙏 -
בפרק 18 אדיר קנדל וניר ארגיל מארחים את רן בר זיק, האיש בעל מספר הכובעים והיום הוא ארכיטקט בכיר ב CyberArk.
רן עזר לנו לבאר את כל הנושא של תשתיות בפרונט. זה נושא מאוד חשוב שלא תמיד מקבל את מירב התשומת לב למרות שזה יכול להשפיע מאוד על חוויית הפיתוח יומיומית שלנו במקום העבודה.
אז על מה דיברנו הפעם?
מה זה בכלל תשתיות בפרונט? ממתי צריך לחשוב על הכלים התשתיתיים שיכנסו לפרויקט? האם גם מפתח פרילנסר בודד צריך תשתיות? למה תשתית טובה לא תצליח מארכיטקטורה גרועה? מה חשוב לקחת בחשבון כחושבים על תשתיות פרונט? איך AI יכול לעזור לנו במשימה? איך רותמים את כלל הצוותים להשתמש בתשתית שלנו? איך לדעת אם התשתית באמת טובה דרך אחוז שימוש ומטריקות? איל שומרים על חדשנות גם בשתשתיות שלנו?קישורים שימושיים:
הבלוג של רן https://internet-israel.com הטוויטר של רן https://twitter.com/barzik הטלגרם של רן https://t.me/interil ה Teck Radar של טיקל https://www.tikalk.com/radarמוזמנים לצפות ולהאזין לנו בכל הפלטפורמות: YouTube, Spotify, Apple, Google
https://linktr.ee/front_castאנחנו נהנים מאוד ליצור תוכן איכותי ומקורי עבור קהילת מפתחי הפרונט בישראל.
מוזמנים להראות תמיכה ולעשות לנו לייק, שיתוף ועוקב, כמובן שגם נשמח לשמוע את דעתכם בתגובות למטה 🙏 -
בפרק 17 ניר ארגיל ואדיר קנדל מארחים את גיל תייר כדי להבין ביחד מה המחיר שאנחנו שילמנו ועדיין משלמים כדי להקל על חוויית הפיתוח שלנו?
חוויית הפיתוח בפרונט היא לרוב פשוטה, פקודה אחת שמכינה לנו פרויקט שלם עם כלים וקונפיגורציות מורכבות.
העניין הוא שכדי לקבל חוויית פיתוח פשוטה נאלצנו להכניס לא מעט כלים בדרך שאין לנו מושג איך הם עובדים Under the hood ואילו תלויות הם מביאים איתם.
ההבנה הזו למעשה דווקא מכניסה מורכבות להתליכים אחרים, שדרוג גרסאות, CI/CD, עקומות למידה וכו׳.
על מה דיברנו הפעם?
מה גרם לפיתוח פרונט להיות מורכב? האם באמת אפשר לוותר על Build step? מה האלטרנטיבה ל TypeScript? איך משתמשים בסינטקס של JSX רק בקובץ JS רגיל? אם הדפדפנים יודעים לטעון ESMs למה צריך באנדלר לזה? למה רוב האלטרנטיבות עדיין לא בשימוש נרחב? האם אפשר או צריך לוותר על ה״קסמים״ שהכלים שלנו מכניסים?שימוש ב- JSDoc עם TypeScript
https://www.typescriptlang.org/docs/handbook/jsdoc-supported-types.htmlספריית htm - תעזור לכם לכתוב JSX בקובץ JS
https://github.com/developit/htm
שרת can שהופך חבילות CJS ל- ESM
https://esm.sh/
טעינת תלויות עם import maps בדפדפן
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script/type/importmap
מוזמנים לצפות ולהאזין לנו בכל הפלטפורמות: YouTube, Spotify, Apple, Google
https://linktr.ee/front_cast-------
אנחנו נהנים מאוד ליצור תוכן איכותי ומקורי עבור קהילת מפתחי הפרונט בישראל.
מוזמנים להראות תמיכה ולעשות לנו לייק, שיתוף ועוקב, כמובן שגם נשמח לשמוע את דעתכם בתגובות למטה 🙏 -
אין מפתח או מפתחת שלא שאלו את עצמם איך מהפכת ה AI הולכת להשפיע עליהם?
בפרק 16 אדיר וניר מארחים את יואב גן-בר DevRel ב- BuilderIO מי שאחראית על לא מעט פיתוחים מעניינים בעולם הווב, ביניהם פלטפורמת בניית אתרים המשלבת יכולות Gen AI, הפריימוורק Qwik ועוד...
על מה דיברנו הפעם?
מה התפקיד של יואב ב BuilderIO ואילו כלים היא בונה? איך ה AI משפיע על היום-יום של מפתחי פרונט? על v0 שמעתם? הכלי AI של Vercel שעשה לא מעט באזז לאחרונה, מה הוא שווה? Screenshot-to-code - כלי AI שיודע לקבל screenshot ולהוציא ממנו קוד. מה זה Mitosis ואיך זה מתחבר ל BuilderIO? האם AI מסכן את פיתוח הפרונט בקטע של ביצועים, אבטחה וניוון יכולות? תוך כמה זמן ה AI יחליף אותנו אם בכלל?הבלוג של יואב -
https://www.hamatoyogi.dev
הפודקאסט של יואב FedBites -
https://open.spotify.com/show/22QW65J5GAFLUwcAGZDPdT
קהילת Next.js IL שיואב מנהל -
https://www.meetup.com/nextjs-il
לינקים מתוך הפרק:
Screenshot to code Vercel v0 Tldraw make it real Builder.io Visual Copilot Figma plugin Anima Codeium AIמוזמנים לצפות ולהאזין לנו בכל הפלטפורמות: YouTube, Spotify, Apple, Google
https://linktr.ee/front_cast-------
אנחנו נהנים מאוד ליצור תוכן איכותי ומקורי עבור קהילת מפתחי הפרונט בישראל.
מוזמנים להראות תמיכה ולעשות לנו לייק, שיתוף ועוקב, כמובן שגם נשמח לשמוע את דעתכם בתגובות למטה 🙏 -
מפתחי פרונט - כמה פעמים הטיחו בכם שפרונט זה קל?
בתור מפתחי פרונט גם אדיר וניר מבינים שזה נושא רגיש ובדיוק בגלל זה החלטנו לעשות פרק שעונה לכל הציניקנים.
בפרק 15 אירחנו את גיל פינק, אחד ממפתחי הפרונט הבולטים בארץ שכל שנה מגיע גם לבמות בינלאומיות.
לאורך הפרק גיל שיתף אותנו בפרויקטים שהוא בנה בתור מפתח בכיר כחלק מצוותי פיתוח של חברות גדולות.
אז למה גיל מתכוון שהוא אוהב את ה-Hard core architecture frontend development בפרונט?
למה ההעדפה שלו היא העולמות של הפרונט כיום על גבי הבקאנד שעסק בו בעבר?
בפרק דיברנו על יכולות פרונט מתקדמות דרך שליטה על בית באמצעות הweb המאפשר לנו לעשות כמעט כל דבר כמו לשנות צבעי תאורה מנורות חכמות.
למשל על ידי פרוטוקול BLE - Bluetooth Low Energy אשר מאפשר לנו להתחבר למכשירי Bluetooth ולקבל stream של מידע מתוך המכשיר ולעבוד איתו.
גיל סיפר על פרויקט נוסף שבנה - דאשבורד וובי שמאפשר לשלוט על רכב בזמן שהנהג בכלל יושב במשרד.
פרויקט מורכב נוסף היה ממשק פרונט מכונת בית דפוס לחברת HP Indigo, חישוב לא נכון בתזמון של מכונות יכל לגרום לפציעה קשה למי שמתפעל אותן.
ולסיום, איך גיל השתתף במאמץ הלאומי בהתמודדות בקורונה בישראל עם פרויקט שהגיע גם לטלויזיה.
הלינקדאין של גיל:
https://www.linkedin.com/in/gilfink
הטוויטר של גיל:
https://twitter.com/gilfink
הגיטהאב של גיל:
https://github.com/gilf
המדיום של גיל:
https://medium.com/@gilfink
היוטיוב של גיל:
https://www.youtube.com/playlist?list=PLcf96r2Oux7saAsxZBRjtXRoeSn8zqDEj
מוזמנים לצפות ולהאזין לנו בכל הפלטפורמות: YouTube, Spotify, Apple, Google
https://linktr.ee/front_castאנחנו נהנים מאוד ליצור תוכן איכותי ומקורי עבור קהילת מפתחי הפרונט בישראל.
מוזמנים להראות תמיכה ולעשות לנו לייק, שיתוף ועוקב, כמובן שגם נשמח לשמוע את דעתכם בתגובות למטה 🙏 -
בפרק 14 אדיר קנדל וניר ארגיל מארחים את דן שפיר כדי לפרק את תחום הביצועים בווב לגורמים. המטרה - להבין על מה צריך להסתכל כשמודדים ביצועים באתר ולמה?
דן הוא מומחה בינלואמי בתחום הביצועים בווב, מנחה בפודקאסט JS Jabber ומומחה מוזמן מטעם W3C בתחום הביצועים.
הנה השאלות שענינו עליהן בפרק:
איך התחלת את מסע הווב שלך? איך הגעת ל Wix? ומה עשית שם? למה לגוגל חשוב לשמר את עולם הווב? איך גוגל מודדת ביצועים לאתרים? ועל מה זה משפיע? אילו כלים עוזרים לי למדוד ביצועים בזמן אמת? מה זה LCP? מה זה CLS? מה זה FID? איזה מדד הולך להחליף את FID? עד כמה הפריימוורקים המודרנים משפיעים על המדדים? איך תהליך ה Hydration באפליקציות ווב יוצר בעיית ביצועים? איך עולם הביצועים מתחבר לטכניקות הרינדור השונות (SSR, SSG, ISR)? איך שימוש ב CDN עוזר לנו עם ביצועים? האם אנימציות משפיעות על המדדים?🌐 קישורים רלוונטים
פרופיל הטוויטר של דן שפיר: https://twitter.com/DanShappir
ההרצאות של דן בערוץ של אדיר
Chrome Dev Tools deep-dive: https://www.youtube.com/watch?v=j1QOM6QJ3_U Chrome Dev Tools deep dive part 2: Performance: https://www.youtube.com/watch?v=pARNZHWwongPageSpeed Insights: https://pagespeed.web.dev
מוזמנים לצפות ולהאזין לנו בכל הפלטפורמות: YouTube, Spotify, Apple, Googlehttps://linktr.ee/front_cast---אנחנו נהנים מאוד ליצור תוכן איכותי ומקורי עבור קהילת מפתחי הפרונט בישראל.מוזמנים להראות תמיכה ולעשות לנו לייק, שיתוף ועוקב, כמובן שגם נשמח לשמוע את דעתכם בתגובות למטה 🙏
-
ניר ארגיל ואדיר קנדל מארחים את אביתר אלוש כדי לחקור לעומק את כל נושא ה Form validations. אביתר הוא מרצה בין לאומי ויוצר ספריות קוד פתוח באופן תדיר. הספרייה שהשקיע בה את רוב מרצו נקראת Vest.js שמטרתה לעזור לנו להכניס ולידציות לטפסים שלנו בצורה חלקה.
הצטרפו אלינו לפרק מרתק שבו נצלול לפרקטיקות של אימות טפסים.
הנה כמה שאלות שניסינו לענות עליהן
מה הוביל לכתיבה של Vest? איך ואיפה אפשר להשתמש ב Vest? למה צריך אימות לטפסים? מה התכונות מפתח של Vest? כמה קשה יהיה להטמיע את Vest בפרויקט ללא ספרייה ייעודית לאימות טפסים? בפרויקט שכבר יש לו ספרייה לאימות טפסים? איך Vest פותרת את הנושא בשונה מ Zod? מה מחכה לנו בהמשך הדרך ל Vest? אילו עוד ספריות יצרת? איך מתבצע ניהול הספריות ב npm?קישורים
העמוד הראשי של Vest.js:
https://vestjs.dev
האתר האישי של אביתר:
https://ealush.com
הטוויטר של אביתר:
https://twitter.com/evyataral
מוזמנים לצפות ולהאזין לנו בכל הפלטפורמות: YouTube, Spotify, Apple, Google:
https://linktr.ee/front_cast
-------
אנחנו נהנים מאוד ליצור תוכן איכותי ומקורי עבור קהילת מפתחי הפרונט בישראל. מוזמנים להראות תמיכה ולעשות לנו לייק, שיתוף ועוקב, כמובן שגם נשמח לשמוע את דעתכם בתגובות למטה 🙏
-
אדיר קנדל וניר ארגיל מארחים את אסף שוחט כדי לדבר על נגישות ואיך עושים את זה נכון.
לצערנו נגישות היא עדיין לא בראש סדר העדיפויות כשניגשים לבניית פרויקט חדש. הרבה פעמים ״מה שרואים זה לא מה ששומעים״ כשזה מגיע לקוראי מסך וניווט ללא עכבר. כיום יש אוכלוסיה גדולה של אנשים שאינה יכולה להשתמש בדפדפן בצורה הסטנדרטית ולכן אנו מאמינים שהפרק הזה הוא חובה לכל מי שמפתח בווב, צפייה מהנה 🙏
על מה דברנו הפעם?
מי צריך נגישות? רמז - לא רק נכים. איך נגישות יכולה להציל חיים? מה ההנחיות ליצירת אתר נגיש? ומי מחליט על התקינה? למה חשוב לשמור על סמנטיקה ב HTML ולא לנצל לרעה את הגמישות שלו? עברנו על חלק מה ARIA attributes. איך לאפיין נגישות, מאילו חלקים נתחיל להנגיש? למה חוסר בנגישות יכול להזיק לעסק שלך? איך מתחילים להנגיש את האתר שלנו? אילו כלים יכולים לעזור לנו במטלת ההנגשה? של מי האחריות בצוות להוציא פיצ׳ר או אתר נגיש?מוזמנים לצפות ולהאזין לנו בכל הפלטפורמות: YouTube, Spotify, Apple, Google
https://linktr.ee/front_cast
-------
אנחנו נהנים מאוד ליצור תוכן איכותי ומקורי עבור קהילת מפתחי הפרונט בישראל.
מוזמנים להראות תמיכה ולעשות לנו לייק, שיתוף ועוקב, כמובן שגם נשמח לשמוע את דעתכם בתגובות למטה 🙏
-
בפרק 11 ניר ארגיל ואדיר קנדל מאחים את טל-לי ברק - שגרירת Playwright, הכלי הכי נפוץ כיום ל UI Tests.
על מה דיברנו הפעם?
- מה ההבדל בין בדיקת קומפוננטות ספציפיות לדפים שלמים?
- איך לשלב בדיקות קומפוננטות עם Playwright & Storybook?
- איך לשפר את זמני הריצה של הבדיקות ה UI שלנו?
- מה זה UI Tests ואיך זה שונה מ e2e tests ו Unit tests?
- מה זה Visual Regression Testing?
- מה זה Flakiness בבדיקות UI?
- במה Playwright שונה משאר הפתרונות הקיימים?
#Playwright #UITesting #Storybook
לפרופיל הלינקדאין של טל-לי
https://www.linkedin.com/in/tallybarak/
מוזמנים לצפות ולהאזין לנו בכל הפלטפורמות: YouTube, Spotify, Apple, Google
https://linktr.ee/front_cast
-------
אנחנו נהנים מאוד ליצור תוכן איכותי ומקורי עבור קהילת מפתחי הפרונט בישראל. מוזמנים להראות תמיכה ולעשות לנו לייק, שיתוף ועוקב, כמובן שגם נשמח לשמוע את דעתכם בתגובות למטה 🙏
-
פרק 10 של Front Cast כבר כאן ואיתו אורח מאוד מעניין.
הפעם ניר ארגיל ואדיר קנדל מארחים את יונתן קרא, אחד מהמרצים המעולים בקהילת הפיתוח הישראלית ובפרט אחד שאוהב ומעמיק בבדיקות תוכנה.
יונתן אפילו פיתח מתודולוגיות שקרא לה: Scientific Programming, בעצם להחיל את השיטה המדעית על התכנות שלנו - איך לדעת שקוד הוא ״נכון״?
הצטרפו לפרק שיעשה לכם סדר בראש בכל עולם הטסטים.
על מה דיברנו הפעם?
- איך הפכת לתומך נלהב של בדיקות?
- מה זה בכלל בדיקות יחידה (Unit tests)?
- מתי ולמה צריך אותם?
- מה זה Mocks, איך ומתי משתמשים בהם?
- איזה ספריות מומלצות?
- איך מתחילים לשלב את זה ביום יום?
הבלוג של יונתן:
https://yonatankra.com
מוזמנים לצפות ולהאזין לנו בכל הפלטפורמות: YouTube, Spotify, Apple, Google
https://linktr.ee/front_cast
-------
אנחנו נהנים מאוד ליצור תוכן איכותי ומקורי עבור קהילת מפתחי הפרונט בישראל.
מוזמנים להראות תמיכה ולעשות לנו לייק, שיתוף ועוקב, כמובן שגם נשמח לשמוע את דעתכם בתגובות למטה 🙏
#UnitTests #TDD #FrontEnd
-
בפרק ה9 של Front Cast ניר ארגיל ואדיר קנדל מארחים את אשפית ה #TypeScript הישראלית - אריאל שולמן.
בשיחה שלנו התחלנו בלהבין קודם כל מה זה הכלי הזה שכולם משתמשים בו כבסיס לכל פרויקט מודרני כמעט. למרות הפופולריות שלו, עדיין לא באמת מבינים איך TypeScript עובד ולמה הוא נוצר.
בהמשך מנינו גם כמה דעות לבעד ונגד השימוש בטייפסקריפט וגם כמובן, מה ההאלטרנטיבות למי שלא רוצה להשתמש ב TS.
ֿלבסוף הזכרנו גם כמה כלים, טיפים ותכנים שימושיים כדי שכולנו נוכל לשפר את העבודה שלנו עם TypeScript.
לפרופיל הלינקדאין של אריאל:https://www.linkedin.com/in/ariel-shulman/
תכנים שהזכרנו בפרק:ההרצאה של אריאל בNodeTLVhttps://www.youtube.com/watch?v=1Rdip_ju458
Zodhttps://zod.dev
SWC-Speed Web Compilerhttps://swc.rs
Mat Pocock - @mattpocockuk https://www.mattpocock.com
מוזמנים לצפות ולהאזין לנו בכל הפלטפורמות: YouTube, Spotify, Apple, Google
https://linktr.ee/front_cast
-------
אנחנו נהנים מאוד ליצור תוכן איכותי ומקורי עבור קהילת מפתחי הפרונט בישראל.
מוזמנים להראות תמיכה ולעשות לנו לייק, שיתוף ועוקב, כמובן שגם נשמח לשמוע את דעתכם בתגובות למטה 🙏
-
בפרק השמיני של Front Cast אדיר קנדל וניר ארגיל יושבים לשיחה צפופה עם אחת הדמויות המוכרות בקהילת ה #Angular הישראלית, אלירן אליאסי, כדי לספר לכם על כל מה שמעניין באנגולר.
חלק מהדברים שדברנו עליהם:
⬅️ כיצד אנגולר מבדילה את עצמה ומדוע על מפתחים לשקול לעבוד איתה?⬅️ מהם השינויים והשיפורים הבולטים שהוצגו בגרסאות האחרונות?
⬅️ כיצד אנגולר משפרת ועובדת על אופטימיזציית הביצועים?
⬅️ איפה אנגולר פחות מצטיינת?
⬅️ איך אנגולר מטפלת ועובדת בנושא ניהול הסטייט?
⬅️ כיום לכל ספריה יש פתרון SSR/SSG, מה הפתרון של אנגולר?
⬅️ האם יש פיצ׳רים או פיתוחים לאנגולר שמפתחים הולכים להתלהב מהם?לפרופיל הלינקדאין של אלירן:
https://www.linkedin.com/in/eliran-elsקהילת המיטאפים Angular-TLV:
https://www.meetup.com/angular-tlvמוזמנים לצפות ולהאזין לנו בכל הפלטפורמות: YouTube, Spotify, Apple, Google
https://linktr.ee/front_cast-------
אנחנו נהנים מאוד ליצור תוכן איכותי ומקורי עבור קהילת מפתחי הפרונט בישראל.
מוזמנים להראות תמיכה ולעשות לנו לייק, שיתוף ועוקב, כמובן שגם נשמח לשמוע את דעתכם בתגובות למטה - Visa fler
