Front Cast אדיר קנדל וניר ארגיל
-
- Technology
בפודקאסט, ניר ארגיל ואדיר קנדל מדברים על מגוון נושאים בעולם פיתוח הפרונט שמשתנה ומתפתח כל יום.
נעסוק בפריימוורקים וכלים שכל מפתח או מפתחת פרונט משתמשים בהם או כאלה שכדאי להתחיל ולהשתמש בהם,
נרחיב על כללים וטכניקות עבודה של מפתחי פרונט, פיצ׳רים ועדכונים ב JavaScript, CSS והדפדפנים השונים.
בנוסף, מארחים אנשים מעניינים ומומחים מעולם הפרונט.
-
פרק #19 | אבטחה בזמן אמת עם גל ויצמן
בפרק 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, Googlehttps://linktr.ee/front_cast
אנחנו נהנים מאוד ליצור תוכן איכותי ומקורי עבור קהילת מפתחי הפרונט בישראל.
מוזמנים להראות תמיכה ולעשות לנו לייק, שיתוף ועוקב, כמובן שגם נשמח לשמוע את דעתכם בתגובות למטה 🙏 -
פרק #18 | איך בונים תשתית פרונט חזקה? עם רן בר זיק
בפרק 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, Googlehttps://linktr.ee/front_cast
אנחנו נהנים מאוד ליצור תוכן איכותי ומקורי עבור קהילת מפתחי הפרונט בישראל.
מוזמנים להראות תמיכה ולעשות לנו לייק, שיתוף ועוקב, כמובן שגם נשמח לשמוע את דעתכם בתגובות למטה 🙏 -
פרק #17 | למה פיתוח פרונט הפך למורכב? ואיך משנים את זה? עם גיל תייר
בפרק 17 ניר ארגיל ואדיר קנדל מארחים את גיל תייר כדי להבין ביחד מה המחיר שאנחנו שילמנו ועדיין משלמים כדי להקל על חוויית הפיתוח שלנו?
חוויית הפיתוח בפרונט היא לרוב פשוטה, פקודה אחת שמכינה לנו פרויקט שלם עם כלים וקונפיגורציות מורכבות.
העניין הוא שכדי לקבל חוויית פיתוח פשוטה נאלצנו להכניס לא מעט כלים בדרך שאין לנו מושג איך הם עובדים Under the hood ואילו תלויות הם מביאים איתם.
ההבנה הזו למעשה דווקא מכניסה מורכבות להתליכים אחרים, שדרוג גרסאות, CI/CD, עקומות למידה וכו׳.
על מה דיברנו הפעם?
מה גרם לפיתוח פרונט להיות מורכב?
האם באמת אפשר לוותר על Build step?
מה האלטרנטיבה ל TypeScript?
איך משתמשים בסינטקס של JSX רק בקובץ JS רגיל?
אם הדפדפנים יודעים לטעון ESMs למה צריך באנדלר לזה?
למה רוב האלטרנטיבות עדיין לא בשימוש נרחב?
האם אפשר או צריך לוותר על ה״קסמים״ שהכלים שלנו מכניסים?
שימוש ב- JSDoc עם TypeScripthttps://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, Googlehttps://linktr.ee/front_cast
-------
אנחנו נהנים מאוד ליצור תוכן איכותי ומקורי עבור קהילת מפתחי הפרונט בישראל.מוזמנים להראות תמיכה ולעשות לנו לייק, שיתוף ועוקב, כמובן שגם נשמח לשמוע את דעתכם בתגובות למטה 🙏 -
פרק #16 | כשפרונט ו- AI נפגשים עם יואב גן-בר
אין מפתח או מפתחת שלא שאלו את עצמם איך מהפכת ה 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, Googlehttps://linktr.ee/front_cast
-------
אנחנו נהנים מאוד ליצור תוכן איכותי ומקורי עבור קהילת מפתחי הפרונט בישראל.מוזמנים להראות תמיכה ולעשות לנו לייק, שיתוף ועוקב, כמובן שגם נשמח לשמוע את דעתכם בתגובות למטה 🙏 -
פרק #15 - פרונט זה קל! האומנם? עם גיל פינק
מפתחי פרונט - כמה פעמים הטיחו בכם שפרונט זה קל?
בתור מפתחי פרונט גם אדיר וניר מבינים שזה נושא רגיש ובדיוק בגלל זה החלטנו לעשות פרק שעונה לכל הציניקנים.
בפרק 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, Googlehttps://linktr.ee/front_cast
אנחנו נהנים מאוד ליצור תוכן איכותי ומקורי עבור קהילת מפתחי הפרונט בישראל.
מוזמנים להראות תמיכה ולעשות לנו לייק, שיתוף ועוקב, כמובן שגם נשמח לשמוע את דעתכם בתגובות למטה 🙏 -
פרק #14 | איך להשיג ביצועים טובים יותר? עם דן שפיר
בפרק 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=pARNZHWwong
PageSpeed Insights: https://pagespeed.web.dev
מוזמנים לצפות ולהאזין לנו בכל הפלטפורמות: YouTube, Spotify, Apple, Google
https://linktr.ee/front_cast
---
אנחנו נהנים מאוד ליצור תוכן איכותי ומקורי עבור קהילת מפתחי הפרונט בישראל.
מוזמנים להראות תמיכה ולעשות לנו לייק, שיתוף ועוקב, כמובן שגם נשמח לשמוע את דעתכם בתגובות למטה 🙏