ללא קשר כרגע לReact Query, כל נושא אימות המשתמשים באתרים יכול להיות קשה להבנה. יש תהליך שקורה בצד שרת ויש
React Query היא ספרייה פופולרית מאוד עבור ניהול נתונים ביישומים מבוססי React. היא מספקת לנו דרך יעילה ופשוטה לטפל בבקשות
middleware קיימים בכל אפליקציית צד שרת, מי שקצת מכיר קוד בצד שרת, יודע ומכיר מה זה middleware ומי שלא מכיר,
הפריימוורק של nextJs בהחלט מפתיע ולטובה, לא סתם הוא הדיבור החם בשוק (נכון לעכשיו), לרוב ניתן למצוא הרבה פידבקים חיוביים
נתחיל ונאמר כי כתיבת צד שרת בפרויקט nextjs יהיה מחולק לכמה פוסטים, וכן יש אפשרויות רבות ולכן לא אוכל לפרט
Storybook הוא כלי קוד פתוח פופולרי המשמש לפיתוח, תיעוד ובדיקת רכיבים חזותיים (UI) באפליקציות Web. הוא מאפשר לך לבנות ולראות
בעולם המשתנה ללא הרף של פיתוח אתרים, Next.js הפך לכוכב נוצץ, הידוע ביכולות השרת-צד שלו והרנדרינג ההיברידי. אבל מתחת למכסה
סוף סוף הנה פוסט מרענן ב javascript! ונדבר על אובייקטים שונים שקיימים בjavascript שהם פחות נפוצים, אולי דברים שהכרתם ולא
ברוכים הבאים לפוסט נוסף כחלק מקורס fullstack עם nextjs. והפעם נדבר על hooks של נקסט ונציג שימושים בהם, כמו כן
קורס fullstack עם nextjs והפעם נדבר על רכיבים של nextjs שכדאי מאד להכיר. nextjs ממשיך להקל עלינו בעבודה וגם פותר
בקורס fullstack זה אנחנו נתמקד ב nextJS וזאת מכוון שnextJS הולך ונהיה פופולארי בימים אלו, כמו כן הוא פתרון טוב
ברוכים הבאים לקורס מתכנתי fullstack בסגנון nextjs. קורס למתחילים, הקורס שמתאים למפתחי front end, מפתחים עם רקע ב-react, שרוצים להתקדם
כמפתח פרונט אנד שיודע לכתוב אנימציות בCSS וגם בJS, ורוצה לגשת לכתוב אנימציות באנגולר, יופתע וגם לא מעט, כי אנגולר
בפוסט הקודם כבר נגענו בקוד וגם הצגתי דוגמאות מתוך פרויקט אנגולר שאני מאמין שרבים מכם מכירים. ובעקבות כך אני רוצה
כותרת לא אמינה לפוסט הזה אבל זה מה שמצאתי לנכון אז סליחה מראש, בכל מקרה, לכתוב קוד כמו שצריך זה
אז בקורס front end זה יצא לנו לדבר על הרבה תיאוריות, והדחף לרשום קוד כבר בשיאו😆, כלומר, אני נוטה להאמין
בחלק גדול מהמקרים תגלו כי אתם מסיימים את המשימה שלכם רגע לפני שריקת הסיום (כמעט כל חברה תרצה להוציא מכם
כמתכנת frontend, ומעצב (לשעבר), הייתה לי הרגשת זלזול תקופה ארוכה לגבי הכלי הזה שנקרא Figma. לא הבנתי בהיגיון איך כלי
מאמין שכולם כבר יודעים את החשיבות של שילוב אנימציות כל ממשק. אפילו אנחנו, כשאנחנו יוזרים, זה משמח שיש אנימציות קטנות
אחד הקונספטים היותר מעניינים בעולמות של FRONT END DEVELOPMENT זה SSR . שמעתי על זה לפני זמן רב אבל לא
שיעור קצר בReact עם דגש על ביצועים (performance) שאותם תוכלו לשפר עם React Lazy Load. כמו כן יש טכניקות שונות
כל מתכנת פרונט אנד צעיר ואפילו מנוסה חוטא במטודולוגיות עבודה של המקצוע, אני לא מדבר על שיטות עבודה של הצוות,
עם כל היופי של המקצוע הנחשק הזה שנקרא "מתכנת" , אנחנו עדיין עובדים קשה, ממש כמו עובדי בניין בונים תוכנה.
לרוב בחברות שתעבדו בהן יאמצו מטודולגיות עבודה דומות, ישנן כמה נפוצות, שהן kanban וscrum ואנחנו כאנשי פרונט בסופו של דבר
יצא מחקר שבדק כמה זמן אנשים מבלים מול המסך, יצא כי הממוצע כ21% מהיום, נתון זה אומר שאדם מבלה כ
אפרט כאן רשימה דיי כבדה של נושאים שכל מתכנת פרונט אנד חייב לדעת. כמפתחים שאכפת לכם מעשייה שבה אתם נמצאים,
יש איזה הייפ כזה בתעשיית ההייטק, בגלל הרבה סיבות כמובן, אני רוצה להצביע על איזה נקודה ספציפית, שהיא מכירת קורסים
למה המדריך הזה הולך לשנות לכם את החיים? כי אני מאמין שקיים בו חלקי מידע שכל אחד ימצא לנכון לאמץ.
אז הגענו כבר לסוף קורס סולידיטי זה, שנותן לכם את הידע והמעט ניסיון להתחיל את התהליך כך שכל אחד מכם
עכשיו ממשיכים לחלק הכייפי וזה התקשורת של היוזרים באפליקציה עם החוזה שלכם! כל מה שצריך לעשות זה להקים איזו אפליקציה
ממשיכים לפתח את האפליקציית web3 שלנו שלא עושה יותר מידי חוץ מלתת להתאמן קצת ולראות דוגמאות שימושיות. אז כן בשיעור
עוד ספרייה חשובה ביותר, למפתחי בלוקציין, היא OpenZeppelin, נרצה מאד לאמץ אותה בפרויקט שלנו. OpenZeppelin – חוזים סטנדרטים מאובטחים. הספרייה
ברוכים הבאים לחלק השלישי שזהו החלק הכי מעשי בקורס מפתחי בלוקציין ובפיתוח אפליקציות WEB3. בפרק הזה נעסוק בפיתוח מחוץ לרמיקס,
פוסט אחרון לחלק השני של הקורס, כמו כן בהמשך החלקים של קורס זה נמשיך לכתוב בחוזה החכם שלנו וללמוד תוך
נושא הסביבות הוזכר בפוסט קורס סולידיטי – חלק ראשון – DEPLOY remix ובו סקרנו את הסביבות הקיימות ברמיקס. כעת נתרכז
בשיעור הקודם בנינו חוזה חכם בסיסי והעלינו אותו לבלוקציין של רמיקס (מי שלא מכיר את כל הסביבות, יכול לעבור על
ברכות לסיום קורס סולידיטי החלק הראשון! והיכונו לחלק השני של הקורס ובו נתרכז בעיקר בחוזה החכם עצמו, כתיבת החוזה בסיסה
הגענו שיעור האחרון בחלק הראשון של קורס סולידיטי , בו תלמדו כיצד להיות מתכנתי בלוקציין כך שתוכלו לכתוב חוזים חכמים
מי שעבר על הפוסטים הקודמים כבר קצת מכיר את Payable אבל בכל זאת אחזור על הדברים ופוסט זה שכן ראיתי
אחרי שלמדנו את ההגדרות הבסיסיות לפונקציות, והתחלתם גם לרשום פונקציות בעצמכם ופתאום נתקלתם בהגדרה נוספת שלא הכרתם שהיא: modifier .
אולי אחד הפוסטים היותר חשובים בנושא של טייפים, לפונקציות ישנן אפשרויות רבות להגדרה ואשתדל לעשות זאת בפוסט אחד וברור ומי
כמפתחים חדשים או וותיקים, חלכם אולי מצאתם לנכון לעבור עם שפות מבוססות טייפים, וחלקכם אולי פחות. גם מי שכן עובד
בהמשך לפוסט הקודם ובהמשך לחלק הראשון בקורס סולידיטי למתחילים והפעם נדבר על טייפים חשובים מאוד וייחודיים לסולידיטי שמאד חשוב להבין
ממשיכים לתוך החלקים היותר עסיסיים של החלק הראשון בקורס סולידיטי, מזכיר ומציין כי קורס זה מתאים בעיקר למתכנתי בלוקציין על
אחד הפוסטים שכבר זמן רב שאני רוצה להוציא לאור. כאחד מבין מתכנתי הפרואנט אנד בישראל גם אני נתקלתי בתהליך הסזיפי
להיות מתכנת בלוקציין , בסיס עבודה עם סולידיטי והכרת התהליכים ליצירת חוזה חכם עם remix
רמיקס הינו IDE ייעודי לכתיבת חוזים חכמים על גבי בלוקציין של איתריום (Ethereum) , פותח על ידי הקהילה של איתריום
ברוכים הבאים לקורס סולידיטי. אם ובהתעניינתם בפיתוח בלוקציין וכן קראתם קצת בפוסטים האחרונים שלי, אז ככל הנראה הבנתם שיהיה הכי
כבר כל העולם שמע על בלוקציין ועל התקדמות האינטרנט ל web3 וכמובן שכל העולם עובר ומשתמש במטבעות דיגיטליים .. ובכל
בפוסט זה לא אציג כמעט קוד , אלא יותר הסברים למי שממש ממש חדש ורוצה להיות מפתח בלוציין ולא יודע
הכל מתחיל בפקודת ng s . הקסם מתרחש , המנוע של אנגולר מתחיל לעבוד ופתאום יש לנו אפליקציה עם שלום
כמעט בכל פרויקט שתעבדו בו, או שצפיתם בו ברשת או כמעט כל פרויקט אחר שעולמות שלנו של javascript אתם ככל
ברוכים הבאים לשיעור האחרון של קורס בלוקציין NFT שבו עברנו על יסודות בניית חוזה חכם בסולידיטי וגם שימושים בכלים קיימים
עכשיו שיש לנו חוזה בסביבה לוקאלית וגם יצירות ב"ענן" של IPFS כעת נבנה את שאר האפליקציה ובהמשך לריץ אותה על
כל מי שעובד עם ריאקט בטח מכיר את "בעיית הרינדורים של ריאקט" אם להיות כנה אני לא חושב שזו בעייה,
ממשיכים ולומדים איך להיות מתכנתי בלוקציין והפעם פרק עם קצת פחות קוד אבל חשוב מאד להבנה שלכם וגם פרקטיקה אם
אוקי אז אחרי שעשינו את רוב העבודה סביב הבלוקציין הגיע הזמן לתת ליוזרים לעשות MINT דרך איזה אפליקציה וובית שתאפשר
חוזה חכם מבוסס Ethereum עבור NFT נקרא גם ERC721, מכוון שזהו החוזה הראשון שנכתב עבור יצירות NFT וגם הוא מאד
ממשיכים מהשיעור הקודם את החוזה החכם והפעם נשלב את החוזה לאפליקציה שיצרנו והנה לכם אפליקציה מבוססת בלוקציין! זה אולי לא
החלק המרכזי של כל פרוייקט בלוקציין הוא כתיבת החוזה החכם. כל מתכנת בלוקציין חייב לדעת לכתוב חוזה אחרת אין כל
להיות מתכנת בלוקציין זה בטוח לא דבר קל ובטח גם פחות סלחני להבדיל ממתכנת "רגיל", יש הרבה דברים שצריך לדעת
ברוכים הבאים לקורס blockchain ופיתוח אפליקציות web3. אז כפי שהסברנו בפוסט ההקדמה על מה זה web3 נוכל להמשיך וללמד אתכם
ברוכים הבאים לעולם החדש של האינטרנט, או לפחות הדיבור עם "החברה הטובים". הפעילים הרציניים בתחום האינטרנט מנסים לשים ידם על
אז ברוכים הבאים לשיעורינו האחרון של קורס תכנות משחקים עם webgl. למעשה סיימנו את הפרויקט דוגמה של הקורס כבר בשיעור
ברוכים הבאים לשיעור שישי בקורס תכנות משחקים בחינם. בשיעור הזה נבצע את הלוגיקה של סיבוב המטבע שיצרנו בעזרת threejs עם
אז בשביל ליצור אפקט של מטבע מסתובב צריך לקחת בחשבון שיש למטבע שני צדדים וצריך לשים ציורים שונים על כל
שלום שוב לקוראים היקרים והנה אחד מבין השיעורים שיעלו חיוך על פניכם, אחד הדברים היותר מרגשים כשמתכנתים תלת בתלת מימד
בשיעור היום ניצור את האובייקט של המטבע בתלת מימד ונוסיף אותו היישר לתוך הסצנה במשחק שלנו. והיום סוף סוף נוכל
בשיעור היום ניצור את האובייקט של המטבע בתלת מימד על גבי הדפדפן שלנו , בתוך התשתית שיצרנו בשיעור הראשון כך
יכול להיות שנתקלתם פה ושם באתרים שעושים שימוש בתלת מימד באתר שלהם. יכול להיות שחשבתם שזה איזה וידאו או קובץ
תודה שבחרתם לקחת חלק והגעתם לסיום קורס חינם ב React & GraphQL חשבתי בהתחלה שזה יהיה יותר קצר והנה כבר
ברוכים השבים לקורס חינם ב React & GraphQL והנה אנחנו לקראת סיום הקורס. למעשה זה השיעור האחרון אם כי יהיה
סוף סוף סיימנו עם הצד שרת עד כה, ומי שעוד לא עקב על כל השיעורים האחרונים בקורס חינם זה מוזמן
אז ממשיכים את הפוסט הקודם קורס חינם React & GraphQL – שיעור שישי – graphQL על query and mutation. ובו
אוקי אז אולי ההגדרות השימושיות ביותר ב graphQL הם query ו mutation שבאופן כללי אלו שמבצעים את כל העבודה של
זהו שיעור המשך של השיעור הקודם קורס חינם React & GraphQL – שיעור רביעי – graphQL מגדירים schema. כמו כן
סוף סוף מתחילים ללמוד graphQL! עד עכשיו התעסקנו בreact וקצת nodejs ועכשיו הדבר האמיתי. כפי שכבר שציינו graphQL מאפשר לנו
שיעורים הקודמים למי שעוד לא עקב נמצאים פה: קורס חינם React & GraphQL – שיעור שני – משחק איקס עיגול
בהמשך לשיעור הקודם – קורס חינם React & GraphQL – שיעור ראשון – אתחול צד לקוח ממשיכים לבנות את הUI
ברוכים הבאים לקורס חינם בריאקט! זהו מיני קורס חינמי, שבו נלמד שניים מהטכנולוגיות היותר פופולאריות היום בשוק והם: React –
כשאני נתקלתי לראשונה בClosures זה היה באיזה קורס javascript קצר שעשיתי , וכבר בשיעור הראשון (או השני) מה שלמדנו היה
ראיון עבודה הוא דבר שכולנו חוששים ממנו תמיד מלחיץ\מרגש תלוי באופי האישי שלכם אבל אני בטוח ב99 אחוז שכולנו לא
הפרויקט שלנו הולך ומתקדם וכבר יש לנו: סיידר בר קוסטום פוסט טייפ תבנית ייחודית מבנה וורדפרסי נקי עכשיו הגיע הזמן
ברוכים הבאים לשיעור האחרון במדריך ריאקט – React Hooks . הפעם נעבור על איך לייצר הוק משלכם! מה שנקרא custom
אז בהמשך למדריך על reactive forms באנגולר . אביא פה עוד תוספת קטנה , שימושית אם לומר את האמת, אבל
עוד hook מוצלח מבית react הוא useRef. פופולארי מאד והשימוש נפוץ כלכך . אך השימוש בו אינו תמיד נכון, הרבה
הפעם נדבר על שני הוקים, בפוסט אחד, מכוון ששני ההוקים הללו מאד דומים. נתחיל בהסבר קצר, שימוש של useMemo ,
useReducer הינו HOOK שמנהל מידע של הקומפוננטה, בדומה לuseState. קודם כל useReducer מגיע מתוך הרעיון של reduce בjavascipt. אז מה
אחד הדברים השימושיים באפליקציות ריאקט ובכלל, הוא global state management, שהוא למעשה האובייקט הלוקלי של האפליקציה שלכם שמחזיק בתוכו את
הוק חשוב מאד במימוש functional components הוא useEffect , מי שמכיר עבודה עם קלאסים בריאקט מכיר את המטודות של לייף
כפי שציינתי הפוסט הקודם: מדריך ריאקט – classes, functional component & hooks העולם של מפתחי ריאקט הולך לכיוון של רכיבים
בניית Sidebar הם משהו שפעם היינו משתמשים בו המון בשביל להגדיר כל מני איזורי תוכן מסוגים שונים ופונקציונאליות על מנת
אם פעם חשבתם ש graphql הוא הפתרון הטוב ביותר לקריאות דטה בייס ככל הנראה צדקדם. יותר ויותר שימושים עם graphql
טיפ קטן, פשוט ושימושי! לא נפוץ במיוחד אבל תתפלאו לגלות כמה זה יכול להקל עליכם אם אתם משתמשים בruoter-outlet פנימי
לפרויקט שלנו אנחנו רוצים לייצר Custom Post type – או בקיצור cpt . אבל לפני שנבנה אחד, בואו נבין מהם
כמתכנתי וורדפרס, קובץ הפונקציות הוא החבר הטוב ביותר שלכם, אתם תשתשו בו המון. למעשה הוא הקובץ שעושה את רוב העבודה
פוסט שונה באופיו מהפוסטים האחרים אבל אם לומר את האמת הוא לא פחות חשוב. בפוסט הזה אשתף על תהליך עבודה
מי שמכיר וורדפרס ויצא לו לעבוד עם ריבוי שפות ועדיין לא הכיר את wpml. אז בוודאי בחר להשתמש בפלאגין polylang.
מי שמכיר ריאקט עוד מראשיתו לא זוכר שהיו בכלל hooks או functional components (כי לא היו). והיום המצב שונה והשימושיות
אז ממשיכים לצעד גורלי במדריך וורדפרס זה ונבנה את המבנה הבסיסי של עמוד אינדקס. לאחר שהקמנו תבנית משלנו , נקבל
כלי נגישות