Javascript functions – היכרות עם סוגי פונקציות
בJAVASCRIPT , פונקציות הן חלק מרכזי בשפה, ויש כמה סוגים של פונקציות בהתאם לאופן שבו הן מוגדרות ולשימושים שלהן. הנה
Nested routing in angular standalone component
זוכרים איך באנגולר היינו מושכים מודול שלם, הוא היה מושך את הראוטים הנוספים ועוד הרבה רכיבים, אבל המשיכה הייתה רק
React Query and Authentication
ללא קשר כרגע לReact Query, כל נושא אימות המשתמשים באתרים יכול להיות קשה להבנה. יש תהליך שקורה בצד שרת ויש
React Query – useQuery
React Query היא ספרייה פופולרית מאוד עבור ניהול נתונים ביישומים מבוססי React. היא מספקת לנו דרך יעילה ופשוטה לטפל בבקשות
nextJS – קורס fullstack – כתיבה בצד שרת – middleware
middleware קיימים בכל אפליקציית צד שרת, מי שקצת מכיר קוד בצד שרת, יודע ומכיר מה זה middleware ומי שלא מכיר,
nextJS – קורס fullstack – כתיבה בצד שרת – server actions
הפריימוורק של nextJs בהחלט מפתיע ולטובה, לא סתם הוא הדיבור החם בשוק (נכון לעכשיו), לרוב ניתן למצוא הרבה פידבקים חיוביים
רכיב: שדה בחירה (סלקט) נגיש ב-JS
לבנות סלקט ידנית זה הבסיס לרכיבים כמו בחירה מרובה, השלמה מתוך אופציות ועוד הרבה סוגים של בחירות. לכן, אם נדע
nextJS – קורס fullstack – כתיבה בצד שרת – route handler
נתחיל ונאמר כי כתיבת צד שרת בפרויקט nextjs יהיה מחולק לכמה פוסטים, וכן יש אפשרויות רבות ולכן לא אוכל לפרט
העברה של מידע נסתר בניווט אנגולר
נראה איך להעביר מידע בזמן ניווט בין רכיבים אבל המידע יהיה נסתר ולא ניתן לראות אותו ב-URL או ב-DOM. עם
תיעוד ושדרוג רכיבים עם storybook
Storybook הוא כלי קוד פתוח פופולרי המשמש לפיתוח, תיעוד ובדיקת רכיבים חזותיים (UI) באפליקציות Web. הוא מאפשר לך לבנות ולראות
nextJS – קורס fullstack – use client & use server
בעולם המשתנה ללא הרף של פיתוח אתרים, Next.js הפך לכוכב נוצץ, הידוע ביכולות השרת-צד שלו והרנדרינג ההיברידי. אבל מתחת למכסה
מדריך angular standalone component חלק 2
אחרי שראינו lazy loading component בעזרת הראוט, ניצור עוד דף ועוד רכיבים, נחבר אותם העזרת שירות ונעבור על עוד מספר
מדריך angular standalone component חלק 1
תשכחו כל מה שידעתם על אנגולר! טוב לא באמת, אבל ברגע שעוברים לעבודה עם פרויקט מבוסס רכיבים אוטונומים בלבד, יש
Map, Set and regular Object javascript
סוף סוף הנה פוסט מרענן ב javascript! ונדבר על אובייקטים שונים שקיימים בjavascript שהם פחות נפוצים, אולי דברים שהכרתם ולא
nextJS – קורס fullstack – פונקציות והוקים ב nextjs
ברוכים הבאים לפוסט נוסף כחלק מקורס fullstack עם nextjs. והפעם נדבר על hooks של נקסט ונציג שימושים בהם, כמו כן
שדה טקסט עשיר עם תמונות
אתם הולכים להיות מופתעים עד כמה HTML יכול להיות חכם ולבצע משהו כל כך מורכב, שאם אנחנו היינו רוצים ליצור
nextJS – קורס fullstack – רכיבים של nextjs
קורס fullstack עם nextjs והפעם נדבר על רכיבים של nextjs שכדאי מאד להכיר. nextjs ממשיך להקל עלינו בעבודה וגם פותר
nextJS – קורס fullstack – עמודים ותבניות של nextJs
בקורס fullstack זה אנחנו נתמקד ב nextJS וזאת מכוון שnextJS הולך ונהיה פופולארי בימים אלו, כמו כן הוא פתרון טוב
nextJS – קורס fullstack – איך מתחילים
ברוכים הבאים לקורס מתכנתי fullstack בסגנון nextjs. קורס למתחילים, הקורס שמתאים למפתחי front end, מפתחים עם רקע ב-react, שרוצים להתקדם
פקודות גיט (GIT) בסיסיות ואיך להשתמש בהן
נעבור על רשימה בסיסית של פקודות גיט, נראה בקצרה מה כל פקודה עושה ואיך להשתמש בה.
מדריך אנימציות באנגולר – angular animation
כמפתח פרונט אנד שיודע לכתוב אנימציות בCSS וגם בJS, ורוצה לגשת לכתוב אנימציות באנגולר, יופתע וגם לא מעט, כי אנגולר
קורס front end – שפות שחשוב לדעת היטב ושפות שצריך להכיר
בפוסט הקודם כבר נגענו בקוד וגם הצגתי דוגמאות מתוך פרויקט אנגולר שאני מאמין שרבים מכם מכירים. ובעקבות כך אני רוצה
קורס front end – שלבים הראשונים בלכתוב קוד כמו שצריך
כותרת לא אמינה לפוסט הזה אבל זה מה שמצאתי לנכון אז סליחה מראש, בכל מקרה, לכתוב קוד כמו שצריך זה
קורס front end – סביבת עבודה אולטימטיבית ועבודה עם AI למקסימום תוצאות
אז בקורס front end זה יצא לנו לדבר על הרבה תיאוריות, והדחף לרשום קוד כבר בשיאו😆, כלומר, אני נוטה להאמין
מתכנת פרונטאנד, סיימת את הפיצ’ר, בדקת כמו שצריך?
בחלק גדול מהמקרים תגלו כי אתם מסיימים את המשימה שלכם רגע לפני שריקת הסיום (כמעט כל חברה תרצה להוציא מכם
כל מה שמתכנת frontend צריך לדעת על Figma
כמתכנת frontend, ומעצב (לשעבר), הייתה לי הרגשת זלזול תקופה ארוכה לגבי הכלי הזה שנקרא Figma. לא הבנתי בהיגיון איך כלי
דרכים למימוש אנימציות בכל פרויקט שלכם
מאמין שכולם כבר יודעים את החשיבות של שילוב אנימציות כל ממשק. אפילו אנחנו, כשאנחנו יוזרים, זה משמח שיש אנימציות קטנות
Server Side Rendering with React
אחד הקונספטים היותר מעניינים בעולמות של FRONT END DEVELOPMENT זה SSR . שמעתי על זה לפני זמן רב אבל לא
React Lazy Load
שיעור קצר בReact עם דגש על ביצועים (performance) שאותם תוכלו לשפר עם React Lazy Load. כמו כן יש טכניקות שונות
קורס front end – קיבלתם פיצ’ר, מזל טוב! מה עכשיו? ומאיפה להתחיל? קודם כל, מתכננים.
כל מתכנת פרונט אנד צעיר ואפילו מנוסה חוטא במטודולוגיות עבודה של המקצוע, אני לא מדבר על שיטות עבודה של הצוות,
קורס front end – על קשיי העבודה בארגון, איך לבחור את המלחמות שלך
עם כל היופי של המקצוע הנחשק הזה שנקרא "מתכנת" , אנחנו עדיין עובדים קשה, ממש כמו עובדי בניין בונים תוכנה.
קורס front-end – איך להתמודד ואף להצליח עם ה workflow של הארגון
לרוב בחברות שתעבדו בהן יאמצו מטודולגיות עבודה דומות, ישנן כמה נפוצות, שהן kanban וscrum ואנחנו כאנשי פרונט בסופו של דבר
קורס front end – חשיבות המקצוע והאני מאמין שלי
יצא מחקר שבדק כמה זמן אנשים מבלים מול המסך, יצא כי הממוצע כ21% מהיום, נתון זה אומר שאדם מבלה כ
קורס front end – מה חייב לדעת כל מתכנת צד לקוח
אפרט כאן רשימה דיי כבדה של נושאים שכל מתכנת פרונט אנד חייב לדעת. כמפתחים שאכפת לכם מעשייה שבה אתם נמצאים,
קורס front end – מהות התפקיד בהגדרה “מתכנת צד לקוח” והשלב הבא באבולוציה, אני קורא לזה “מתכנת של חוויה”
יש איזה הייפ כזה בתעשיית ההייטק, בגלל הרבה סיבות כמובן, אני רוצה להצביע על איזה נקודה ספציפית, שהיא מכירת קורסים
מתכנת של חוויה – המסע של מתכנת צד לקוח
למה המדריך הזה הולך לשנות לכם את החיים? כי אני מאמין שקיים בו חלקי מידע שכל אחד ימצא לנכון לאמץ.
קורס סולידיטי – חלק רביעי – סיכום וקורסי המשך
אז הגענו כבר לסוף קורס סולידיטי זה, שנותן לכם את הידע והמעט ניסיון להתחיל את התהליך כך שכל אחד מכם
קורס סולידיטי – חלק שלישי – תקשורת עם החוזה
עכשיו ממשיכים לחלק הכייפי וזה התקשורת של היוזרים באפליקציה עם החוזה שלכם! כל מה שצריך לעשות זה להקים איזו אפליקציה
מדריך typescript in nodejs express
בפוסט זה נראה איך להקים nodeTs, במילים אחרות, nodejs מבוסס typescript. נחבר interface, model, controller, router ונראה את השוני מכתיבה
קורס סולידיטי – חלק שלישי– contracts deployment
ממשיכים לפתח את האפליקציית web3 שלנו שלא עושה יותר מידי חוץ מלתת להתאמן קצת ולראות דוגמאות שימושיות. אז כן בשיעור
קורס סולידיטי – חלק שלישי– OpenZeppelin
עוד ספרייה חשובה ביותר, למפתחי בלוקציין, היא OpenZeppelin, נרצה מאד לאמץ אותה בפרויקט שלנו. OpenZeppelin – חוזים סטנדרטים מאובטחים. הספרייה
קורס סולידיטי – חלק שלישי– hardhat
ברוכים הבאים לחלק השלישי שזהו החלק הכי מעשי בקורס מפתחי בלוקציין ובפיתוח אפליקציות WEB3. בפרק הזה נעסוק בפיתוח מחוץ לרמיקס,
קורס סולידיטי – חלק שני – ירושות ו override
פוסט אחרון לחלק השני של הקורס, כמו כן בהמשך החלקים של קורס זה נמשיך לכתוב בחוזה החכם שלנו וללמוד תוך
Expressions & operators in javascript
נראה ביטויים, תנאים ומפעילים ב-JS. נראה איך להשתמש בהם, תוצאות שלהם ובמקרים מסויימים מה ההגבלות והחסרונות שלהם.
קורס סולידיטי – חלק שני – environments and verification
נושא הסביבות הוזכר בפוסט קורס סולידיטי – חלק ראשון – DEPLOY remix ובו סקרנו את הסביבות הקיימות ברמיקס. כעת נתרכז
קורס סולידיטי – חלק שני – מה זה ABI
בשיעור הקודם בנינו חוזה חכם בסיסי והעלינו אותו לבלוקציין של רמיקס (מי שלא מכיר את כל הסביבות, יכול לעבור על
קורס סולידיטי – חלק שני – כתיבת חוזה חכם
ברכות לסיום קורס סולידיטי החלק הראשון! והיכונו לחלק השני של הקורס ובו נתרכז בעיקר בחוזה החכם עצמו, כתיבת החוזה בסיסה
קורס סולידיטי – חלק ראשון – receive & fallback
הגענו שיעור האחרון בחלק הראשון של קורס סולידיטי , בו תלמדו כיצד להיות מתכנתי בלוקציין כך שתוכלו לכתוב חוזים חכמים
קורס סולידיטי – חלק ראשון -Payable functions
מי שעבר על הפוסטים הקודמים כבר קצת מכיר את Payable אבל בכל זאת אחזור על הדברים ופוסט זה שכן ראיתי
קורס סולידיטי – חלק ראשון – modifiers
אחרי שלמדנו את ההגדרות הבסיסיות לפונקציות, והתחלתם גם לרשום פונקציות בעצמכם ופתאום נתקלתם בהגדרה נוספת שלא הכרתם שהיא: modifier .
קורס סולידיטי – חלק ראשון – Functions Types
אולי אחד הפוסטים היותר חשובים בנושא של טייפים, לפונקציות ישנן אפשרויות רבות להגדרה ואשתדל לעשות זאת בפוסט אחד וברור ומי
איך לסנן ערכים כפולים במערך (unique)
נראה איך לסנן מערך בעל ערכים שחוזרים על עצמם וליצור מערך עם ערכים ייחודיים בלבד. בנוסף נראה קצת איך להשתמש
קורס סולידיטי – חלק ראשון – constant, immutable
כמפתחים חדשים או וותיקים, חלכם אולי מצאתם לנכון לעבור עם שפות מבוססות טייפים, וחלקכם אולי פחות. גם מי שכן עובד
קורס סולידיטי – חלק ראשון – memory, calldata and storage
בהמשך לפוסט הקודם ובהמשך לחלק הראשון בקורס סולידיטי למתחילים והפעם נדבר על טייפים חשובים מאוד וייחודיים לסולידיטי שמאד חשוב להבין
קורס סולידיטי – חלק ראשון – basic types
ממשיכים לתוך החלקים היותר עסיסיים של החלק הראשון בקורס סולידיטי, מזכיר ומציין כי קורס זה מתאים בעיקר למתכנתי בלוקציין על
נסיוני האישי בראיונות עבודה כמתכנת פרונטאנד
אחד הפוסטים שכבר זמן רב שאני רוצה להוציא לאור. כאחד מבין מתכנתי הפרואנט אנד בישראל גם אני נתקלתי בתהליך הסזיפי
כללים בסיסים לקבלת פרויקט לפיתוח – פרילנסר
בפוסט זה נדון בשאלות שהתשובה עליהם משנה את הערכת הפרויקט, התשלום על העבודה ולנקות חלק מהערפל עבור כל המשתתפים בפרויקט.
קורס סולידיטי – חלק ראשון – DEPLOY remix
להיות מתכנת בלוקציין , בסיס עבודה עם סולידיטי והכרת התהליכים ליצירת חוזה חכם עם remix
קורס סולידיטי – חלק ראשון – remix
רמיקס הינו IDE ייעודי לכתיבת חוזים חכמים על גבי בלוקציין של איתריום (Ethereum) , פותח על ידי הקהילה של איתריום
להיות מתכנת סולידיטי solidity – הקורס המלא.
ברוכים הבאים לקורס סולידיטי. אם ובהתעניינתם בפיתוח בלוקציין וכן קראתם קצת בפוסטים האחרונים שלי, אז ככל הנראה הבנתם שיהיה הכי
Ts loop through object properties
כאשר עושים לולאה על מפתחות של אובייקט ב-typescript ואז מנסים לשלוף ערך מהאוביקט על פי המפתח שלו, מתקבלת שגיאה. נראה
איך לשנות ערכת נושא (Theme) – dark/light mode
נכיר מה זה css variables, נקים שירות באנגולר ו-2 ערכות נושא, אחת בהירה והשניה כהה. בשירות נקים פונקציה שתעבור ל-theme
Angular Microfrontend Module Federation Tutorial – Part 6
מי שהתקין את הגירסה החדשה של module federation , יש מספר הבדלים מהגירסה שהראתי כאן. לא משמעותי, אבל נעבור עליהם
חוזה חכם ERC20 כך תוכלו ליצור מטבע משלכם
כבר כל העולם שמע על בלוקציין ועל התקדמות האינטרנט ל web3 וכמובן שכל העולם עובר ומשתמש במטבעות דיגיטליים .. ובכל
בלוקציין מבוא – קורס מפתח בלוקציין
בפוסט זה לא אציג כמעט קוד , אלא יותר הסברים למי שממש ממש חדש ורוצה להיות מפתח בלוציין ולא יודע
Angular Microfrontend Module Federation Tutorial – Part 5
נראה איך לשלוח מידע בין מיקרו פרונטאנדים שונים ע"י אירוע מיוחד שמסוגל להעביר מידע ע"פ אוביקט שאנחנו ניתן לו. נעביר
Angular Microfrontend Module Federation Tutorial – Part 4
בחלק הזה נראה איך לשפר את הדיירקטיב שלנו, שידע להתמודד עם רכיב ועם מודול שלם, בנוסף, ידע למשוך גם תלויות
Angular Microfrontend Module Federation Tutorial – Part 3
ניצור directive שידע להתמודד עם משיכה של רכיב ממיקרו פרונטאנד אחר, יעבד אותו ויחזיר את הרכיב בתצורה מתאימה לאנגולר ול-html.
יסודות האנגולר- angular lifecycle and change detection
הכל מתחיל בפקודת ng s . הקסם מתרחש , המנוע של אנגולר מתחיל לעבוד ופתאום יש לנו אפליקציה עם שלום
Angular Microfrontend Module Federation Tutorial – Part 2
נראה איך ליצור מודול במיקרו אתר ולמשוך אותו מהאתר הראשי על ידי lazy loading modules routing, נעבור בקצרה על נקודות
Angular Microfrontend Module Federation Tutorial – Part 1
נפתח 3 פרויקטים, אחד מעטפת ועוד 2 שימשכו לתוך המעטפת במספר צורות שונות, החלק הזה נראה איך להתקין ומה המשמעות
loadash – מי אתה ולמה כולם משתמשים בך?
כמעט בכל פרויקט שתעבדו בו, או שצפיתם בו ברשת או כמעט כל פרויקט אחר שעולמות שלנו של javascript אתם ככל
Chat – angular, nodejs and socket.io
נבנה צ'ט בעזרת socket.io ונראה איך לממש אותו בצד השרת nodejs ובצד הלקוח angular. נעבור על השורות החשובות ונראה את
קורס בלוקציין – מעלים את החוזה ל-Mainnet
ברוכים הבאים לשיעור האחרון של קורס בלוקציין NFT שבו עברנו על יסודות בניית חוזה חכם בסולידיטי וגם שימושים בכלים קיימים
קורס בלוקציין – מעלים את החוזה ל-testnet
עכשיו שיש לנו חוזה בסביבה לוקאלית וגם יצירות ב"ענן" של IPFS כעת נבנה את שאר האפליקציה ובהמשך לריץ אותה על
מה קורה ב- setTimeout(fn, 0)
נבין את ההבדל בין קוד סנכרוני ולא סנכרוני, נראה בקצרה איך המנגנון של -JS עובד ומה השינוי ש-settimeout עושה לקוד.
מודדים ביצועים עם ריאקט – React Profiler
כל מי שעובד עם ריאקט בטח מכיר את "בעיית הרינדורים של ריאקט" אם להיות כנה אני לא חושב שזו בעייה,
Angular nested routes
צורת כתיבה של ניתובים בתוך ניתובים, מעבר מהיר על תצורת כתיבה של ניתוב רגיל וניתוב שנמצא בתוך ניתוב אחר ונראות
קורס בלוקציין – יצירות ה NFT על גבי הבלוקציין
ממשיכים ולומדים איך להיות מתכנתי בלוקציין והפעם פרק עם קצת פחות קוד אבל חשוב מאד להבנה שלכם וגם פרקטיקה אם
קורס בלוקציין – עושים MINT בDAPP
אוקי אז אחרי שעשינו את רוב העבודה סביב הבלוקציין הגיע הזמן לתת ליוזרים לעשות MINT דרך איזה אפליקציה וובית שתאפשר
קורס בלוקציין – חוזה חכם עבור NFT
חוזה חכם מבוסס Ethereum עבור NFT נקרא גם ERC721, מכוון שזהו החוזה הראשון שנכתב עבור יצירות NFT וגם הוא מאד
מדריך nodeJS Express – חלק 5 – server
בחלק הזה נראה איך כל החלקים הקודמים מתקשרים לנקודת ההתחלה, נכיר את הדף הראשי שהוא השרת בעצמו, נעבור ונכיר את
קורס בלוקציין – אפליקציה וחוזה חכם DAPP
ממשיכים מהשיעור הקודם את החוזה החכם והפעם נשלב את החוזה לאפליקציה שיצרנו והנה לכם אפליקציה מבוססת בלוקציין! זה אולי לא
קורס בלוקציין – חוזה חכם Smart Contract
החלק המרכזי של כל פרוייקט בלוקציין הוא כתיבת החוזה החכם. כל מתכנת בלוקציין חייב לדעת לכתוב חוזה אחרת אין כל
קורס blockchain – הארנק Wallet
להיות מתכנת בלוקציין זה בטוח לא דבר קל ובטח גם פחות סלחני להבדיל ממתכנת "רגיל", יש הרבה דברים שצריך לדעת
מדריך nodeJS Express – חלק 4 – middleware
בחלק זה נדבר על middleware, פונקציות מבודדות שהתפקיד שלהם לבצע פעולה ספציפית, לתת שירות לקבצים בשרת על ידיד צריכה שלהם
קורס blockchain – הקדמה והכנה לפרויקט
ברוכים הבאים לקורס blockchain ופיתוח אפליקציות web3. אז כפי שהסברנו בפוסט ההקדמה על מה זה web3 נוכל להמשיך וללמד אתכם
מה זה web3
ברוכים הבאים לעולם החדש של האינטרנט, או לפחות הדיבור עם "החברה הטובים". הפעילים הרציניים בתחום האינטרנט מנסים לשים ידם על
מדריך nodeJS Express – חלק 3 – routes
אחרי שדיברנו על מודל ועל קונטרול, עכשיו נדבר על נתב, על איך לנתב את הבקשות מהמשתמש למקום המתאים. בנוסף, נעבור
מדריך nodeJS Express – חלק 2 – controllers
נראה את הקשר שלהם למודל שבנינו, נעבור בקצרה על הפונקציות הקיימות. נראה מה תפקיד הטוקן ומה תפקיד ה- bcrypt. נראה
מדריך הטמעה של SVG כחלק מקוד פרויקט באנגולר
נראה איך אפשר להטמיע SVG כחלק מהפרויקט, ליצא אותם ולמשוך אותם ברכיבים של אנגולר. בנוסף נראה איך עוברים את המערכת
קורס תכנות משחקים – webgl – שיעור שביעי – גרביטציה
אז ברוכים הבאים לשיעורינו האחרון של קורס תכנות משחקים עם webgl. למעשה סיימנו את הפרויקט דוגמה של הקורס כבר בשיעור
קורס תכנות משחקים – webgl – שיעור שישי – לוגיקת סיבוב המטבע וקצת GUI
ברוכים הבאים לשיעור שישי בקורס תכנות משחקים בחינם. בשיעור הזה נבצע את הלוגיקה של סיבוב המטבע שיצרנו בעזרת threejs עם
מדריך nodeJS Express – חלק 1 – models
נראה מבנה בסיסי של nodejs express , נדבר על התפקיד של מודלים, נראה איך לבנות אחד ראשי ואיך לבנות מודלים
קורס תכנות משחקים – webgl – שיעור חמישי – עיצוב המטבע ושימוש בתאורה
אז בשביל ליצור אפקט של מטבע מסתובב צריך לקחת בחשבון שיש למטבע שני צדדים וצריך לשים ציורים שונים על כל
קורס תכנות משחקים – webgl – שיעור רביעי- תנועה של האובייקט הגרפי במרחב
שלום שוב לקוראים היקרים והנה אחד מבין השיעורים שיעלו חיוך על פניכם, אחד הדברים היותר מרגשים כשמתכנתים תלת בתלת מימד
קורס תכנות משחקים – webgl – שיעור שלישי- ציור של אובייקט המטבע
בשיעור היום ניצור את האובייקט של המטבע בתלת מימד ונוסיף אותו היישר לתוך הסצנה במשחק שלנו. והיום סוף סוף נוכל
קורס תכנות משחקים – webgl – שיעור שני- הסצנה והמצלמה
בשיעור היום ניצור את האובייקט של המטבע בתלת מימד על גבי הדפדפן שלנו , בתוך התשתית שיצרנו בשיעור הראשון כך
CSS מותאם לכיוון הדף
נראה דוגמה לבניה ללא left/right אלא התחלה וסיום של השורה, נראה מה קורה כשצריך להגדיר פינות שדורשות X ו-Y כמו
קורס תכנות משחקים – webgl – שיעור ראשון – הקמת הפרויקט
יכול להיות שנתקלתם פה ושם באתרים שעושים שימוש בתלת מימד באתר שלהם. יכול להיות שחשבתם שזה איזה וידאו או קובץ