קודקודייל
  • קודקודייל
  • מי אתם קודקודייל?
  • קורסים בחינם
  • צרו קשר
  • בניית אתרים
    • וורדפרס
  • נגישות אתרים
  • כל הקטגוריות
    • אנגולר
    • HTML
    • CSS
    • Javascript
    • Typescript
    • NodeJs
    • בלוקציין
  • קודקודייל
  • מי אתם קודקודייל?
  • קורסים בחינם
  • צרו קשר
  • בניית אתרים
    • וורדפרס
  • נגישות אתרים
  • כל הקטגוריות
    • אנגולר
    • HTML
    • CSS
    • Javascript
    • Typescript
    • NodeJs
    • בלוקציין
קודקודייל
  • קודקודייל
  • מי אתם קודקודייל?
  • קורסים בחינם
  • צרו קשר
  • בניית אתרים
    • וורדפרס
  • נגישות אתרים
  • כל הקטגוריות
    • אנגולר
    • HTML
    • CSS
    • Javascript
    • Typescript
    • NodeJs
    • בלוקציין
  • קודקודייל
  • מי אתם קודקודייל?
  • קורסים בחינם
  • צרו קשר
  • בניית אתרים
    • וורדפרס
  • נגישות אתרים
  • כל הקטגוריות
    • אנגולר
    • HTML
    • CSS
    • Javascript
    • Typescript
    • NodeJs
    • בלוקציין
ראשי ♦ מאמרים של: עידן יצחקי

כל הפוסטים של עידן יצחקי

Nested routing in angular standalone component
Typescript
15 בנובמבר 2024 11:49 תגובה אחת עידן יצחקי

Nested routing in angular standalone component

זוכרים איך באנגולר היינו מושכים מודול שלם, הוא היה מושך את הראוטים הנוספים ועוד הרבה רכיבים, אבל המשיכה הייתה רק

קרא עוד ←
רכיב: שדה בחירה (סלקט) נגיש ב-JS
Javascript
3 במאי 2024 14:19 אין תגובות עידן יצחקי

רכיב: שדה בחירה (סלקט) נגיש ב-JS

לבנות סלקט ידנית זה הבסיס לרכיבים כמו בחירה מרובה, השלמה מתוך אופציות ועוד הרבה סוגים של בחירות. לכן, אם נדע

קרא עוד ←
העברה של מידע נסתר בניווט אנגולר
אנגולר
30 במרץ 2024 14:30 אין תגובות עידן יצחקי

העברה של מידע נסתר בניווט אנגולר

נראה איך להעביר מידע בזמן ניווט בין רכיבים אבל המידע יהיה נסתר ולא ניתן לראות אותו ב-URL או ב-DOM. עם

קרא עוד ←
מדריך angular standalone component חלק 2
Typescript
20 בינואר 2024 17:11 אין תגובות עידן יצחקי

מדריך angular standalone component חלק 2

אחרי שראינו lazy loading component בעזרת הראוט, ניצור עוד דף ועוד רכיבים, נחבר אותם העזרת שירות ונעבור על עוד מספר

קרא עוד ←
מדריך angular standalone component חלק 1
Typescript
20 בינואר 2024 17:11 אין תגובות עידן יצחקי

מדריך angular standalone component חלק 1

תשכחו כל מה שידעתם על אנגולר! טוב לא באמת, אבל ברגע שעוברים לעבודה עם פרויקט מבוסס רכיבים אוטונומים בלבד, יש

קרא עוד ←
שדה טקסט עשיר עם תמונות
HTML
29 בדצמבר 2023 21:17 אין תגובות עידן יצחקי

שדה טקסט עשיר עם תמונות

אתם הולכים להיות מופתעים עד כמה HTML יכול להיות חכם ולבצע משהו כל כך מורכב, שאם אנחנו היינו רוצים ליצור

קרא עוד ←
פקודות גיט (GIT) בסיסיות ואיך להשתמש בהן
כלים נוספים
11 בנובמבר 2023 19:15 אין תגובות עידן יצחקי

פקודות גיט (GIT) בסיסיות ואיך להשתמש בהן

נעבור על רשימה בסיסית של פקודות גיט, נראה בקצרה מה כל פקודה עושה ואיך להשתמש בה.

קרא עוד ←
מדריך typescript in nodejs express
nodeJs
14 ביולי 2023 11:57 אין תגובות עידן יצחקי

מדריך typescript in nodejs express

בפוסט זה נראה איך להקים nodeTs, במילים אחרות, nodejs מבוסס typescript. נחבר interface, model, controller, router ונראה את השוני מכתיבה

קרא עוד ←
Expressions & operators in javascript
Javascript
14 באפריל 2023 14:01 אין תגובות עידן יצחקי

Expressions & operators in javascript

נראה ביטויים, תנאים ומפעילים ב-JS. נראה איך להשתמש בהם, תוצאות שלהם ובמקרים מסויימים מה ההגבלות והחסרונות שלהם.

קרא עוד ←
איך לסנן ערכים כפולים במערך (unique)
Javascript
6 בינואר 2023 11:41 אין תגובות עידן יצחקי

איך לסנן ערכים כפולים במערך (unique)

נראה איך לסנן מערך בעל ערכים שחוזרים על עצמם וליצור מערך עם ערכים ייחודיים בלבד. בנוסף נראה קצת איך להשתמש

קרא עוד ←
כללים בסיסים לקבלת פרויקט לפיתוח – פרילנסר
בניית אתרים
26 בנובמבר 2022 14:59 אין תגובות עידן יצחקי

כללים בסיסים לקבלת פרויקט לפיתוח – פרילנסר

בפוסט זה נדון בשאלות שהתשובה עליהם משנה את הערכת הפרויקט, התשלום על העבודה ולנקות חלק מהערפל עבור כל המשתתפים בפרויקט.

קרא עוד ←
Ts loop through object properties
Typescript
10 באוקטובר 2022 12:34 אין תגובות עידן יצחקי

Ts loop through object properties

כאשר עושים לולאה על מפתחות של אובייקט ב-typescript ואז מנסים לשלוף ערך מהאוביקט על פי המפתח שלו, מתקבלת שגיאה. נראה

קרא עוד ←
איך לשנות ערכת נושא (Theme) – dark/light mode
CSS
20 באוגוסט 2022 13:13 אין תגובות עידן יצחקי

איך לשנות ערכת נושא (Theme) – dark/light mode

נכיר מה זה css variables, נקים שירות באנגולר ו-2 ערכות נושא, אחת בהירה והשניה כהה. בשירות נקים פונקציה שתעבור ל-theme

קרא עוד ←
Angular Microfrontend Module Federation Tutorial – Part 6
אנגולר
23 ביולי 2022 15:30 אין תגובות עידן יצחקי

Angular Microfrontend Module Federation Tutorial – Part 6

מי שהתקין את הגירסה החדשה של module federation , יש מספר הבדלים מהגירסה שהראתי כאן. לא משמעותי, אבל נעבור עליהם

קרא עוד ←
Angular Microfrontend Module Federation Tutorial – Part 5
אנגולר
16 ביולי 2022 10:11 אין תגובות עידן יצחקי

Angular Microfrontend Module Federation Tutorial – Part 5

נראה איך לשלוח מידע בין מיקרו פרונטאנדים שונים ע"י אירוע מיוחד שמסוגל להעביר מידע ע"פ אוביקט שאנחנו ניתן לו. נעביר

קרא עוד ←
Angular Microfrontend Module Federation Tutorial – Part 4
אנגולר
2 ביולי 2022 8:44 2 תגובות עידן יצחקי

Angular Microfrontend Module Federation Tutorial – Part 4

בחלק הזה נראה איך לשפר את הדיירקטיב שלנו, שידע להתמודד עם רכיב ועם מודול שלם, בנוסף, ידע למשוך גם תלויות

קרא עוד ←
Angular Microfrontend Module Federation Tutorial – Part 3
אנגולר
17 ביוני 2022 10:50 אין תגובות עידן יצחקי

Angular Microfrontend Module Federation Tutorial – Part 3

ניצור directive שידע להתמודד עם משיכה של רכיב ממיקרו פרונטאנד אחר, יעבד אותו ויחזיר את הרכיב בתצורה מתאימה לאנגולר ול-html.

קרא עוד ←
Angular Microfrontend Module Federation Tutorial – Part 2
אנגולר
10 ביוני 2022 11:30 אין תגובות עידן יצחקי

Angular Microfrontend Module Federation Tutorial – Part 2

נראה איך ליצור מודול במיקרו אתר ולמשוך אותו מהאתר הראשי על ידי lazy loading modules routing, נעבור בקצרה על נקודות

קרא עוד ←
Angular Microfrontend Module Federation Tutorial – Part 1
אנגולר
10 ביוני 2022 11:27 אין תגובות עידן יצחקי

Angular Microfrontend Module Federation Tutorial – Part 1

נפתח 3 פרויקטים, אחד מעטפת ועוד 2 שימשכו לתוך המעטפת במספר צורות שונות, החלק הזה נראה איך להתקין ומה המשמעות

קרא עוד ←
Chat – angular, nodejs and socket.io
nodeJs
29 באפריל 2022 11:12 אין תגובות עידן יצחקי

Chat – angular, nodejs and socket.io

נבנה צ'ט בעזרת socket.io ונראה איך לממש אותו בצד השרת nodejs ובצד הלקוח angular. נעבור על השורות החשובות ונראה את

קרא עוד ←
מה קורה ב- setTimeout(fn, 0)
Javascript
8 באפריל 2022 12:06 אין תגובות עידן יצחקי

מה קורה ב- setTimeout(fn, 0)

נבין את ההבדל בין קוד סנכרוני ולא סנכרוני, נראה בקצרה איך המנגנון של -JS עובד ומה השינוי ש-settimeout עושה לקוד.

קרא עוד ←
Angular nested routes
Typescript
25 במרץ 2022 10:50 אין תגובות עידן יצחקי

Angular nested routes

צורת כתיבה של ניתובים בתוך ניתובים, מעבר מהיר על תצורת כתיבה של ניתוב רגיל וניתוב שנמצא בתוך ניתוב אחר ונראות

קרא עוד ←
מדריך nodeJS Express – חלק 5 – server
Javascript
12 במרץ 2022 9:41 אין תגובות עידן יצחקי

מדריך nodeJS Express – חלק 5 – server

בחלק הזה נראה איך כל החלקים הקודמים מתקשרים לנקודת ההתחלה, נכיר את הדף הראשי שהוא השרת בעצמו, נעבור ונכיר את

קרא עוד ←
מדריך nodeJS Express – חלק 4 – middleware
Javascript
26 בפברואר 2022 16:00 3 תגובות עידן יצחקי

מדריך nodeJS Express – חלק 4 – middleware

בחלק זה נדבר על middleware, פונקציות מבודדות שהתפקיד שלהם לבצע פעולה ספציפית, לתת שירות לקבצים בשרת על ידיד צריכה שלהם

קרא עוד ←
מדריך nodeJS Express – חלק 3 – routes
Javascript
12 בפברואר 2022 12:30 אין תגובות עידן יצחקי

מדריך nodeJS Express – חלק 3 – routes

אחרי שדיברנו על מודל ועל קונטרול, עכשיו נדבר על נתב, על איך לנתב את הבקשות מהמשתמש למקום המתאים. בנוסף, נעבור

קרא עוד ←
מדריך nodeJS Express – חלק 2 – controllers
Javascript
5 בפברואר 2022 12:56 אין תגובות עידן יצחקי

מדריך nodeJS Express – חלק 2 – controllers

נראה את הקשר שלהם למודל שבנינו, נעבור בקצרה על הפונקציות הקיימות. נראה מה תפקיד הטוקן ומה תפקיד ה- bcrypt. נראה

קרא עוד ←
מדריך הטמעה של SVG כחלק מקוד פרויקט באנגולר
Typescript
28 בינואר 2022 18:25 אין תגובות עידן יצחקי

מדריך הטמעה של SVG כחלק מקוד פרויקט באנגולר

נראה איך אפשר להטמיע SVG כחלק מהפרויקט, ליצא אותם ולמשוך אותם ברכיבים של אנגולר. בנוסף נראה איך עוברים את המערכת

קרא עוד ←
מדריך nodeJS Express – חלק 1 – models
Javascript
22 בינואר 2022 12:58 אין תגובות עידן יצחקי

מדריך nodeJS Express – חלק 1 – models

נראה מבנה בסיסי של nodejs express , נדבר על התפקיד של מודלים, נראה איך לבנות אחד ראשי ואיך לבנות מודלים

קרא עוד ←
CSS מותאם לכיוון הדף
CSS
14 בינואר 2022 17:54 אין תגובות עידן יצחקי

CSS מותאם לכיוון הדף

נראה דוגמה לבניה ללא left/right אלא התחלה וסיום של השורה, נראה מה קורה כשצריך להגדיר פינות שדורשות X ו-Y כמו

קרא עוד ←
מה אפשר לעשות עם js console
Javascript
7 בינואר 2022 10:23 אין תגובות עידן יצחקי

מה אפשר לעשות עם js console

פירוט על האופציות של console, כמו: log, dir, warn, error, group, table, trace. בנוסף נראה איך לצבוע את המלל ולבסוף

קרא עוד ←
איך למחוק על פי מערך של אובייקטים ב-mongoDb בשימוש nodeJs Express
Javascript
31 בדצמבר 2021 8:54 אין תגובות עידן יצחקי

איך למחוק על פי מערך של אובייקטים ב-mongoDb בשימוש nodeJs Express

ניצור פונקציה שמקבלת מערך של אובייקטים ועל פי המערך מוחקת מבסיס הנתונים שלנו את המידע המתאים. לאחר הפעולה נחזיר תשובה

קרא עוד ←
איך לשמור או לעדכן מערך של אובייקטים ב-mongoDb בשימוש nodeJs Express
Javascript
25 בדצמבר 2021 12:03 אין תגובות עידן יצחקי

איך לשמור או לעדכן מערך של אובייקטים ב-mongoDb בשימוש nodeJs Express

נראה איך לעדכן מערך של נתונים שהגיע מהמשתמש, כאשר חלק מהנתונים חדשים וחלק קיימים ודורשים עדכון ונראה איך לשלוח חזרה

קרא עוד ←
convert array of objects to formArray in angular reactive form
אנגולר
17 בדצמבר 2021 13:43 אין תגובות עידן יצחקי

convert array of objects to formArray in angular reactive form

קרה לכם שרציתם להעביר מערך של מידע שהגיע מהשרת למערך של רכיבים בתוך טופס כדי שהמשתמש יוכל לשנות אותם ולשלוח

קרא עוד ←
כניסה לשוק של תוכניתן מתחיל
בניית אתרים
10 בדצמבר 2021 10:34 אין תגובות עידן יצחקי

כניסה לשוק של תוכניתן מתחיל

הכרות קצרה איתי כמגייס ובוחן למשרות תוכניתן ג'וניור, למה לשים לב כשבוחרים קורס ואיך להגיע לראיון. במה להתמקד בזמן

קרא עוד ←
Map vs. ForEach
Javascript
19 בנובמבר 2021 11:35 אין תגובות עידן יצחקי

Map vs. ForEach

נדבר על ההבדל בינהם, נראה דוגמאות להתנהגות של כל אחד ואת התוצאות לאחר הרצה והדפסה של המערכים כאשר הם עברו

קרא עוד ←
רכיבים: בניה של רכיב אקורדיון ברקורסיה נגיש באנגולר
אנגולר
12 בנובמבר 2021 10:42 אין תגובות עידן יצחקי

רכיבים: בניה של רכיב אקורדיון ברקורסיה נגיש באנגולר

נראה איך רכיב אקורדיון יכול להכיל את עצמו אין סוף פעמים על פי המידע שהוא מקבל, בהתאמה נבנה interface שגם

קרא עוד ←
רכיבים: בניה של רכיב לוח שנה נגיש באנגולר
אנגולר
5 בנובמבר 2021 11:08 אין תגובות עידן יצחקי

רכיבים: בניה של רכיב לוח שנה נגיש באנגולר

יצירה של רכיב לוח שנה נגיש באנגולר אשר יכול גם לקבל ארועים על פני מספר ימים בחודש. נעבור על הבניה

קרא עוד ←
רכיבים: בניה של רכיב MULTI-SELECT נגיש באנגולר
אנגולר
22 באוקטובר 2021 10:11 אין תגובות עידן יצחקי

רכיבים: בניה של רכיב MULTI-SELECT נגיש באנגולר

נראה איך לבנות רכיב MULTI SELECT, נבנה אותו נגיש עבור מקלדת וקוראי מסך, נעבור על הפונקציות שחייבים לממש . לבסוף

קרא עוד ←
רכיבים: בניה של רכיב AUTOCOMPLETE נגיש באנגולר
אנגולר
21 באוקטובר 2021 23:17 אין תגובות עידן יצחקי

רכיבים: בניה של רכיב AUTOCOMPLETE נגיש באנגולר

נראה איך לבנות רכיב AUTOCOMPLETE, נבנה אותו נגיש עבור מקלדת וקוראי מסך, נעבור על הפונקציות שחייבים לממש . לבסוף נראה

קרא עוד ←
רכיבים: בניה של רכיב SELECT נגיש באנגולר
אנגולר
20 באוקטובר 2021 23:07 אין תגובות עידן יצחקי

רכיבים: בניה של רכיב SELECT נגיש באנגולר

נראה איך לבנות רכיב SELECT, נבנה אותו נגיש עבור מקלדת וקוראי מסך, נעבור על הפונקציות שחייבים לממש ומה התפקיד שלהן.

קרא עוד ←
איך למשוך דינמית favicon של אתרים אחרים ב-JS
HTML
1 באוקטובר 2021 13:32 אין תגובות עידן יצחקי

איך למשוך דינמית favicon של אתרים אחרים ב-JS

בפוסט זה נראה איך אפשר על פי לינקים בדף למשוך את ה-favicon מהדומיין שלהם באופן דינמי, בדיקה של תקינות התמונה

קרא עוד ←
אינטרספטור באנגולר (interceptor)
אנגולר
7 בספטמבר 2021 12:35 אין תגובות עידן יצחקי

אינטרספטור באנגולר (interceptor)

נראה מה תפקידו של אינטרספטור, איך מפעילים אותו וניתן 2 דוגמאות לאינטרספטורים שונים כדי להמחיש את השימוש בהם, אחד עבור

קרא עוד ←
הגדרות אבטחה על ראוטינג של אנגולר (Guards)
אנגולר
5 בספטמבר 2021 14:34 אין תגובות עידן יצחקי

הגדרות אבטחה על ראוטינג של אנגולר (Guards)

בניה פשוט של GUARD על נתיב URL בקובץ - app-routing.module , הפונקציה תבדוק אם המשתמש ביצע לוג-אין, אם לא,

קרא עוד ←
Image file upload with preview in reactive form
אנגולר
3 בספטמבר 2021 17:25 אין תגובות עידן יצחקי

Image file upload with preview in reactive form

נראה איך לעצב כפתור העלאת קובץ , נשייך אותו לטופס של אנגולר, נעשה לו בדיקת אימות של סוג הטופס ונשלח

קרא עוד ←
מדריך אנגולר בסיסי 101 – חלק 4 – מתחילים לבנות
אנגולר
13 באוגוסט 2021 10:41 אין תגובות עידן יצחקי

מדריך אנגולר בסיסי 101 – חלק 4 – מתחילים לבנות

מדריך בסיסי בו נדבר על התקנה של אנגולר, הכרה בסיסית של הפרויקט והספריות בו ונלמד דברים חשובים שצריך לדעת לפני

קרא עוד ←
מדריך אנגולר בסיסי 101 – חלק 3 – תפקיד הספריות החדשות שיצרנו
אנגולר
13 באוגוסט 2021 10:37 אין תגובות עידן יצחקי

מדריך אנגולר בסיסי 101 – חלק 3 – תפקיד הספריות החדשות שיצרנו

מדריך בסיסי בו נדבר על התקנה של אנגולר, הכרה בסיסית של הפרויקט והספריות בו ונלמד דברים חשובים שצריך לדעת לפני

קרא עוד ←
מדריך אנגולר בסיסי 101 – חלק 2 – הכרה של הפרויקט
אנגולר
13 באוגוסט 2021 10:32 אין תגובות עידן יצחקי

מדריך אנגולר בסיסי 101 – חלק 2 – הכרה של הפרויקט

מדריך בסיסי בו נדבר על התקנה של אנגולר, הכרה בסיסית של הפרויקט והספריות בו ונלמד דברים חשובים שצריך לדעת לפני

קרא עוד ←
מדריך אנגולר בסיסי 101 – חלק 1 – התקנה
אנגולר
13 באוגוסט 2021 10:29 אין תגובות עידן יצחקי

מדריך אנגולר בסיסי 101 – חלק 1 – התקנה

מדריך בסיסי בו נדבר על התקנה של אנגולר, הכרה בסיסית של הפרויקט והספריות בו ונלמד דברים חשובים שצריך לדעת לפני

קרא עוד ←
מדריך PWA באנגולר
אנגולר
24 ביולי 2021 12:16 אין תגובות עידן יצחקי

מדריך PWA באנגולר

מדריך Progressive Web Apps לאנגולר CLI , מעבר על היתרונות והיכולות שלו. הדרכה על הקבצים שלו והמשמעות של המאפיינים ב-manifast

קרא עוד ←
איך לבנות Directive באנגולר
אנגולר
9 ביולי 2021 11:24 אין תגובות עידן יצחקי

איך לבנות Directive באנגולר

קוד קצר באנגולר המדריך איך לבנות טולטיפ על ידי שימוש ב-directive. בנוסף ניתן לראות איך לשנות נראות של התגית על

קרא עוד ←
רכיבים חכמים ורכיבים טיפשים באנגולר
אנגולר
19 ביוני 2021 11:54 אין תגובות עידן יצחקי

רכיבים חכמים ורכיבים טיפשים באנגולר

מדריך קצר שעושה סקירה על צורת בניה של פרויקט באנגולר ועל שימוש של רכיבים חכמים ורכיבים טיפשים, בדגש על יתרונות

קרא עוד ←
How to trigger event with another event
Typescript
5 ביוני 2021 16:46 אין תגובות עידן יצחקי

How to trigger event with another event

איך להפעיל ארוע בעזרת ארוע אחר באנגולר, נראה איך לקשור ארוע של פוקוס לארוע של כניסת עכבר ואיך לקשור ארוע

קרא עוד ←
Custom pipe in angular
אנגולר
29 במאי 2021 13:11 אין תגובות עידן יצחקי

Custom pipe in angular

רשימה קצרה של pipes שמגיעים כברירת מחדל עם אנגולר ולאחר מכן הדרכה של בנית pipe חדש אשר מקבל מספר ומחזיר

קרא עוד ←
איך להפעיל פונקציה ברכיב כשמתבצע ניווט באנגולר
אנגולר
12 במאי 2021 17:07 אין תגובות עידן יצחקי

איך להפעיל פונקציה ברכיב כשמתבצע ניווט באנגולר

הפעלה של פונקציה ברכיב על פי ארוע ניווט באנגולר, ניתן להפעיל בתחילת הניווט, סוף ושגיאה בניווט

קרא עוד ←
עוגיות (Cookies) ליצור ולבדוק ב-JS
Javascript
7 במאי 2021 20:20 אין תגובות עידן יצחקי

עוגיות (Cookies) ליצור ולבדוק ב-JS

מדריך ליצירה של עוגיות (cookies) ב-JS. כולל קוד והסבר לפונקציות קריאה ויצירה של העוגיה

קרא עוד ←
הגדרה בסיסית לאנגולר ראוטינג
אנגולר
4 במאי 2021 21:56 אין תגובות עידן יצחקי

הגדרה בסיסית לאנגולר ראוטינג

הגדרות בסיסיות של ראוטינג באנגולר כולל הסבר קצר למשמעות שלהם ואיך להשתמש בהן בפרויקט.

קרא עוד ←
המרה של אקסל למערך וממערך חזרה לאקסל בעזרת JS
Javascript
24 באפריל 2021 15:58 אין תגובות עידן יצחקי

המרה של אקסל למערך וממערך חזרה לאקסל בעזרת JS

הסבר המראה בקצרה איך להמיר מידע שמגיע מאקסל למערך של אוביקטים ולאחר מיכן איך לבצע המרה של מערך נתונים לקובץ

קרא עוד ←
מדריך אנימציות באנגולר – מתקדם
אנגולר
2 באפריל 2021 12:46 אין תגובות עידן יצחקי

מדריך אנימציות באנגולר – מתקדם

מדריך מתקדם באנמציות של אנגולר המראה הפעלה של אנמציה על פי שינוי ערך של משתנה, מדרגות של שינויים בזמן

קרא עוד ←
מדריך אנימציות באנגולר
אנגולר
1 באפריל 2021 13:53 אין תגובות עידן יצחקי

מדריך אנימציות באנגולר

מדריך בסיסי על יצירה של אנמציות באנגולר , תחילה ברמת רכיב ולאחר מכן נגיש לכל הפרויקט

קרא עוד ←
מדריך CSS + HTML – הבסיס – חלק 3
בניית אתרים
30 במרץ 2021 10:30 אין תגובות עידן יצחקי

מדריך CSS + HTML – הבסיס – חלק 3

מספר דוגמאות לשימוש ב-html ו-css, כמו תפריט, מעברי צבע, טולטיפ עם חץ ופופאפ

קרא עוד ←
מדריך CSS + HTML – הבסיס – חלק 2
בניית אתרים
14 במרץ 2021 22:36 אין תגובות עידן יצחקי

מדריך CSS + HTML – הבסיס – חלק 2

בחלק זה נעבור על חלק מהמאפיינים של CSS שרצוי מאוד להכיר בשביל בסיס טוב לבניה של דפים

קרא עוד ←
מדריך CSS + HTML – הבסיס – חלק 1
בניית אתרים
11 במרץ 2021 22:17 אין תגובות עידן יצחקי

מדריך CSS + HTML – הבסיס – חלק 1

חלק ראשון במדריך בסיסי המכיל תגיות HTML שחייבים להכיר

קרא עוד ←
angular lazy loading modules routing
אנגולר
19 בפברואר 2021 15:01 אין תגובות עידן יצחקי

angular lazy loading modules routing

הסבר לשימוש ב-lazy loading באנגולר , הפקודות, המבנה של הפרויקט ומה אפשר ואי אפשר לעשות עם הרכיבים בפרויקט.

קרא עוד ←
טיפים וטריקים באנגולר (tips & tricks)
Typescript
6 בפברואר 2021 14:46 2 תגובות עידן יצחקי

טיפים וטריקים באנגולר (tips & tricks)

אוסף של טיפים וטריקים קצרים לעבודה יותר נכונה עם אנגולר

קרא עוד ←
SEO| שינוי Meta tag בהתאם לדף באנגולר
SEO
23 בינואר 2021 15:10 אין תגובות עידן יצחקי

SEO| שינוי Meta tag בהתאם לדף באנגולר

שינוי meta tags דינמית באנגולר לשיפור SEO והופעה במנועי חיפוש

קרא עוד ←
בניה של טופס דינמי על פי מידע מהשרת באנגולר
Typescript
13 בינואר 2021 17:07 אין תגובות עידן יצחקי

בניה של טופס דינמי על פי מידע מהשרת באנגולר

איך ליצור טופס שכל השדות שלו נקבעים על פי מידע שנשלח מהשרת

קרא עוד ←
איך לעבור בלולאה על מאפיינים של אובייקט
Javascript
12 בינואר 2021 12:51 אין תגובות עידן יצחקי

איך לעבור בלולאה על מאפיינים של אובייקט

איך לעשות לולאה על מאפיינים של אובייקט ולקבל את הסוג, הערך והמפתח של כל מאפיין

קרא עוד ←
צורות שונות לקריאה של קומפוננטות אנגולר (angular selector types)
HTML
8 בינואר 2021 14:22 5 תגובות עידן יצחקי

צורות שונות לקריאה של קומפוננטות אנגולר (angular selector types)

להשמה של רכיב אנגולר ב-HTML יש יותר מדרך אחת, זה מאפשר לסדר את הדף בצורה יותר נקיה ולעשות ארכיטקטורה יותר

קרא עוד ←
SEO| שינוי כותרת של הדף באנגולר
SEO
25 בדצמבר 2020 18:56 אין תגובות עידן יצחקי

SEO| שינוי כותרת של הדף באנגולר

שינוי דינמי של כותרת הדף/עמוד באנגולר בשיטה הקלה והקצרה מול השיטה הנכונה יותר

קרא עוד ←
פונקצית קריאה מ-JS ל-API בסיסית (XMLHttpRequest)
Javascript
4 בדצמבר 2020 19:09 אין תגובות עידן יצחקי

פונקצית קריאה מ-JS ל-API בסיסית (XMLHttpRequest)

כתיבה בסיסית של פונקצית javascript לקריאה של API בשרת (GET, POST)

קרא עוד ←
רכיבים נגישים: טאבים
HTML
4 בדצמבר 2020 17:54 אין תגובות עידן יצחקי

רכיבים נגישים: טאבים

יצירה של טאבים נגישים בדגש על המאפיינים הנדרשים לנגישות

קרא עוד ←
מדריך javascript למתחיל 101 (שיטת כתיבה)
Javascript
4 בדצמבר 2020 11:22 אין תגובות עידן יצחקי

מדריך javascript למתחיל 101 (שיטת כתיבה)

שיטה נוחה לפיתוח ב-javascript על פי אובייקט בעל אוביקטים ומאפיינים נוספים שיכולים לאכלס בעצמם אוביקטים ומאפיינים. עבודה בשכבות שמאגדות מספר

קרא עוד ←
מדריך נגישות אתרים 101
כללי
25 בנובמבר 2020 21:56 אין תגובות עידן יצחקי

מדריך נגישות אתרים 101

מדריך נגישות אתרים מקוצר, הכרה בסיסית של מאפיינים וסיבות לפיתוח אתרים נגישים

קרא עוד ←
מה זה ng-deep ו-host ב-css?
CSS
20 בנובמבר 2020 9:35 אין תגובות עידן יצחקי

מה זה ng-deep ו-host ב-css?

שימוש נכון ולא נכון על ידי שילוב בין ng-deep ל-host ב-css

קרא עוד ←
רכיבים נגישים: כפתורי רדיו ותיבות סימון מעוצבים
CSS
12 בנובמבר 2020 11:17 אין תגובות עידן יצחקי

רכיבים נגישים: כפתורי רדיו ותיבות סימון מעוצבים

מכירים את זה שהמעצב נותן מראה חדש לחלוטין לכפתור רדיו או תיבת סימון ולא ניתן להגיע למראה הזה בעזרת CSS,

קרא עוד ←
IIS on Windows 10
IIS
8 בנובמבר 2020 22:31 אין תגובות עידן יצחקי

IIS on Windows 10

כל מחשב עם וונדוס הוא גם סוג של שרת ואפשר להשתמש בו כדי לבחון איך אתר שעשינו יתפקד כשהוא לא

קרא עוד ←
אנגולר Rxjs – BehaviorSubject in Service file
HTML
6 בנובמבר 2020 10:30 אין תגובות עידן יצחקי

אנגולר Rxjs – BehaviorSubject in Service file

בספרית rxjs יש מספר סוגים של subject , כל אחד והיעוד שלו (והיתרון שלו). הפעם אנחנו נראה איך להשתמש ב-behaviorSubject

קרא עוד ←
angular input and output in the same variable
HTML
2 בנובמבר 2020 21:42 אין תגובות עידן יצחקי

angular input and output in the same variable

באנגולר אפשר לכתוב [(ngModel)] , זה נותן לנו חיבור דו כיווני (קריאה וכתיבה). האם ניתן לעשות את זה לכל משתנה

קרא עוד ←
משתנים נוספים באנגולר ngfor‏
HTML
2 בנובמבר 2020 21:15 אין תגובות עידן יצחקי

משתנים נוספים באנגולר ngfor‏

כאשר מבצעים ngfor אפשר למשוך את ה-index שלו, i=index . בנוסף אפשר למשוך עוד נתונים מ-ngfor כמו אלמנט ראשון ואחרון או כל הזוגיים והאי זוגיים. להפעיל class על

קרא עוד ←
רכיבים נגישים: בידוד של קבוצות כפתורי רדיו בנגישות
HTML
2 בנובמבר 2020 21:05 אין תגובות עידן יצחקי

רכיבים נגישים: בידוד של קבוצות כפתורי רדיו בנגישות

כאשר יש כפתורי רדיו במסך, תוכנת הנגישות מקריאה את מספר הכפתור מיתוך סה"כ הכפתורי רדיו שיש במסך. זאת אומרת, אם

קרא עוד ←
שימוש ב-currentColor CSS
CSS
2 בנובמבר 2020 20:53 אין תגובות עידן יצחקי

שימוש ב-currentColor CSS

ב-CSS יש משתנה בשם currentColor הוא מקבל ושומר את הצבע האחרון שנקבע לו, זה יכול להיות מאותו רכיב או מרכיב שעוטף אותו

קרא עוד ←
ריבוי מודולים באנגולר
Typescript
1 בנובמבר 2020 21:44 אין תגובות עידן יצחקי

ריבוי מודולים באנגולר

כאשר אנחנו עובדים על אפליקציה גדולה עם ריבוי קומפוננטות וה- app.module.ts הופך לרשימת קניות ארוכה ניתן לפצל את המודול בצורה הבאה: יש

קרא עוד ←
רשימת css selectors
CSS
30 באוקטובר 2020 11:01 אין תגובות עידן יצחקי

רשימת css selectors

רשימת סלקטורים שטוב לדעת ב-CSS: * בוחר הכל (כל התגיות) – לא להשתמש בו, אלא אם הוא בא עם סלקטור

קרא עוד ←
איך לכתוב string על כמה שורות ב-javascript מותאם ל-IE11
Javascript
30 באוקטובר 2020 9:09 אין תגובות עידן יצחקי

איך לכתוב string על כמה שורות ב-javascript מותאם ל-IE11

במידה שאתם רוצים לכתוב ב-javascript משתנה מסוג string ושהערך שלו יכתב ב-JS על מספר שורות ולא בשורה אחת ארוכה (ושיתאים ל-IE11 – ES5), יש אופציה

קרא עוד ←
חיפוש באתר
בחירת העורכים
29 בדצמבר 2023 עידן יצחקי

שדה טקסט עשיר עם תמונות

אתם הולכים להיות מופתעים עד כמה HTML יכול להיות חכם ולבצע משהו כל כך מורכב, שאם אנחנו היינו רוצים ליצור

1 באוקטובר 2021 עידן יצחקי

איך למשוך דינמית favicon של אתרים אחרים ב-JS

בפוסט זה נראה איך אפשר על פי לינקים בדף למשוך את ה-favicon מהדומיין שלהם באופן דינמי, בדיקה של תקינות התמונה

פופולרי
Javascript functions – היכרות עם סוגי פונקציות
Javascript
21 בדצמבר 2024 אין תגובות
Nested routing in angular standalone component
Typescript
15 בנובמבר 2024 תגובה אחת
בחרו לפי תגיות
angular blockchain css ethers express front-end fullstack GQL html javascript next js nextjs nodejs react hooks reactjs solidity webgl אנגולר בלוקציין וורדפרס לימודי אנגולר לימודי וורדפרס לימוד ריאקט מדריך front-end מדריך GQL מדריך אנגולר מדריך וורדפרס מדריך חינם react מדריך ריאקט מפתח בלוק מפתח בלוקציין מתכנת front-end מתכנת בלוקציין מתכנת פרונט סולידיטי קורס front end קורס fullstack קורס nextjs קורס אנגולר קורס בלוקציין קורס בלוקציין בחינם קורס סולידיטי קורס ריאקט קורס תכנות קורס תכנות בחינם
סינון על פי קטגוריות
CSS fullstack HTML IIS Javascript nodeJs SEO Typescript אנגולר בלוקציין בניית אתרים וורדפרס חיפוש עבודה כלים נוספים כללי נגישות קורסים ריאקט תלת מימד תקלות ופתרונות
צור קשר
כל הזכויות שמורות לקודקודייל
ליצירת קשר: @ קודקודייל
גלילה לראש העמוד
דילוג לתוכן
פתח סרגל נגישות כלי נגישות

כלי נגישות

  • הגדל טקסטהגדל טקסט
  • הקטן טקסטהקטן טקסט
  • גווני אפורגווני אפור
  • ניגודיות גבוההניגודיות גבוהה
  • ניגודיות הפוכהניגודיות הפוכה
  • רקע בהיררקע בהיר
  • הדגשת קישוריםהדגשת קישורים
  • פונט קריאפונט קריא
  • איפוס איפוס