Z
הכנתי תוסף לכרום שמציג את ספירת העומר היומית.
בנוסף באייקון של התוסף יש סימון מספר הספירה היומית.
בהמשך: התראות יומיות, אפשרות שינוי נוסח, אפשרות שינוי עיר עבור זמן השקיעה.
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
בדקתי, ואם מקלידים ממש מהר הוא מפספס...
@shpro654
הדרך לחבר בין SPA צד לקוח Angular/React/Vue לבין צד שרת בNode קלה מאוד.
אמנם לפעמים חסרים כמה קצוות לחבר, ואז זה מרגיש מאיים וכבד - עד כדי שאלתך מה יש לי לעשות עם הידע הזה, אבל לאחר סגירת הפער הקטן הזה הידע שלך שימושי ביותר.
מה יש לי לעשות עם הידע הזה? הכל!
תוכל עם הידע הזה לבנות כל פלטפורמה שעולה בדעתך, ובהרבה פחות מההגבלות שקיימות אצל מי שבונה בכלי סגור שיועד מראש לצורך מאוד ספציפי, גם כאשר עם הזמן הוא התרחב ונותן מענה לבעיות נוספות. (וורדפרס כדוגמה מובהקת, ועוד.)
יש הבדל זניח בין וורדפרס למכלול הכלים של js והוא קלות ההקמה שיש בוורדפרס, קל בהרבה להרים אותו מהשאר. אבל זו לא סיבה טובה מספיק להעדיף אותו, מכיון שלרוב זו תהיה דרך קצרה שהיא ארוכה. בסוף תוכל להגיע הרבה יותר רחוק והרבה בפחות כאב ראש בכלים האחרים.
למעט כאשר יש לך צורך במשהו שוורדפרס נועד לו. כי רק אז יש סיבה להעדיף אותו ולחסוך הרבה עמל ויזע (לדוגמה בלוג, כמובן, דף נחיתה בחלק מהמקרים, או מערכת חנות ווקומרס).
בוצע עדכון לתוסף שמתקן את הבאג שהיה עד היום, באג שגרם לכך שלפעמים לאחר הדבקת כתובת - השדה עדיין לא הבין שהמילה הוזנה והוא נשאר מצפה לקלט נוסף מהמשתמש.
לאחר העדכון הגירסה תהיה 1.0.9
https://chrome.google.com/webstore/detail/pnnbnklagfdokfbdfphhojhifjppjmmc
תודה ל@אינו יודע לשאול מפורום נטפרי שעזר במציאת הפיתרון לבעיה.
@יהודי-פשוט אמר במגניב לגמרי - דף הבית מבית היוצר zvizvi:
אצלי הוא דף הבית גם בפתיחה של כרטסיה חדשה,
הכנתי מלא קיצורי דרך בכרטסיה הראשית
לאחר מחיקת היסטוריה הכל נעלם
גם לכם זה כך?
יש פתרון?
@zvizvi
@yossiz שאפו על ההסבר המושקע.
עם הזמן אולי אבנה אפשרות של כניסה עם שם משתמש וסיסמה, ואז ניתן יהיה לשמור את הנתונים בצד השרת. ללא תלות בדפדפן ובאיזה מכשיר נעשה שימוש.
(אולי זה פיצ'ר שיכול להיות פרימיום? רק שואל...)
@מעלה-ומוריד אמר במגניב לגמרי - דף הבית מבית היוצר zvizvi:
@zvizvi נשאר רק להחיל את זה גם על דף הבית של דף הבית, איפה הקיצורי דרך...
בוצע
הכנתי תוסף חדש לכרום, לפיירפוקס ולאדג',
התוסף מוסיף קיצור דרך לכל דף של Repository באתר Github - לעריכת הקבצים בעורך קוד אונליין,
בשלב זה הקיצורים הם לאתרים הבאים:
[אשמח לשמוע אם יש לכם הצעות לעורכי קוד נוספים,
קוד המקור זמין בGithub, אפשר להציע PR, אשמח גם לקבל Star...]
https://github.com/zvizvi/github-web-ide
להורדה:
Chrome
https://chrome.google.com/webstore/detail/adjiklnjodbiaioggfpbpkhbfcnhgkfe
Firefox
https://addons.mozilla.org/firefox/addon/github-web-ide
Edge
https://microsoftedge.microsoft.com/addons/detail/akjbkjciknacicbnkfjbnlaeednpadcf
@מעלה-ומוריד וואו!
שלח לי את הCSS ואעלה כאפשרות בחירה בהגדרות.
