כל הפוסטים בangular
Nested routing in angular standalone component
זוכרים איך באנגולר היינו מושכים מודול שלם, הוא היה מושך את הראוטים הנוספים ועוד הרבה רכיבים, אבל המשיכה הייתה רק
העברה של מידע נסתר בניווט אנגולר
נראה איך להעביר מידע בזמן ניווט בין רכיבים אבל המידע יהיה נסתר ולא ניתן לראות אותו ב-URL או ב-DOM. עם
מדריך angular standalone component חלק 2
אחרי שראינו lazy loading component בעזרת הראוט, ניצור עוד דף ועוד רכיבים, נחבר אותם העזרת שירות ונעבור על עוד מספר
מדריך angular standalone component חלק 1
תשכחו כל מה שידעתם על אנגולר! טוב לא באמת, אבל ברגע שעוברים לעבודה עם פרויקט מבוסס רכיבים אוטונומים בלבד, יש
מדריך אנימציות באנגולר – angular animation
כמפתח פרונט אנד שיודע לכתוב אנימציות בCSS וגם בJS, ורוצה לגשת לכתוב אנימציות באנגולר, יופתע וגם לא מעט, כי אנגולר
קורס front end – שלבים הראשונים בלכתוב קוד כמו שצריך
כותרת לא אמינה לפוסט הזה אבל זה מה שמצאתי לנכון אז סליחה מראש, בכל מקרה, לכתוב קוד כמו שצריך זה
נסיוני האישי בראיונות עבודה כמתכנת פרונטאנד
אחד הפוסטים שכבר זמן רב שאני רוצה להוציא לאור. כאחד מבין מתכנתי הפרואנט אנד בישראל גם אני נתקלתי בתהליך הסזיפי
איך לשנות ערכת נושא (Theme) – dark/light mode
נכיר מה זה css variables, נקים שירות באנגולר ו-2 ערכות נושא, אחת בהירה והשניה כהה. בשירות נקים פונקציה שתעבור ל-theme
Angular Microfrontend Module Federation Tutorial – Part 6
מי שהתקין את הגירסה החדשה של module federation , יש מספר הבדלים מהגירסה שהראתי כאן. לא משמעותי, אבל נעבור עליהם
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 שימשכו לתוך המעטפת במספר צורות שונות, החלק הזה נראה איך להתקין ומה המשמעות
Chat – angular, nodejs and socket.io
נבנה צ'ט בעזרת socket.io ונראה איך לממש אותו בצד השרת nodejs ובצד הלקוח angular. נעבור על השורות החשובות ונראה את
Angular nested routes
צורת כתיבה של ניתובים בתוך ניתובים, מעבר מהיר על תצורת כתיבה של ניתוב רגיל וניתוב שנמצא בתוך ניתוב אחר ונראות
convert array of objects to formArray in angular reactive form
קרה לכם שרציתם להעביר מערך של מידע שהגיע מהשרת למערך של רכיבים בתוך טופס כדי שהמשתמש יוכל לשנות אותם ולשלוח
רכיבים: בניה של רכיב אקורדיון ברקורסיה נגיש באנגולר
נראה איך רכיב אקורדיון יכול להכיל את עצמו אין סוף פעמים על פי המידע שהוא מקבל, בהתאמה נבנה interface שגם
רכיבים: בניה של רכיב לוח שנה נגיש באנגולר
יצירה של רכיב לוח שנה נגיש באנגולר אשר יכול גם לקבל ארועים על פני מספר ימים בחודש. נעבור על הבניה
רכיבים: בניה של רכיב MULTI-SELECT נגיש באנגולר
נראה איך לבנות רכיב MULTI SELECT, נבנה אותו נגיש עבור מקלדת וקוראי מסך, נעבור על הפונקציות שחייבים לממש . לבסוף
רכיבים: בניה של רכיב AUTOCOMPLETE נגיש באנגולר
נראה איך לבנות רכיב AUTOCOMPLETE, נבנה אותו נגיש עבור מקלדת וקוראי מסך, נעבור על הפונקציות שחייבים לממש . לבסוף נראה
רכיבים: בניה של רכיב SELECT נגיש באנגולר
נראה איך לבנות רכיב SELECT, נבנה אותו נגיש עבור מקלדת וקוראי מסך, נעבור על הפונקציות שחייבים לממש ומה התפקיד שלהן.
אינטרספטור באנגולר (interceptor)
נראה מה תפקידו של אינטרספטור, איך מפעילים אותו וניתן 2 דוגמאות לאינטרספטורים שונים כדי להמחיש את השימוש בהם, אחד עבור
Image file upload with preview in reactive form
נראה איך לעצב כפתור העלאת קובץ , נשייך אותו לטופס של אנגולר, נעשה לו בדיקת אימות של סוג הטופס ונשלח
angular lazy loading modules routing
הסבר לשימוש ב-lazy loading באנגולר , הפקודות, המבנה של הפרויקט ומה אפשר ואי אפשר לעשות עם הרכיבים בפרויקט.
בניה של טופס דינמי על פי מידע מהשרת באנגולר
איך ליצור טופס שכל השדות שלו נקבעים על פי מידע שנשלח מהשרת
צורות שונות לקריאה של קומפוננטות אנגולר (angular selector types)
להשמה של רכיב אנגולר ב-HTML יש יותר מדרך אחת, זה מאפשר לסדר את הדף בצורה יותר נקיה ולעשות ארכיטקטורה יותר
scroll to anchor | עם אנגולר. נחמד ושימושי
על מנת לייצר חוויה למשתמש אין צורך לעשות משהו מאוד גרנדיוזי . לרוב, המשתמש שלכם יחווה חוויה דווקא בשימושים קטנים
מדריך אנגולר reactive form – יוצאים לדרך.
אוקי חברים אז בגלל שכל הנושא של טפסים באנגולר הוא לא כזה איזי ובטח לא יכול היות בפוסט אחד. אז
אנגולר Rxjs – BehaviorSubject in Service file
בספרית rxjs יש מספר סוגים של subject , כל אחד והיעוד שלו (והיתרון שלו). הפעם אנחנו נראה איך להשתמש ב-behaviorSubject
שימוש יעיל ב async pipe – אנגולר
מי שמכיר pipes באנגולר, כנראה מכיר היטב את async . שימושי מאוד! מי שפחות מכיר, אז מדובר בפייפ שיודע לקבל
custom validator for groups – אנגולר ולידטור ייחודי לגרופ ב-reactive form
אחד הדברים ששימושיים בטפסים הוא נושא הוולידציות . באנגולר השקיעו הרבה מחשבה בטפסים ובוולידציות בפרט . אז היה טיפ שיעזור