- 67
- 9 976
Coding With Saar
Israel
Приєднався 10 гру 2022
שמי סער ואני Full-Stack Web Developer 🖥️ ומקדם אתרים אורגני (SEO) 📈 עם יותר מ-5 שנות ניסיון בתחום. למדתי תכנות וקידום אתרים בכוחות עצמי 💪, עבדתי בחברות הייטק שונות 🏢 ולימדתי מעל 100 סטודנטים 👨🎓👩🎓. בקורסים שלי אני אלמד אתכם את כל מה שאתם צריכים לדעת כדי להפוך למתכנתים מובילים 🚀.
המילה this ב-JavaScript: הסבר מלא
קריאת המאמר המלא:
www.codingwithsaar.co.il/articles/javascript-this-keyword-complete-guide
רוצים ללמוד עוד על JavaScript?
רכשו את הקורס המלא של מאסטר JavaScript - הקורס המקיף בעברית שמלמד אתכם כל מה שאתם צריכים לדעת על שפת התכנות JavaScript:
www.codingwithsaar.co.il/courses/javascript-mastery
www.codingwithsaar.co.il/articles/javascript-this-keyword-complete-guide
רוצים ללמוד עוד על JavaScript?
רכשו את הקורס המלא של מאסטר JavaScript - הקורס המקיף בעברית שמלמד אתכם כל מה שאתם צריכים לדעת על שפת התכנות JavaScript:
www.codingwithsaar.co.il/courses/javascript-mastery
Переглядів: 101
Відео
מה ההבדל בין Clone ל-Fork ב-GitHub?
Переглядів 3521 день тому
1️⃣ תשתמשו ב-Clone כאשר אתם רוצים ליצור עותק מקומי של הרפוזיטורי למחשב האישי שלכם. זה יאפשר לכם לעיין בקוד, לבצע שינויים מקומיים ולעבוד על הפרויקט בסביבה שלכם. 2️⃣ תשתמשו ב-Fork כאשר אתם רוצים ליצור עותק של הרפוזיטורי בחשבון ה-GitHub האישי שלכם. ה-Fork יאפשר לכם לבצע שינויים ברפוזיטורי האישי שלכם, לשמור אותם ב-GitHub האישי שלכם, ולבסוף להציע אותם חזרה לרפוזיטורי המקורי באמצעות Pull Request. מתי...
מה זה detached HEAD ב-Git?
Переглядів 107Місяць тому
למה ה-commits שלי לא עובדים?! 😱 אהה... זה בגלל שאני במצב detached HEAD! א קודם כל, בואו נדבר על איך Git עובד בדרך כלל: במצב רגיל, כל commit שאתם מבצעים משויך לענף (branch). הענף הוא כמו "הקו" שמחבר את כל ה-commits שלכם ומאפשר לעקוב אחרי ההיסטוריה של השינויים. אבל לפעמים, אתם מוצאים את עצמכם במצב מיוחד שנקרא detached HEAD. זה קורה כשאתם "מבקרים" commit מסוים מהעבר או tag-במקום לעבוד על ענף. במצב...
מה זה `git commit --allow-empty
Переглядів 69Місяць тому
הנה פקודה ב-Git שהיא פשוט גאונית ושימושית במיוחד קרה לכם פעם שהייתם צריכים להפעיל מחדש את ה-CI/CD או לבצע re-deploy, בין אם כדי לבדוק את ה-pipeline שלכם או בגלל שמשהו נכשל ואתם רוצים לנסות שוב? במקרים כאלה, מה שרבים עושים זה להכניס שינוי כלשהו בקוד-כמו הוספת הערות או רווחים-ולעשות commit ו-push. אבל זה מיותר, מלכלך את ההיסטוריה של הקוד, ומוסיף שינויים לא רצויים. א במקום זה, יש פקודה פשוטה ונקיי...
מה זה AEO ואיך הוא שונה מ-SEO
Переглядів 72Місяць тому
חבל שמתכנתים לא לומדים את הדבר החשוב הזה! 💡 אולי שמעתם על המושג SEO, אבל האם אתם באמת מבינים מה המשמעות שלו? האמת היא שלא מעט מתכנתים פשוט לא יודעים מה זה וחבל. אבל רגע, יש עוד! העולם עובר ל-AEO, וזה שינוי ענק. א מה ההבדל בין SEO ל-AEO ומה הם באמת תורמים לנו? 🎥 הכנתי סרטון קצר של 3 דקות שמסביר: 1️⃣ מה זה SEO ולמה מתכנתים חייבים להכיר אותו. 2️⃣ מה זה AEO ואיך הוא משנה את חוקי המשחק. 3️⃣ דוגמאות ...
מה זה Tree-Shaking ואיך זה חוסך לכם גודל ב-Bundle?
Переглядів 179Місяць тому
מה זה Tree-Shaking ולמה זה חשוב? העליתי סרטון חדש שבו אני מסביר על ההבדלים בין CommonJS לבין ES6 Modules, כולל הדגמה חיה של איך Tree-Shaking עובד עם Webpack ואיך הוא משפיע על גודל ה-bundle שלנו. 💻 בטוח יצא לכם להשתמש ב-packages כמו Lodash או Moment.js, אבל האם אתם מודעים להשלכות של ההתקנה שלהם בפרויקט שלכם? האם ידעתם שכשאתם משתמשים רק בפונקציה אחת או שתיים מהספריות האלו, כל הקוד שלהן נכנס ל-bun...
כתיבת קוד נקי: טיפים ושיטות לשיפור הקוד שלכם
Переглядів 832 місяці тому
רוצים ללמוד יותר על איך לכתוב קוד נקי ומקצועי? הירשמו לקורס שלי על Clean Code and Refactoring: www.codingwithsaar.co.il/courses/clean-code-and-refactoring-mastery
ההבדל בין unknown ל-any ב-TypeScript
Переглядів 862 місяці тому
ההבדל בין unknown ל-any ב-TypeScript כשהתחלתי ללמוד TypeScript, אחד הדברים שבלבלו אותי היה להבין את ההבדל בין unknown ל-any. הרי שניהם נראים כמו "type כללי", א מה ההבדל הגדול ביניהם? האמת היא ש-unknown הוא כמו גרסה "בטוחה" יותר של any. הנה הסבר קצר וברור. א קודם נתחיל עם any: זה כמו לומר ל-TypeScript: "עזוב אותי, אני יודע מה אני עושה." ברגע שמשתמשים ב-any, אפשר לקרוא ל-methods, לגשת ל-propertie...
מה זה קוד אסינכרוני ב-JavaScript ואיך Callbacks פותרים בעיות? 💡
Переглядів 492 місяці тому
מה זה קוד אסינכרוני ב-JavaScript ואיך Callbacks פותרים בעיות? 💡 הקדמה א JavaScript היא שפה non-blocking, כלומר, היא לא עוצרת את כל הקוד עד שמשימות מסוימות מסתיימות. כלומר, כשאנחנו מבצעים פעולות כמו קריאה למסד נתונים או שרת, הקוד ממשיך לרוץ, והמשימה האסינכרונית מתבצעת ברקע. אבל מה הבעיה שיכולה לקרות? כאשר הקוד ממשיך לעבוד לפני שהפעולה ברקע הסתיימה, אנחנו עלולים לקבל תוצאה לא צפויה - למשל, שהמידע...
איך תוכלו לבצע אופטימיזציה ללולאת for loop
Переглядів 1972 місяці тому
הבעיה: ב-for loop שעובר על מערך, אנחנו משתמשים לעיתים קרובות ב-array.length בתנאי העצירה. הבעיה היא שבכל איטרציה, המחשב ניגש מחדש לזיכרון כדי לבדוק את אורך המערך. זה אולי לא מורגש במערכים קטנים, אבל ב-for loop על מערכים גדולים או בתהליכים עם עומס כבד, זה עלול להאט את הביצועים. זה רלוונטי לכל שפה? 👨💻 כן, בשפות רבות גישה חוזרת ל-length עלולה להיות איטית, אבל מנועים כמו V8 (ב-JavaScript) או compi...
מה זה module ב-Node.js? כל מה שצריך לדעת, כולל דוגמת קוד
Переглядів 2034 місяці тому
מה זה module ב-Node.js? כל מה שצריך לדעת, כולל דוגמת קוד! בדיוק העליתי סרטון שבו אני מסביר על אחד הנושאים החשובים ב-Node.js: מה זה module ואיך הוא עובד בפועל. בסרטון אני מפרט את המטרה של modules, היתרונות שבשימוש בהם, ובסוף תמצאו גם דוגמה עם קוד כדי להבין איך ליישם את זה בעצמכם. להצטרפות לקבוצת הוואטסאפ שלנו ולהתחבר לקהילת מתכנתים מקצועית, לחצו על הלינק 📨: chat.whatsapp.com/IR1Jn8PfD1l3ib9LcJeC...
בואו נדבר על CSS Modules ב-Next.js
Переглядів 344 місяці тому
א CSS Modules הם דרך מעולה לכתוב CSS בצורה מודולרית, שמאפשרת לכם לשמור על קוד מסודר ומאורגן בפרויקטים שלכם. כל קובץ CSS מתנהג כמו מודול נפרד, כך שכללים שנכתבו בו ייחשבו מקומיים לקובץ עצמו ולא יגרמו לקונפליקטים עם קבצים אחרים. נשמע מעניין? צפו בסירטון. רוצים להפוך למומחי Next.js? אני מזמין אתכם להצטרף לקורס החדש שלי על Next.js (גרסה 14/15). בקורס הזה, נצלול לעומק מושגים כמו SSG, SSR, ISR, CSR, ש...
מכירים את ה-Utility Type בשם Omit?
Переглядів 455 місяців тому
בואו נראה כמה אתם שולטים ב-TypeScript: יש לכם interface של IPost שמגדיר שפוסט אמור לכלול Title, ID, ו-Body. עכשיו, ה-ID עצמו מגיע כמובן מה-Backend ולא מה-Frontend. בצד של ה-Frontend, אנחנו יכולים ליצור פוסטים חדשים, אבל לא נוכל להשתמש באותו interface כמו של IPost, כי אנחנו לא מגדירים את ה-ID ב-Frontend. א איך הייתם מגדירים interface או Type במצב כזה כשאני רוצה לשמור את הנתונים של ה-Form, כמו ה-...
בואו להכיר את Thunder Client!
Переглядів 565 місяців тому
אני ממש אוהב את Postman ומשתמש בו בלי הפסקה - הוא הכלי המושלם לכל בדיקה וקריאת API שאני עושה. 😎 אבל לפעמים, כשרוצים משהו קליל ומהיר יותר, אני פונה ל-Thunder Client extension. מדובר בתוסף קל משקל ל-VS Code שמאפשר לי לבדוק API ישירות מ-vs code! 🚀 אם אתם מחפשים פתרון מהיר ויעיל לבדיקות, Thunder Client בהחלט שווה בדיקה! marketplace.visualstudio.com/items?itemName=rangav.vscode-thunder-client להצטרפ...
שיפור ביצועים עם React.memo & useCallback
Переглядів 665 місяців тому
שיפור ביצועים עם React.memo & useCallback
איך לשדרג את הביצועים של האפליקציה שלך עם useMemo?
Переглядів 655 місяців тому
איך לשדרג את הביצועים של האפליקציה שלך עם useMemo?
מה זה רספונסיביות ואיך לבדוק אותה כמו שצריך?
Переглядів 1116 місяців тому
מה זה רספונסיביות ואיך לבדוק אותה כמו שצריך?
איך לראות את האתר שלכם ב- localhost דרך הפלאפון בקלות! 📱
Переглядів 1347 місяців тому
איך לראות את האתר שלכם ב- localhost דרך הפלאפון בקלות! 📱
מדריך מלא להעלאת אפליקציה Full-Stack של React ו-Node.js ב-Render
Переглядів 4947 місяців тому
מדריך מלא להעלאת אפליקציה Full-Stack של React ו-Node.js ב-Render
המדריך המלא לניתוח מהירות האתר - השפעה על SEO
Переглядів 3478 місяців тому
המדריך המלא לניתוח מהירות האתר - השפעה על SEO
מדוע כדאי להימנע משימוש ב-any ב-TypeScript ולמה unknown עדיף?
Переглядів 3268 місяців тому
מדוע כדאי להימנע משימוש ב-any ב-TypeScript ולמה unknown עדיף?
כל מה שצריך לדעת על this keyword ב-JavaScript
Переглядів 10010 місяців тому
כל מה שצריך לדעת על this keyword ב-JavaScript
היית מגניב ביותר האתר! אשמח לדעת איזה extension של הדפדפן השתמשת בסרטון כדי להדגים את הרספונסיביות של האתר?
chromewebstore.google.com/detail/mobile-simulator-responsi/ckejmhbmlajgoklhgbapkiccekfoccmk?pli=1
הסבר מעולה! כל הכבוד!
@@aviavi16 תודה רבה!!
מלך תעשה רילס
ממש לא נכון, זה לא מייעל כלום, קריאה לLENGTH והפרמטר שייצרת עושה בדיוק את אותה הפעולה.. איפה נראה לך שהפרמטר שלך נשמר? (גם אם הוא CONST)
תבקר בבקשה בלינק הבא מבית w3schools.com: www.w3schools.com/js/js_performance.asp#:~:text=Reduce%20Activity%20in%20Loops
🤓👆
@@codingwithsaar למען האמת שניכם צודקים, אתה צודק כשמדובר בג'אווהסקריפט, וכמעט בכל שפה אחרת בנזיר צודק
הי מה גיטיב שלך?
תודה על הסרטון! כמו תמיד מעולה ויש לי שאלה האם יש בעיה בשימוש מרובה בmemo? או שאני יכול להשתמש בו כמה שאני רוצה? ומה ההבדל בין memo לuseMemo? הם אותו הדבר רק useMemo זה hook?
תודה על הסרטון! ואני מחכה כבר הרבה לקורס Next.js שמח שסוף סוף הוצאת אותו
אם הכל מחובר בחוטים אז למה משמשים הראוטרים?
יפה מאוד👍👍
ואוו זה מדהים! תודה!
סהר תוכל לעשות סרטון על databases? sql and mongo?
היי 🤗 אם תרצה יש באתר שלי לא מעט מאמרים על מסדי נתונים וגם הקורס שלי על Nodejs ששם יש דוגמאות קוד, הסברים מפורטים ופרויקט סיום עם MongoDB.
מעולה, תודה
תודה רבה על הסרטון!! עזר לי מאוד
יפה ומחכים. Idle זה לא כמה הוא עסוק אלא כמה הוא פנוי. והיה נחמד אם היית מראה את הGPU כשעברת לאנימציה בטרנספורם.
ווואו מגניב לראות כמה דברים רצים בשניות😮
ההסברים שלך לא מדוייקים
סרטון מצויין! זה נושא שראיתי שהרבה מתכנתים מתחילים מתקשים להבין אותו והסברת אותו היטב 😁
תודה רבה לך!
מה מונע מהorigin שאנחנו לא רוצים אותו, לשלוח את הבקשות שלו אלינו דרך פרוקסי ? הרי cors זה רק ברמת הדפדפן
נכון מאוד! CORS היא רק אחת ממספר שכבות הגנה רבות, ולכן אתה צריך לבצע עוד מנגנוני הבטחה כמו אימות והרשאות וכדומה. ואת כל הידע הזה תוכל למצוא בקורס שלי :) www.codingwithsaar.co.il/courses/nodejs-mastery
אתר מצויין
זה אלון
99 מנויים עוד שניה מאה
וואוו!
אחלה הסבר ואחלה ספרייה הצגת, היה מרענן לשמוע את ההסבר הזה.
סרטון מעולה ! תודה רבה.
וואללה נשמע מעניין אחי מה לגבי חסרונות ביחס לריאקט נגיד?יש לה? יש מקרים שדווקא לא היית משתמש בnext?וכן נגיד בריאקט או כל שפה אחרת?
תוכל לעשות סרטון איך להתחיל עם SPRING BOOT JPA
אחלה הסבר, תודה רבה לך! אתה מפתח את היוטיוב הישראלי!
אלוף הארץ בכל העולם