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

בהמשך: התראות יומיות, אפשרות שינוי נוסח, אפשרות שינוי עיר עבור זמן השקיעה.

http://softwares.center/sefirat-haomer/
https://chrome.google.com/webstore/detail/hnopjdlbidclmnomnahajmhadkniggeo

עריכה:
0.0.3
כעת ניתן להגדיר נוסח מתוך בחירה (ספרד, אשכנז, עדות המזרח).
0.0.4
מעכשיו המספר בתווית של האייקון יתעדכן לבד בזמן שקיעה.

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

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

הורדה:
https://softwares.center/hebrew-calendar/
https://chrome.google.com/webstore/detail/ehejecpjjaaochjhodbgnmdledhhdicm

חדש

בדף מוזיקה מופיע שם ופרטי השיר שמתנגן כעת בתיבת ערוץ ההשמעה שנבחר.
(עובד רק בחלק בתחנות ערוצי ההשמעה)

@zvizvi אמר במגניב לגמרי - דף הבית מבית היוצר zvizvi:

חדש

אפשר למיין את הכלים באמצעות גרירה ממקום למקום

שיפורים בדף המוזיקה:

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

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

ינון פרק
https://www.youtube.com/channel/UCMgmeSgiQrVkYdJwl2aNe7Q
אלעד כהן
https://www.youtube.com/channel/UCIld0affiSkmp-KkEit3S_w
Traversy Media
https://www.youtube.com/channel/UC29ju8bIPH5as8OGnQzwJyA
The Net Ninja
https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg

@yossiz אמר בשיתוף: סימניה להורדת תוסף כרום:

סימניה להורדת קבצי CRX מחנות כרום.
מפעילים את הסימניה, מכניסים מזהה של תוסף (לדוגמה: aapbdbdomjkkjkaonfhkkikfgjllcleb) או כתובת של תוסף בחנות (לדוגמה: https://chrome.google.com/webstore/detail/google-translate/aapbdbdomjkkjkaonfhkkikfgjllcleb) וזה מוריד את התוסף בשבילך.

javascript:id = prompt("הכנס מזהה או כתובת התוסף"); (id = /[a-z]{32}/.exec(id)) ? window.open("https://update.googleapis.com/service/update2/crx?response=redirect&acceptformat=crx3&prodversion=38.0&testsource=download-crx&x=id%253D"+id[0]+"%2526installsource%253Dondemand%2526uc"): alert("מזהה או כתובת לא חוקי")

הפכתי את הקוד שלך לאתר, ברשותך.
https://zvizvi.gitlab.io/crx-download/

קוד המקור:
https://gitlab.com/zvizvi/crx-download

למרות שזה לא הנושא הישיר אתן סקירה קטנה מנסיוני.
מנועי התצוגה (Template engine) בNode מתחלקים לשניים:

• אלה שמשתמשים במילים ופקודות שמורות משלהן עבור כל פקודה, והן שואבות השראה ממנועים אחרים בשפות אחרות (שם הדבר מפותח מאוד ובשימוש רב).
  במנועים אלה האפשרויות מצומצמות למספר מילים שמורות בלבד (if, else, switch) וכד'. יש גם "פילטרים" שמאפשרים לשנות את הערך של משתנה המודפס לדוגמה: {{ count | add: 1}}
  כאשר רוצים להציב תנאי מורכב או להציג ערך קומבינציה שמורכב מכמה פרמטרים יש צורך לבנות רכיב תצוגה מיוחד ולהעביר אותו לפקודת הRender בדומה להעברת שאר הData מצד השרת לטמפלט.
  שיטה זו דומה למנועים אחרים רבים הקיימים בשפות אחרות, דוגמת Django של פייתון או Laravel של PHP,‏ ERB ברובי וכן הלאה.

• אלה שמאפשרים לשים פקודות Javascript מלאות בין חלקי הhtml בקובץ, כמו כן ניתן לשים תנאים מורכבים שתלויים בהרבה משתנים, ולא צריך לבנות לזה רכיב תצוגה במיוחד.
  שיטה זו דומה לכתיב של php טהור בקבצי html.

בקבוצת המנועים הראשונה ניתן למנות את Pug (Jade לשעבר), Handlebars, mustache.js, ועוד,
בקבוצה השניה יש את Ejs (לדעתי זהו היחיד שקיים).

סגנון התחביר להכנסת פקודות בין חלקי הhtml משתנה בין הספריות השונות, יש כמה סגנונות מקובלים (ובכל שפת תכנות יש כמה שלקחו השראה מכל סגנון כזה)

באיזה מנוע כדאי להשתמש?

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

תוסף לVisual Studio Code שנותן לשנות תג html בהקלדה אחת - התמונה מדברת בעד עצמה:

https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag

בדקתי, ואם מקלידים ממש מהר הוא מפספס...

https://zvizvi.github.io/hagrala

@אינטרקום כתב במגניב לגמרי - דף הבית מבית היוצר zvizvi:

ר’ @zvizvi
משום מה החל ממוצש”ק פר’ כי תבוא, הקישורים בחלון ”חקור” אינם פעילים, וכשלוחצים על חלון ספציפי, הוא פותח בחלון חדש את האתר ”דף הבית” עצמו.

תוקן

@rabin3 כתב בתוסף חדש: לוח שנה עברי:

@zvizvi
התוסף לא פועל.?

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

@liy770 תשנה לפונקציית חץ - Arrow Function:

addEventListener('popstate', (event) => {
  console.log(event);
  this.loadData();
});

ערוצים נוספים
Academind
https://www.youtube.com/channel/UCSJbGtTlrDami-tDGPUV9-w
Coding in Public
https://www.youtube.com/c/CodinginPublic

@ארכיטקט יש גם אופציה של פניה ל Api חיצוני בתשלום,
דוגמה https://developer.ilovepdf.com/docs/api-reference#process

@zvizvi אמר בבקשה להמלצות על ערוצים/סרטונים של תכנות והמסתעף:

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

ערוצים נוספים שנפתחו בנטפרי באופן זה:

Programming with Mosh
https://www.youtube.com/c/programmingwithmosh
FreeCodeCamp
https://www.youtube.com/c/Freecodecamp

const dateString = `י"ד אדר א' התשנ"ז`;
const dateArr = dateString.split(' ');
const [day, month, year] = [dateArr[0], dateArr.slice(1, -1).join(' '), dateArr[dateArr.length -1]];
const res = {day, month, year}; // {day: 'י"ד', month: "אדר א'", year: 'התשנ"ז'}

@יוסף-בן-שמעון יש אפשרות מובנית בHebcal:

let birthday = '1997-02-21';
Hebcal.HDate(new Date(birthday)).toString('h'); // `י"ד אדר א' התשנ"ז`

@davidnead אמר בתאריך עברי ב VEU:

@zvizvi אמר בתאריך עברי ב VEU:

אני גם צריך כזה. אולי אכין אחד (לא מתחייב על תאריך יעד מוגדר...)

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

כן, בHebcal

אני גם צריך כזה. אולי אכין אחד (לא מתחייב על תאריך יעד מוגדר...)