כל הפוסטים במדריך אנגולר
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 שימשכו לתוך המעטפת במספר צורות שונות, החלק הזה נראה איך להתקין ומה המשמעות
Angular nested routes
צורת כתיבה של ניתובים בתוך ניתובים, מעבר מהיר על תצורת כתיבה של ניתוב רגיל וניתוב שנמצא בתוך ניתוב אחר ונראות
מדריך הטמעה של SVG כחלק מקוד פרויקט באנגולר
נראה איך אפשר להטמיע SVG כחלק מהפרויקט, ליצא אותם ולמשוך אותם ברכיבים של אנגולר. בנוסף נראה איך עוברים את המערכת
convert array of objects to formArray in angular reactive form
קרה לכם שרציתם להעביר מערך של מידע שהגיע מהשרת למערך של רכיבים בתוך טופס כדי שהמשתמש יוכל לשנות אותם ולשלוח
רכיבים: בניה של רכיב לוח שנה נגיש באנגולר
יצירה של רכיב לוח שנה נגיש באנגולר אשר יכול גם לקבל ארועים על פני מספר ימים בחודש. נעבור על הבניה
רכיבים: בניה של רכיב MULTI-SELECT נגיש באנגולר
נראה איך לבנות רכיב MULTI SELECT, נבנה אותו נגיש עבור מקלדת וקוראי מסך, נעבור על הפונקציות שחייבים לממש . לבסוף
רכיבים: בניה של רכיב AUTOCOMPLETE נגיש באנגולר
נראה איך לבנות רכיב AUTOCOMPLETE, נבנה אותו נגיש עבור מקלדת וקוראי מסך, נעבור על הפונקציות שחייבים לממש . לבסוף נראה
רכיבים: בניה של רכיב SELECT נגיש באנגולר
נראה איך לבנות רכיב SELECT, נבנה אותו נגיש עבור מקלדת וקוראי מסך, נעבור על הפונקציות שחייבים לממש ומה התפקיד שלהן.
אנגולר reactive forms | איך לבדוק שדות עם ולידציה בלחיצה על submit
אז בהמשך למדריך על reactive forms באנגולר . אביא פה עוד תוספת קטנה , שימושית אם לומר את האמת, אבל
מדריך אנגולר בסיסי 101 – חלק 4 – מתחילים לבנות
מדריך בסיסי בו נדבר על התקנה של אנגולר, הכרה בסיסית של הפרויקט והספריות בו ונלמד דברים חשובים שצריך לדעת לפני
מדריך אנגולר בסיסי 101 – חלק 3 – תפקיד הספריות החדשות שיצרנו
מדריך בסיסי בו נדבר על התקנה של אנגולר, הכרה בסיסית של הפרויקט והספריות בו ונלמד דברים חשובים שצריך לדעת לפני
מדריך אנגולר בסיסי 101 – חלק 2 – הכרה של הפרויקט
מדריך בסיסי בו נדבר על התקנה של אנגולר, הכרה בסיסית של הפרויקט והספריות בו ונלמד דברים חשובים שצריך לדעת לפני
מדריך אנגולר בסיסי 101 – חלק 1 – התקנה
מדריך בסיסי בו נדבר על התקנה של אנגולר, הכרה בסיסית של הפרויקט והספריות בו ונלמד דברים חשובים שצריך לדעת לפני
אנגולר NavigationExtras – skipLocationChange
טיפ קטן, פשוט ושימושי! לא נפוץ במיוחד אבל תתפלאו לגלות כמה זה יכול להקל עליכם אם אתם משתמשים בruoter-outlet פנימי
מדריך PWA באנגולר
מדריך Progressive Web Apps לאנגולר CLI , מעבר על היתרונות והיכולות שלו. הדרכה על הקבצים שלו והמשמעות של המאפיינים ב-manifast
רכיבים חכמים ורכיבים טיפשים באנגולר
מדריך קצר שעושה סקירה על צורת בניה של פרויקט באנגולר ועל שימוש של רכיבים חכמים ורכיבים טיפשים, בדגש על יתרונות
מדריך אנגולר | סיכום מיני קורס אנגולר reactive forms
הגענו לסיום הקורס באנגולר טפסים מגיבים! למדנו הרבה דברים מעניינים והנה סיכום: מה זה abstract control formControl formGroups, formArray הגדרת
מדריך אנגולר | reactive forms – ולידציות וחיווי בUI
החלק האומנותי הגיע ואנחנו ממש כבר לקראת סיום המיני קורס באנגולר reactive forms. בהחלט מה שחשוב לדעת מלבד לבנות ולידציות
מדריך אנגולר | reactive forms – ולידציות בהתאמה אישית
אז אחרי שהבנתם מהם ולידציות ואיך נראים ולידציות מובנות. בטח חשבתם לעצמכם, או אפילו כבר נתקלתם בכך שלא קיימת ולידציה
מדריך אנגולר | reactive forms – הוספת ולידציות מובנות
אז אחד החלקים האומנותיים בעבודה עם טפסים הם הולידציות. אנגולר מציע סט שלכם של ולדציות מובנות שכן הם השימושיות לרוב
מדריך אנגולר | reactive forms – חיבור הטופס הריאקטיבי לתצוגת הטופס
אחרי שהיצרנו והרכבנו את האובייקט הריאקטיבי בעזרת formBuilder .עכשיו כל שנותר לנו זה לבנות את הטופס הHTML. ולשייך ולהגדיר, בעזרת
מדריך אנגולר | reactive forms – ארכיטקטורה ובנייה נכונה
השיעור הזה והשיעורים הבאים ככל הנראה יהיו יותר פרקטיים, והגיע הזמן ללכלך את הידיים שלנו ולבנות קצת טפסים!. אז קודם
מדריך אנגולר | reactive forms – בסיס לבניית הטופס המגיב.
אוקיי אז הגענו לשלב שבו מתחילים לרשום קצת טופסים ולמעשה "סיימנו תיאוריה" (לא מדוייק אבל מפה והלאה זה יהיה לרוב
מדריך אנגולר | reactive forms – היכרות בסיסית עם AbstractControl
אפשרויות רבות מתאפשרות בעבודה עם reactive forms , ולמעשה כל האפשרויות הללו מגיעות מהאינסטנס של AbstractControl. שמביא איתו את כל
מדריך אנגולר reactive form – יוצאים לדרך.
אוקי חברים אז בגלל שכל הנושא של טפסים באנגולר הוא לא כזה איזי ובטח לא יכול היות בפוסט אחד. אז
איך יוצרים טופס פשוט – אנגולר וטפסים מגיבים | Reactive Forms
כל מה שמכיר אנגולר (או שלא מכיר ועכשיו נתקל בפוסט הזה) . ישנם 2 צורות לכתוב טפסים: Reactive Forms Template