FED Cast IL

פודקאסט שלא תרצו לפספס!
תארו לכם שאתם מפתחים כלי שיכול לא רק להאיץ תהליכים, אלא גם למנוע טעויות, לשמור על אחידות בקוד ולשדרג את כל הצוות שלכם. לא משנה אם אתם ב-Angular, Vue, React או כל פריימוורק אחר. נשמע כמו חלום, נכון?

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

עומרי תפס אותי עם הסיפור שלו על איך ב-Outbrain הם פיתחו Schematics שיודעים לזהות שימוש ב-deprecated functions ולעשות רפקטור אוטומטי בקוד - בלי כאבי ראש למפתחים.

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

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

למה להקשיב אתם שואלים?
כי זה לא רק על Angular, זה על איך להפוך את העבודה שלכם ליותר מסודרת, יעילה ומהנה בכל פרויקט פרונט שאתם עובדים עליו.

ספרו בתגובות איזה כלי או תהליך שינה לכם את העבודה בצוות? 👇
https://linktr.ee/front_cast

סוף סוף הוא כאן ועוד לכבוד השנה החדשה 🍏 🍯 פרק 3 של Front Cast!!!

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

כן כן, אבטחה זה לא רק לבאק!

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

חלק מהבעיה היא שהכלים והפריימוורקים עושים את העבודה בשבילנו ואנחנו אפילו לא יודעים על כך, מה שפשוט מרחיק אותנו מההבנה של הנושא הכל כך חשוב הזה!

בפרק דיברנו על לא מעט נושאים כמו: XSS, CSRF, CSP, CORS ועוד ועוד ועוד…

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

רוצים לדעת איפה אפשר למצוא אותנו? כזו ללינק הבא
https://linktr.ee/front_cast

עד לפני שהכרתי את Gil Steiner לא באמת עניין אותי Web Audio API.

חייב להגיד שהמאמר שלו עשה לי הרבה שכל וגם קצת הוריד לי את הפוביה מה API המסובך הזה.

מזמין אתכם למאמר חדש ומקורי בשפת הקודש בבלוג של FED Cast.
ובלי קשר ידוע שמאמרים של גיל אסור לפספס!

ניהול, עריכה ויצירת צלילים בווב - Fed Cast - קהילת מפתחי הפרונט בישראל Fed Cast - קהילת מפתחי הפרונט בישראל - מאמר המפשט את הניהול, עריכה והיצירה של צלילים בעזרת Web Audio API בצירוף דוגמאות.

מאמר מפורט על 5 דרכים לשיפור זמן הטעינה שתוכלו ליישם כבר עכשיו.

מקווים שתהנו ממנו 🙏
וכמובן שנשמח לפידבקים 🙂

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

בטח רובכם שמעתם על הרכישה של , הפריימוורק הפופולרי של React, שנרכש ע״י Shopify.

למה זה מעניין אתכם?

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

רוצים לשמוע יותר על Remix?

כנסו למאמר של Nir Parisian בבלוג של FED Cast בו הוא מדבר על הפילוסופיה שלה ולמה הוא חושב שהיא תשלוט באקו-סיסטם של ריאקט.

הפילוסופיה של Remix - Fed Cast - קהילת מפתחי הפרונט בישראל Fed Cast - קהילת מפתחי הפרונט בישראל - מה מסתתר מאחורי הפילוסופיה של Remix? בוא ללמוד על הפריימוורק שתפס תאוצה כל כך מהר בעולם של React.

📣 טכנולוגיות וחדשות שאהבנו בFedCast;

⬅️ הכירו את Turbopack;
מהיוצרים של Webpack,

באנדלר אופטימלי ל-JavaScript ו-TypeScript, כתוב בRust.
מהיר פי 10 מ Vite ופי 700 (!!!) מWebpack.
יש הטוענים שזהו היורש של webpack;
https://vercel.com/blog/turbopack

⬅️ תהליכי מיגרציה בVue3,
מ OptionsAPI ל CompositionAPI;
https://levelup.gitconnected.com/vuejs-3-migrating-from-options-to-composition-api-e8a765e57b8d

⬅️ שוחררה גרסה 13 של NextJS;
https://nextjs.org/blog/next-13

⬅️ תהליכי כתיבת Unit Tests הם חלק חשוב בפיתוח בפרויקט בין היתר
לחקר פונקציונליות,
מניעת רגרסיה וחזרת באגים כאשר אנחנו כותבים קוד חדש
ואף בדיקות וחיפוש חולשות אבטחה באפליקציה.
אז איך אתם כותבים Unit Tests אצלכם?
https://snyk.io/blog/how-to-write-unit-test-in-javascript/

⬅️ עשרת ההרחבות המובילות והפופולריות לVSCode למפתחי אנגולר;
https://medium.com/yavar/top-10-vscode-extensions-for-angular-developers-c50d1d842896

⬅️ בין מגוון העיסוקים של Google Core Team,
הם מדברים על בניית Web טוב יותר,
לאחרונה הם עשו שת"פ עם YouTube וכתבו איך YouTube בנו Web Experience מהיר יותר
וכתוצאה מההשקעה בנושא,
שיפור משמעותי בעשרות אחוזים.
https://web.dev/better-youtube-web-part1/

⬅️ לסיום,
המדריך המורחב והגרסה העדכנית לCSS Flexbox;
https://www.freecodecamp.org/news/css-flexbox-complete-guide/

אהבתם?
שתפו והצטרפו לFedCast;
קהילת פרונט ישראלית.
⬇️ ⬇️ ⬇️
ערוץ הטלגרם: https://t.me/FedCastIL
פייסבוק: https://facebook.com/groups/fedcastil

Introducing Turbopack: Rust-based successor to Webpack – Vercel Introducing Turbopack, the Rust-based successor to Webpack.

מאמר וסרטון חדש של Nir Parisian לבלוג של FED Cast.

והפעם הוא מסביר לנו על סוגי הטייפים השונים ב TypeScript ו גם איך אפשר להגדירטייפים יחודיים למשתנים שלנו.

קריאה וצפייה מהנה 😉

טייפים ב- TypeScript - Fed Cast - קהילת מפתחי הפרונט בישראל Fed Cast - קהילת מפתחי הפרונט בישראל - איך משתמשים ומגדירים טייפים ב- TypeScript? ניר פריזיאן עונה על השאלה בסרטון מקיף.

בוקר טוב לכל ה FEDs!
ניר פריזיאן בכתבת אורח ל FED Cast
עם כל מה שרציתם לדעת על TypeScript.

מה זה בכלל טייפסקריפט?
ואיך היא מאפשרת לנו לממש שכבת הגנה מעל JS ולמעשה גם עוזרת בהקטנת כמות הבאגים?
כל זאת ועוד בסרטון הבא.

מה זה TypeScript? - Fed Cast - קהילת מפתחי הפרונט בישראל Fed Cast - קהילת מפתחי הפרונט בישראל - ניר פריזיאן מסביר מה זה TypeScript וכיצד נכון לשלב אותו בפרויקט שלנו?

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

למי שלא מכיר, חולשת CSRF מאפשרת לתוקף לגנוב זהות משתמש דרך שליחת בקשות בשמו לשרת שבהרבה מקרים אף יבדוק שהמשתמש מאומת.

היכנסו וגלו כיצד זה קורה ואיך ניתן להתגונן מפני CSRF?

CSRF - גניבת זהות משתמש - Fed Cast - קהילת מפתחי הפרונט בישראל Fed Cast - קהילת מפתחי הפרונט בישראל - מה זה CSRF? כיצד ניתן לגנוב כך זהות של משתמש? ואיך להתגנון מפני חולשה זו? כל זאת ועוד במאמר הבא.

📣 חדשות שאהבנו בFedCast;

⬅️ מה חדש בChrome Dev Tools?
https://developer.chrome.com/blog/new-in-devtools-105/

⬅️ רוצים לבנות דוקומנטציה ולהתרכז בכתיבת התוכן בלבד?
תעבדו עם Docusaurus.
https://docusaurus.io/

⬅️ מכירים את Foundation Framework?
היא Web framework פופולרית ששמה דגש בעיקר על רספונסיביות;
https://astro.build/blog/astro-1/

⬅️ השוואה בין Next.js Vs NuxtJS;
https://blog.openreplay.com/next-js-vs-nuxtjs-a-comparison-of-two-powerhouses

⬅️ אנגולר;
שמעתם על Lazy Loading בסרביסים?
https://medium.com/netanelbasal/lazy-load-services-in-angular-bcf8eae406c8

⬅️ איך אתם כותבים Unit Tests למודולס של Vuex?
https://blog.logrocket.com/unit-testing-vuex-modules-jest/
⬅️ לסיום, CSS property;
מכירים את overflow: clip?
https://kilianvalkhof.com/2022/css-html/do-you-know-about-overflow-clip/?ref=heydesigner

אהבתם?
שתפו והצטרפו לFedCast; קהילת פרונט ישראלית. ⬇️ ⬇️ ⬇️
ערוץ הטלגרם: https://t.me/FedCastIL
פייסבוק: https://facebook.com/groups/fedcastil

.js

איזה כיף כשאתה פתאום רואה שמזכירים את הבייבי שלך בכתבה של אתר טכנולוגי 🍾
מוזמנים לקרוא על המיטאפ שהיה לנו יחד עם כולא_לייק ו- Torii שגם אירחו אותנו כיד המלך במשרד היפים 💚

תודה רבה לכל העוסקים במלאכה!
Shimon Moyal
Maayan Tavor Fridman
Yacov Gavrilov
Ziv Erlichson
Mor Tzach Muchtar
Shachar Nahmuka

כיצד מפתח מתחיל צריך להתנהל כדי להיכנס להיי-טק? - 50 ג'וניורים בתחום הפיתוח השתתפו במיטאפ שנערך במשרדי חברת הסטארט-אפ הישראלית טורי (Torii) בכפר סבא, שבו נפגשו ושוחחו עם מובילים בקהילת ההיי-טק על הדרכים והפעולות שעליהם ....