כל הפוסטים בTypescript
סוג של שידרוג ל-javascript, היתרון הכי גדול שלו זה הזיהוי/סוג של כל משתנה ולכן הוא גם נקרא כך.
מי שמכיר את javascript יודע שכל משתנה יכול להיות מכל סוג, לכאורה זה דבר טוב וזה הופך את השפה למאוד גמישה אבל מצד שני זה מתכון לשגיאות אם לא נזהרים.
אין debug שיכול להראות לפני זמן ריצה בעיה בקוד, אינטלסנס לא טוב בגלל שכל משתנה יכול להיות כל דבר.
typescript בא לעשות סדר בבלגן, אפשר ורצוי להוסיף לכל משתנה את הסוג שלו, אפשר להמציא סוגים משלנו על ידי interface וזה הופך את העבודה מאוד דומה ל-C# ומאוד נוחה לנו.
Nested routing in angular standalone component
זוכרים איך באנגולר היינו מושכים מודול שלם, הוא היה מושך את הראוטים הנוספים ועוד הרבה רכיבים, אבל המשיכה הייתה רק
מדריך angular standalone component חלק 2
אחרי שראינו lazy loading component בעזרת הראוט, ניצור עוד דף ועוד רכיבים, נחבר אותם העזרת שירות ונעבור על עוד מספר
מדריך angular standalone component חלק 1
תשכחו כל מה שידעתם על אנגולר! טוב לא באמת, אבל ברגע שעוברים לעבודה עם פרויקט מבוסס רכיבים אוטונומים בלבד, יש
nextJS – קורס fullstack – עמודים ותבניות של nextJs
בקורס fullstack זה אנחנו נתמקד ב nextJS וזאת מכוון שnextJS הולך ונהיה פופולארי בימים אלו, כמו כן הוא פתרון טוב
מדריך typescript in nodejs express
בפוסט זה נראה איך להקים nodeTs, במילים אחרות, nodejs מבוסס typescript. נחבר interface, model, controller, router ונראה את השוני מכתיבה
Ts loop through object properties
כאשר עושים לולאה על מפתחות של אובייקט ב-typescript ואז מנסים לשלוף ערך מהאוביקט על פי המפתח שלו, מתקבלת שגיאה. נראה
איך לשנות ערכת נושא (Theme) – dark/light mode
נכיר מה זה css variables, נקים שירות באנגולר ו-2 ערכות נושא, אחת בהירה והשניה כהה. בשירות נקים פונקציה שתעבור ל-theme
Chat – angular, nodejs and socket.io
נבנה צ'ט בעזרת socket.io ונראה איך לממש אותו בצד השרת nodejs ובצד הלקוח angular. נעבור על השורות החשובות ונראה את
מודדים ביצועים עם ריאקט – React Profiler
כל מי שעובד עם ריאקט בטח מכיר את "בעיית הרינדורים של ריאקט" אם להיות כנה אני לא חושב שזו בעייה,
Angular nested routes
צורת כתיבה של ניתובים בתוך ניתובים, מעבר מהיר על תצורת כתיבה של ניתוב רגיל וניתוב שנמצא בתוך ניתוב אחר ונראות
מדריך הטמעה של SVG כחלק מקוד פרויקט באנגולר
נראה איך אפשר להטמיע SVG כחלק מהפרויקט, ליצא אותם ולמשוך אותם ברכיבים של אנגולר. בנוסף נראה איך עוברים את המערכת
קורס חינם React & GraphQL – שיעור ראשון – אתחול צד לקוח
ברוכים הבאים לקורס חינם בריאקט! זהו מיני קורס חינמי, שבו נלמד שניים מהטכנולוגיות היותר פופולאריות היום בשוק והם: React –
מדריך ריאקט – react hooks | Custom Hook
ברוכים הבאים לשיעור האחרון במדריך ריאקט – React Hooks . הפעם נעבור על איך לייצר הוק משלכם! מה שנקרא custom
How to trigger event with another event
איך להפעיל ארוע בעזרת ארוע אחר באנגולר, נראה איך לקשור ארוע של פוקוס לארוע של כניסת עכבר ואיך לקשור ארוע
טיפים וטריקים באנגולר (tips & tricks)
אוסף של טיפים וטריקים קצרים לעבודה יותר נכונה עם אנגולר
SEO| שינוי Meta tag בהתאם לדף באנגולר
שינוי meta tags דינמית באנגולר לשיפור SEO והופעה במנועי חיפוש
מדריך אנגולר | reactive forms – הוספת ולידציות מובנות
אז אחד החלקים האומנותיים בעבודה עם טפסים הם הולידציות. אנגולר מציע סט שלכם של ולדציות מובנות שכן הם השימושיות לרוב
בניה של טופס דינמי על פי מידע מהשרת באנגולר
איך ליצור טופס שכל השדות שלו נקבעים על פי מידע שנשלח מהשרת
צורות שונות לקריאה של קומפוננטות אנגולר (angular selector types)
להשמה של רכיב אנגולר ב-HTML יש יותר מדרך אחת, זה מאפשר לסדר את הדף בצורה יותר נקיה ולעשות ארכיטקטורה יותר
SEO| שינוי כותרת של הדף באנגולר
שינוי דינמי של כותרת הדף/עמוד באנגולר בשיטה הקלה והקצרה מול השיטה הנכונה יותר
אנגולר Rxjs – BehaviorSubject in Service file
בספרית rxjs יש מספר סוגים של subject , כל אחד והיעוד שלו (והיתרון שלו). הפעם אנחנו נראה איך להשתמש ב-behaviorSubject
angular input and output in the same variable
באנגולר אפשר לכתוב [(ngModel)] , זה נותן לנו חיבור דו כיווני (קריאה וכתיבה). האם ניתן לעשות את זה לכל משתנה
משתנים נוספים באנגולר ngfor
כאשר מבצעים ngfor אפשר למשוך את ה-index שלו, i=index . בנוסף אפשר למשוך עוד נתונים מ-ngfor כמו אלמנט ראשון ואחרון או כל הזוגיים והאי זוגיים. להפעיל class על
ריבוי מודולים באנגולר
כאשר אנחנו עובדים על אפליקציה גדולה עם ריבוי קומפוננטות וה- app.module.ts הופך לרשימת קניות ארוכה ניתן לפצל את המודול בצורה הבאה: יש