כיצד לבנות את מערכת האוטומציה הביתית החזקה והבטוחה ביותר

כיצד לבנות את מערכת האוטומציה הביתית החזקה והבטוחה ביותר

במאמר זה אדון כיצד בניתי מערכת אוטומציה ביתית חכמה עם Angular ו- Node.js על Raspberry Pi מבלי להסתמך על שירותי ענן חיצוניים כלשהם. הקדמה במהלך הימים האחרונים ביליתי כמה לילות בתכנון ופיתוח מערכת אוטומציה ביתית המבוססת על JavaScript, תוך שימוש ב- Angular ו- Node.js. וכמו בכל פרויקט אחר, התכנון כלל מחקר מעמיק באינטרנט. התברר שיש הרבה דגים בים - שפע של פתרונות כיצד ליישם מערכת אוטומציה ביתית. יש המציעים שירותים בתשלום ב"ענן "וא

קרא עוד

   כיצד לתפעל מחלקות ללא jQuery באמצעות API של classList של HTML5

כיצד לתפעל מחלקות ללא jQuery באמצעות API של classList של HTML5

כמפתח ממשק קצה, לעתים קרובות עליך לשנות כללי CSS בהתבסס על האופן שבו משתמש מתקשר עם אלמנטים בדף. בעבר, הסתמכתי על jQuery שתטפל עבורי במניפולציות DOM כאלה. אבל במקרים מסוימים, זה לא הגיוני לייבא את כל ספריית jQuery, רק כדי שתוכל לבצע מניפולציה בסיסית של DOM. למרבה המזל, HTML5 מציע דרך לעשות זאת באופן מקורי, ללא צורך ב- jQuery. איך גיליתי את שיטת classList של HTML5 לפני כמה ימים קראתי איזה קוד. שמתי לב שפרויקט אחד כולל jQuery כתלות, רק

קרא עוד

   כיצד ליצור סיומת Chrome - מדריך לפיתוח תוספי דפדפן

כיצד ליצור סיומת Chrome - מדריך לפיתוח תוספי דפדפן

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

קרא עוד

   תחילת העבודה עם ES6 תוך שימוש בכמה מהדברים האהובים עלי

תחילת העבודה עם ES6 תוך שימוש בכמה מהדברים האהובים עלי

הדרכה זו מדריכה אותך בכמה שלבים פשוטים כדי להתחיל ללמוד את הגרסה החדשה ביותר של JavaScript: ES6. כדי להרגיש את השפה, נתעמק בכמה מהתכונות האהובות עלי. ואז אספק רשימה קצרה של כמה משאבים נהדרים ללימוד ES6. ES6 או ECMAScript 2015? "מה בשם?" - ג'ולייט מתוך "רומיאו ויוליה" של שייקספיר השם הרשמי של המהדורה השישית של ECMAScript הוא ECMAScript 2015

קרא עוד

   איך לשכנע זרים שיעזרו לך לקבל עבודה

איך לשכנע זרים שיעזרו לך לקבל עבודה

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

קרא עוד

   כיצד ליישם 'החלקה לאפשרויות' ב- RecyclerView

כיצד ליישם 'החלקה לאפשרויות' ב- RecyclerView

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

קרא עוד
כיצד להפנות את התחום שלך לדלי אתר S3

כיצד להפנות את התחום שלך לדלי אתר S3

אם אתה מארח אתר סטטי בדלי S3 וזו הפעם הראשונה שאתה קונה שם דומיין, המדריך הפשוט הזה מתאים לך.סיכום - מה שאתה צריך אמזון S3שיהיה לך דלי S3 עם שם זהה לשם התחום שלךהעלה את קוד האתר שלךאפשר גישה ציבוריתהוסף מדיניות להפעלת S3 GetObjectאפשר אירוח אתרים סטטיספק שם תחוםבהגדרות ה- DNS Zone של שם הדומיין שלך, מחק את כל רשומות ה- Aבהגדרות ה- DNS Zone, הוסף www לתת -דומיין ואת נקודת הקצה S3 בשם מארח עבור רשומות CNAMEבואו נעבור את השלבים האלה בזה אחר זה.שלב 1: צור דלי S3צור דלי S3 כדי לארח את הקבצים שלך באתר שלךראשית עליך ליצור דלי לאתר שלך. השם לדלי שלך חייב להיות זהה לשם הדומיין שלך. נניח שקנינו את שם הדומ

קרא עוד

   אלגוריתמים באנגלית פשוטה: מורכבות זמן וסימון ביג-או

אלגוריתמים באנגלית פשוטה: מורכבות זמן וסימון ביג-או

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

קרא עוד

   מדריך אינטואיטיבי לרשתות עצביות קונוובולוציונליות

מדריך אינטואיטיבי לרשתות עצביות קונוובולוציונליות

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

קרא עוד

   כיצד ליצור מטעין מונפש להפליא ב- React Native

כיצד ליצור מטעין מונפש להפליא ב- React Native

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

קרא עוד

   להלן כמה יתרונות מדהימים של גו שלא שומעים עליהם הרבה

להלן כמה יתרונות מדהימים של גו שלא שומעים עליהם הרבה

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

קרא עוד

   איך להגדיר את Jest & Enzyme כמו בוס

איך להגדיר את Jest & Enzyme כמו בוס

כשהתחלתי לכתוב בדיקות ליישום React שלי, לקח לי כמה ניסיונות לפני שהבנתי כיצד להגדיר את סביבת הבדיקה שלי באמצעות Jest& Enzyme. הדרכה זו מניחה שכבר הגדרת יישום React עם webpack& babel. נמשיך משם. זה חלק מסדרת מאמרים שכתבתי. אני מדבר על איך להגדיר יישום React לייצור בדרך הנכונה והקלה. חלק 1 כיצד

קרא עוד

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

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

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

קרא עוד

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

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

עדכון @ 2018–11–26: הטכנולוגיה לא רק נעה במהירות מסחררת אלא גם משתנה במהירות. בתוך שנה, מאמר זה אינו מעודכן! ועל פי עמוד הפרויקט של dep: dep היה "הניסוי הרשמי". שרשרת הכלים של Go, החל מ- 1.11, אימצה (בניסוי) גישה המבדלת בצורה חדה מה- dep. כתוצאה מכך אנו ממשיכים בפיתוח dep, אך מכוונים בעיקר לפיתוח אב טיפוס חלופי להת

קרא עוד

   קרייגסליסט, ויקיפדיה וכלכלת השפע

קרייגסליסט, ויקיפדיה וכלכלת השפע

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

קרא עוד
מבוא למערכת שמות התחומים

מבוא למערכת שמות התחומים

ייתכן שכולכם שמעתם על מערכת שמות הדומיינים (DNS) או ידעתם עליהם אם אתם מבינים כיצד פועל האינטרנט או כיצד פועלות רשתות מחשבים. אם אינך מכיר את ה- DNS, אמליץ לך ללכת לבדוק את פוסט הבלוג הקודם שלי שמתמקד כאן ברשתות מחשבים.שמות מארח לבדם אינם יכולים לומר לנו היכן נמצאת המכונה / החומרה המסוימת שאיתה אנו מנסים לתקשר. לפיכך, כל התקשורת נעשית עם כתובות IP.שרתי שמות מתחם הם ההתקנים שממפים את

קרא עוד

   הצהרת אינדקס של SQL הסבירה בדוגמאות

הצהרת אינדקס של SQL הסבירה בדוגמאות

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

קרא עוד

   אינדקס Z ב- CSS: מה זה ומה הוא עושה

אינדקס Z ב- CSS: מה זה ומה הוא עושה

מהו אינדקס Z? אינדקס Z ( z-index) הוא מאפיין CSS המגדיר את סדר רכיבי ה- HTML החופפים. אלמנטים עם אינדקס גבוה יותר יוצבו על גבי אלמנטים עם אינדקס נמוך יותר. הערה : מדד Z עובד רק על אלמנטים מיקומו (position:absolute,position:relativeאוposition:fixed). ערכים אפשריים /* Default value if not specified */ z-index: auto; /* Integer values */ z-index: 1; z-index: 100; z-index: 9999; z-i

קרא עוד

   טמוקס בפועל: הפעלות טמוקס מרוחקות מקומיות ומקוננות

טמוקס בפועל: הפעלות טמוקס מרוחקות מקומיות ומקוננות

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

קרא עוד

   כיצד להשתמש ב- Laravel עם Socket.IO

כיצד להשתמש ב- Laravel עם Socket.IO

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

קרא עוד

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

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

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

קרא עוד