כל הפוסטים בלימודי אנגולר
קודודייל מביא לכם את כל המידע ולימודי אנגולר מתוך עולם העבודה. איך לומדים אנגולר תוך כדי פיתוח. כל הטריקים והשטיקים שיש באנגולר שחשוב לדעת. כמו כן מיני קורסים באנגולר או מדריכים למינהם שיצרנו עבורכם הקוראים. בקיצור מבטיחים לכם הרבה דברים מעניינים שיתנו לכם כלים פרקטיים להיות תיני קוד אנגולריים 🐊
Nested routing in angular standalone 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, נעבור בקצרה על נקודות
אנגולר reactive forms | איך לבדוק שדות עם ולידציה בלחיצה על submit
אז בהמשך למדריך על reactive forms באנגולר . אביא פה עוד תוספת קטנה , שימושית אם לומר את האמת, אבל
אנגולר NavigationExtras – skipLocationChange
טיפ קטן, פשוט ושימושי! לא נפוץ במיוחד אבל תתפלאו לגלות כמה זה יכול להקל עליכם אם אתם משתמשים בruoter-outlet פנימי
מדריך אנגולר | סיכום מיני קורס אנגולר 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. שמביא איתו את כל
scroll to anchor | עם אנגולר. נחמד ושימושי
על מנת לייצר חוויה למשתמש אין צורך לעשות משהו מאוד גרנדיוזי . לרוב, המשתמש שלכם יחווה חוויה דווקא בשימושים קטנים
מדריך אנגולר reactive form – יוצאים לדרך.
אוקי חברים אז בגלל שכל הנושא של טפסים באנגולר הוא לא כזה איזי ובטח לא יכול היות בפוסט אחד. אז
איך יוצרים טופס פשוט – אנגולר וטפסים מגיבים | Reactive Forms
כל מה שמכיר אנגולר (או שלא מכיר ועכשיו נתקל בפוסט הזה) . ישנם 2 צורות לכתוב טפסים: Reactive Forms Template