- Видео 32
- Просмотров 8 770
FEDs - Frontend community
Израиль
Добавлен 6 авг 2023
ערוץ היוטיוב של FEDs - קהילת מפתחי הפרונט ו Front Cast - הפודקאסט של מפתחי הפרונט בישראל.
פרק #28 | מסע אחר אוצרות חבויים בדפדפן עם ינאי אדרי
בפרק הזה של Front Cast אנחנו חושפים את ה"אבנים הנסתרות" של עולם הווב - APIs ייחודיים ומלהיבים שיכולים לשנות את הדרך בה אנחנו יוצרים, עובדים ומתחברים טכנולוגית. מצטרף אלינו ינאי אדרי, מתכנת ותיק, פרמדיק בהכשרה, ואחד מהמייסדים של קהילה Negev Web Developers, לשיחה על הכוח שב-APIs שייתכן ולא ידעתם שקיימים.
אז על מה דיברנו...
Web Share API: מאפשר שיתוף תוכן (טקסט, קישורים וקבצים) מיישומי ווב באמצעות ממשק שיתוף מקומי של המכשיר.
Web Speech API: מאפשר זיהוי דיבור (Speech Recognition) והפיכת טקסט לדיבור (Text-to-Speech) באפליקציות ווב.
Metadata API: מספק גישה למידע מטא-דאטה של מסמכים או רכיבים כמו קבצים, תמונות או תוכן מדיה.
Web OTP API: מאפשר קריאה אוטומטית של קודים חד-פעמיים (OTP) שהתקבלו באמצעות SMS...
אז על מה דיברנו...
Web Share API: מאפשר שיתוף תוכן (טקסט, קישורים וקבצים) מיישומי ווב באמצעות ממשק שיתוף מקומי של המכשיר.
Web Speech API: מאפשר זיהוי דיבור (Speech Recognition) והפיכת טקסט לדיבור (Text-to-Speech) באפליקציות ווב.
Metadata API: מספק גישה למידע מטא-דאטה של מסמכים או רכיבים כמו קבצים, תמונות או תוכן מדיה.
Web OTP API: מאפשר קריאה אוטומטית של קודים חד-פעמיים (OTP) שהתקבלו באמצעות SMS...
Просмотров: 112
Видео
פרק #27 | איך לבחור טכניקת רינדור? עם צח בונפיל
Просмотров 359Месяц назад
בפרק הזה ניר ארגיל ואדיר קנדל צוללים לעומק כל מה שצריך לדעת על טכניקות רינדור - מתי לבחור ב-CSR, למה SSR כל כך פופולרי, ומה זה בעצם ISR? צח בונפיל מצטרף אלינו ומדבר על האתגרים, היתרונות והחסרונות של כל טכניקה, וגם משתף אותנו בחוויות שלו כמוביל פיתוח בצוות פלטפורם ב AutoDesk. על מה דיברנו: - איך צח בוחר טכנולוגיות חדשות לפיתוח בצוות? - ההבדל בין CSR, SSR, SSG ו-ISR - מתי כל טכניקה מתאימה ולמה? -...
פרק #26 | איך זה לעבור מ React ל Vue? עם טל מוסקוביץ'
Просмотров 2072 месяца назад
הפעם דיברנו על React ו-Vue - בין הפריימוורקים הפופולריים ביותר לפיתוח פרונט, אבל איך בוחרים ביניהם? טל מוסקוביץ' מצטרף לאדיר קנדל וניר ארגיל לשיחה מעמיקה על היתרונות והחסרונות של כל אחד. לקראת הסוף, טל מפתיע אותנו עם הבחירה שלו לפרויקט הבא. על מה דיברנו הפעם? - למה טל בחר להתחיל את הקריירה עם ריאקט? - היתרון של React כספרייה פשוטה לבנייה, לעומת Vue עם קומפיילר מובנה. - איך ריאקט מספקת יותר גמיש...
ניר קאופמן - Moo-ving Data: The COW's Guide to Structural Sharing
Просмотров 2412 месяца назад
מוזמנים לצפות ולהאזין לנו בכל הפלטפורמות: RUclips, Spotify, Apple, Google linktr.ee/front_cast אנחנו נהנים מאוד ליצור תוכן איכותי ומקורי עבור קהילת מפתחי הפרונט בישראל. מוזמנים להראות תמיכה ולעשות לנו לייק, שיתוף ועוקב, כמובן שגם נשמח לשמוע את דעתכם בתגובות למטה 🙏
מיקי שטנגר - Dynamic Object Evaluation in Runtime using Proxy API
Просмотров 1022 месяца назад
מוזמנים לצפות ולהאזין לנו בכל הפלטפורמות: RUclips, Spotify, Apple, Google linktr.ee/front_cast אנחנו נהנים מאוד ליצור תוכן איכותי ומקורי עבור קהילת מפתחי הפרונט בישראל. מוזמנים להראות תמיכה ולעשות לנו לייק, שיתוף ועוקב, כמובן שגם נשמח לשמוע את דעתכם בתגובות למטה 🙏
אדיר קנדל - Blind Spots in XSS Mitigation
Просмотров 1212 месяца назад
מוזמנים לצפות ולהאזין לנו בכל הפלטפורמות: RUclips, Spotify, Apple, Google linktr.ee/front_cast אנחנו נהנים מאוד ליצור תוכן איכותי ומקורי עבור קהילת מפתחי הפרונט בישראל. מוזמנים להראות תמיכה ולעשות לנו לייק, שיתוף ועוקב, כמובן שגם נשמח לשמוע את דעתכם בתגובות למטה 🙏
פרק #25 | Behavior Testing עם מתן בורנקראוט
Просмотров 1353 месяца назад
בפרק 25, אדיר קנדל וניר ארגיל מארחים את מתן בורנקראוט, מפתח בכיר במיקרוסופט ואחד המתחזקים של React Testing Library, לשיחה על אחד מהנושאים הקריטיים ביותר בעולם הפיתוח בכלל ובפיתוח פרונט בפרט - בדיקות תוכנה. הפעם נדון ב-Behavior Testing. יש כאלו שחושבים שבדיקות הן הכרחיות, ואחרים רואים בהן מותרות. השאלה היא - איפה אתם תמצאו את עצמכם אחרי שתקשיבו לפרק הזה? הצטרפו אלינו לפרק שכולו בדיקות תוכנה. על ...
פרק #24 | החל מפוקימון ועד State Management עם ניר פריזיאן
Просмотров 2034 месяца назад
מי אמר שניהול סטייט זה דבר מורכב? האמת שכמעט כולם 🙂. לכן, בפרק 24 ניר ארגיל ואדיר קנדל מארחים את ניר פריניאן לשיחה צפופה על כל הנושא החשוב הזה. על מה דיברנו הפעם? - מה זה State Management? - איך המטא פריימוורקים עוזרים לנו בניהול הסטייט? - אילו סוגיי סטייט יש לנו? - איך זה מתחבר לדיזיין פאטרן של Observable? - אילו כלים יש לנו לדיבור הסטייטים שלנו? - מה זה State machine? קוד קופון לכנס Angular ...
פרק #23 | מה הסיפור של StoryBook? עם זיו ארליכסון
Просмотров 1555 месяцев назад
בפרק 23 אדיר קנדל וניר ארגיל מארחים את זיו ארליכסון כדי לדבר על אחד הכלים המעניינים שקיים בפיתוח פרונט. יש כאלה שחושבים שהוא שינה להם את הפיתוח לנצח וכאלה שחושבים שהוא מיותר, השאלה באיזה צד אתם תהיו אחרי הפרק? הצטרפו אלינו לפרק שכולו StoryBook. על מה דיברנו הפעם? - מה זה סטוריבוק ולמה הוא נועד? - מאיזה צורך ואתגרים הגיע הפתרון לסטוריבוק? - מי משתמש בכלי הזה ואיך? - מה ה flow של פיתוח קומפוננטה ...
פרק #22 | פיתוח מובייל עם Flutter עם סהר ונונו
Просмотров 2116 месяцев назад
בפרק 22 ניר ארגיל ואדיר קנדל מארחים את סהר ונונו לשיחה צפופה על כל מה שקשור בפיתוח מובייל בכלל ופלאטר בפרט. הפעם הפרק נולד מדרישה שעלתה מתוך הקהילה שלנו א מקווים שתהנו ממנו בדיוק כמונו. על מה דיברנו הפעם? - מה הקשר בין פיתוח מובייל לפרונט? - מה חשוב לדעת למי שנכנס לפיתוח מובייל? - אילו טכנולוגיות יש לפיתוח מובייל? - איך לבחור בין פיתוח נייטיב לפלאטר או ריאקט נייטיב? - איך פלאטר התחילה? - איך אפ...
פרק #21 | יציבות בסקייל גדול עם גלעד שהם
Просмотров 1116 месяцев назад
לא כל יום יוצא לנו לעבוד על פרויקטים בסקייל גדול - קוד בייס גדול, כמה צוותי פיתוח שצריכים לעבוד בסינרגיה וכו׳. בפרק 21 ניר ארגיל ואדיר קנדל מארחים את גלעד שהם שיעזור לנו להבין איך נכון לעשות את זה? ואיך Bit עוזרת במשימה המורכבת הזו? על מה דיברנו הפעם? - למה חשוב לשמור בכלל על יציבות בפרויקט גדול? - מתי נכון להתחיל תכנון לפרויקט בביג סקייל? - מה אפשר לעשות כדי להבטיח יציבות בסקייל? - האם מיקרו פ...
פרק #20 | הכל על React Server Components עם נדב ליבוביץ׳
Просмотров 2427 месяцев назад
נחשפנו ל React Server Components לראשונה בגירסא 19 של ריאקט. הרעיון הוא לתת אפשרות ליצור קומפוננטה שמתרנדרת בשרת ונשלחת לקליינט בצורה אסינכרונית, כך שה UI לא נתקע ויכול לבצע כמה קריאות במקביל ומצד שני אנו יכולים להשתמש ישירות במידע שנמצא בשרת ללא צורך לבצע בקשות API בצד הלקוח. בפרק 20 אדיר קנדל וניר ארגיל מאחרים את נדב ליבוביץ׳ כדי לדבר על הרעיון פורץ הדרך הזה. על מה דיברנו הפעם? - מה זה RSC ומ...
פרק #19 | אבטחה בזמן אמת עם גל ויצמן
Просмотров 1817 месяцев назад
בפרק 19 אדיר קנדל וניר ארגיל מארחים את גל ויצמן, מומחה בעולם האבטחה בווב. הניסיון של גל התחיל עוד מימי הצבא וממשיך גם לזיהוי חולשות אבטחה ומימוש פתרונות שעוזרות בהפחתת ניצולן. נתון מעניין על גל - הוא אחד הבודדים שהצליחו למצוא פירצת אבטחה באפליקציית הווב של Whatsapp. על מה דיברנו הפעם? - איך גל מצא פרצת אבטחה בוואטסאפ ווב? - מה זה Supply chain attack(מתקפת שרשרת אספקה)? - למה Iframe יכול ליצור ב...
פרק #18 | איך בונים תשתית פרונט חזקה? עם רן בר זיק
Просмотров 3978 месяцев назад
בפרק 18 אדיר קנדל וניר ארגיל מארחים את רן בר זיק, האיש בעל מספר הכובעים והיום הוא ארכיטקט בכיר ב CyberArk. רן עזר לנו לבאר את כל הנושא של תשתיות בפרונט. זה נושא מאוד חשוב שלא תמיד מקבל את מירב התשומת לב למרות שזה יכול להשפיע מאוד על חוויית הפיתוח יומיומית שלנו במקום העבודה. א על מה דיברנו הפעם? - מה זה בכלל תשתיות בפרונט? - ממתי צריך לחשוב על הכלים התשתיתיים שיכנסו לפרויקט? - האם גם מפתח פרילנס...
פרק #17 - למה פיתוח פרונט הפך למורכב? ואיך משנים את זה? עם גיל תייר
Просмотров 3878 месяцев назад
בפרק 17 ניר ארגיל ואדיר קנדל מארחים את גיל תייר כדי להבין ביחד מה המחיר שאנחנו שילמנו ועדיין משלמים כדי להקל על חוויית הפיתוח שלנו? חוויית הפיתוח בפרונט היא לרוב פשוטה, פקודה אחת שמכינה לנו פרויקט שלם עם כלים וקונפיגורציות מורכבות. העניין הוא שכדי לקבל חוויית פיתוח פשוטה נאלצנו להכניס לא מעט כלים בדרך שאין לנו מושג איך הם עובדים Under the hood ואילו תלויות הם מביאים איתם. ההבנה הזו למעשה דווקא ...
פרק #16 | כשפרונט ו- AI נפגשים עם יואב גן-בר
Просмотров 1248 месяцев назад
פרק #16 | כשפרונט ו- AI נפגשים עם יואב גן-בר
פרק #15 | פרונט זה קל! האומנם? עם גיל פינק
Просмотров 2059 месяцев назад
פרק #15 | פרונט זה קל! האומנם? עם גיל פינק
פרק #14 | איך להשיג ביצועים טובים יותר? עם דן שפיר
Просмотров 3999 месяцев назад
פרק #14 | איך להשיג ביצועים טובים יותר? עם דן שפיר
פרק #13 | ולידציה בטפסים, איך עושים את זה נכון? עם אביתר אלוש
Просмотров 13110 месяцев назад
פרק #13 | ולידציה בטפסים, איך עושים את זה נכון? עם אביתר אלוש
פרק #12 | למה נגישות ולמה עכשיו? עם אסף שוחט אבידע
Просмотров 19910 месяцев назад
פרק #12 | למה נגישות ולמה עכשיו? עם אסף שוחט אבידע
פרק #11 | מ UI Tests לשגרירת Playwright עם טל-לי ברק
Просмотров 19911 месяцев назад
פרק #11 | מ UI Tests לשגרירת Playwright עם טל-לי ברק
פרק #10 | מפצח ה-Unit tests עם יונתן קרא
Просмотров 28811 месяцев назад
פרק #10 | מפצח ה-Unit tests עם יונתן קרא
פרק #9 | כל הדרכים מובילות ל TypeScript עם אריאל שולמן
Просмотров 530Год назад
פרק #9 | כל הדרכים מובילות ל TypeScript עם אריאל שולמן
פרק #8 | הכל על Angular עם אלירן אליאסי
Просмотров 485Год назад
פרק #8 | הכל על Angular עם אלירן אליאסי
פרק #5 | Velocity בפרונט עם דוד מאיר לוי
Просмотров 224Год назад
פרק #5 | Velocity בפרונט עם דוד מאיר לוי
פרק #4 | דיבאגינג בפרונט עם שמעון מויאל
Просмотров 313Год назад
פרק #4 | דיבאגינג בפרונט עם שמעון מויאל
פרק #2 | CSS בפרויקטים גדולים עם אלעד שכטר
Просмотров 445Год назад
פרק #2 | CSS בפרויקטים גדולים עם אלעד שכטר
מטורף
איזה פרק נפלא! כל הקיצורים במקום אחד וממש עושה סדר. למי שמעניין אותו רינדור צד שרת בונילה סקריפט קפה יש לי בלוג פוסט שבו אני מראה איך בונים שרת שמנגיש קומפוננטות חכמות ועושים להם הידרציה ועוד משהו... דיברתם על רינדור ואדיר הזכיר קצת את ה"ברזלים". אז בסוף בסוף יש את הcritical rendering path של רינדור זמן אמת. נושא הפרפורמנס הוא נושא כל כך מעניין ולדעתי צריך להיות מוזכר בכותרת כי נראה לי שהרבה מפספסים את ההקשר הזה
לא יודע איך שמעתי את פודקאסט הזה רק עכשיו. פרק ממש מעולה.
נשמח לפרק על ההבדלים בין angular ל vue. תודה.
VUE זה אחלה!
בגלל שאני מעריץ של ניר, אני מכיר את סוף הסיפור על הופקימון - שחסמו להם את האתר בגלל זכויות יוצרים (מתוך פרק שלו על בלוקציין)
אחלה ניר פריזיאן ותודה על הפודקאסט
תודה היה מעניין. אהבתי את הדיבייט על ריאקט - vue
שמחים שאהבת 🙏
אהבתי מאוד את הפרק, שופך הרבה אור על חלק נכבד מהמושגים שהפכו להיות מאוד פופולרים בקרב כל מפתח שנוגע בnext אני שורה תחתונה מאוד מתחבר לצדדים החיוביים של שימוש בטכנולוגיות מהסוג הזה אבל מצד שני גם הגישה של אדיר נוגעת בנקודה חשובה, אם אני מניח לגישה הזו ולחשיבה על מה יהיה server cmp, ומה יהיה client cmp, אני משוחרר להתעסק נטו בbusiness logic בכל אופן היה מענייו תודה!
איזה כיף, שמחים שמצאת ערך 🙏
אחלה תוכן ... הזמן רץ ממש מהר 🙏🏼
תותח של מרואין.
תודה שמחים שאהבת ❤
וידאו ושיחה מאוד מעניינים, נהניתי לצפות
הפרק הכי מעניין עד היום! אבל מה יהיה עם הווליום הנמוך😢
כל הכבוד דיון מעניין
שמחים שהצלחנו לתת ערך 🙏
הרבה מידע מעניין, תודה על השיתוף
במשך 13 פרקים אני חושב - למה האורח לא יושב באמצע, איפה שניר יושב? הוא מעצם דמות מרכזית בפרק ;)
אין וידאו?
לצערנו היתה תקלה טכנית
וואו! כמה דברים טובים למדתי פה. במיוחד שטסטינג זה משהו שחייב להיות יחד עם המוצר!
שמחים לשמוע, תודה על הפידבק 🙏
וואו! היה ממש מעולה! כמה ידע בשעה אחת!
שמחים לשמוע, תודה רבה 🙏
נהנה מכל רגע ✌️ מתי יוצא back cast? 😄
תודה רבה על הפידבק... אבל באק זה לא אנחנו 😉
מעניין מאוד, אין ספק שזה אחד הפרקים הטובים כיף לשמוע
תודה רבה חבר, שמחים שנהנית
ראיתי עד השניה האחרונה. היה מעולה!
איזה כיף, הצלחנו לחדש משהו?
עשה לי סדר בהרבה דברים. איפה ממוקם react בכל העולם הזה של הפרונט, שתמיד עדיף להתחיל פרוייקט עם next ולא ריאקט רגיל, ההשוואה מול אנגולר ועוד ✌️
הפודקאסט הכי טוב בארץ
תודה רבה, כיף לשמוע 🙏
המון דברים נכונים נאמרו. לפי דעתי react הרסו לנו קצת את השוק (בעיקר מהסיבות שניר הזכיר). עוד לפני 10 פלוס שנים שהבנתי איך עובד ה virtual dom בחרתי לא לשים את הכסף שלי על react. וכמו שניר אמר הם מנסים להיות רלוונטיים גם להיום ואז נולדו דברים כמו hooks וכל ה use. בפועל AOT יעיל יותר ומהיר יותר. לגבי SSR ו next זה עדיין לא זה לפי דעתי. מרנדרים משהו בשרת ואז מרנדרים אותו שוב בצד הלקוח. בנוסף צריך לעשות סנכרון בין מה שרונדר בצד השרת לבין צד הלקוח. אז זה לא באמת יעיל כמו שזה נשמע. אז מה העתיד? streaming! כמו ב video streaming יש יכולות בסיסית לעשות pause and resume אותו דבר ב js streaming. תארו עולם שאתה מקבל את הקוד של ה JS באמת רק ברגע שאתה צריך אותו ולא מחכה לכל ה JS יהיה מוכן לפני שהדף יהיה תגובתי. זה בדיוק js streaming וגם אנגולר מכוונים לשם עכשיו.
תודה רבה על התגובה המעשירה
בהחלט מעניין. אני בחרתי בריאקט לפני 3+ שנים בגלל שפייסבוק ומיקרוסופט (כל האופיס שוכתב לריאקט) בחרו בה ורציתי טכנולוגיה שתחיה כמה שנים ותיתמך. נדמה לי שכלל לא עלה בשיחה. רק נקסט וורסל. איפה פייסבוק ומיקרוסופט היום ביחס לריאקט?
פייסבוק יצרה ועדיין מתחזקת את ריאקט כך שהיא עדיין לקוחה של ריאקט. לגבי מייקרוסופט, לא ידוע לנו.
ראשון 😅
חבל על הזמן של פודקאסט 💪💪
שמח שאהבת 🙏
שמחים לשמוע, תודה רבה 🙏
❤
💚
תוכן זהב! בייחוד האינסייטס של מפתח בוגר. שמעון מצליח לזקק את הניסיון שלו לכמה עקרונות שאפשר לקחת הביתה (או לעבודה :) ). תודה!
תודה רבה על הפידבק ושמחים שנהנית מהתוכן 🙏
אחלה אלעד שכטר! תמיד מעניין הערה על שימוש בלעדי בקלאסים, זה כמובן מאוד תלוי שימוש וסיטואציה, אבל אני חושב שאפשר וגם יכול להיות אחלה להשתמש בתגיות בשביל סלקטורים. לדוגמה יש card שבתוכו יש תמונה, קישור, וטקסט. התגיות האלו כנראה לא ישתנו, ואם כן, כדאי יהיה לשנות את העיצוב שלהם. לכן מבחינתי אני אטרגט אותם ככה: .card img .card p וכו׳ וכו׳ מה גם, ששימוש סמנטי בתגיות ראוי שישתקף בעיצוב, כלומר, לעשות לינק בעיצוב של כפתור זה לא הכי "weby" לעשות. זה יותר מתאים לעולם האפליקציות בנוסף, יוצא לי הרבה לטרגט לפי attributes, הדוגמה הקלאסית, להוסיף לכל תגית a שמפנה לדף חיצוני, את האייקון של החוצה, ולדפים פנימיים את האייקון של שרשרת (קישור) שמרארה ללקוח אם הקישור ייקח אותו החוצה a[target="_blank"] וכו׳
מעניין מאוד! תודה רבה🙏
שמחי שאהבת 🙏
אלון אלוש היה פה
שמחים שנכחת 😉