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

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

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

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

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

איך זה עובד?
אז ככה א' נרשמים או באתר או בטלפון (09-313-7980) רושמים את השם שלכם ושם המשפחה שלכם

Spoiler

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

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

אין מה להוסיף נסו את זה בעצמכם
זה הטלפון של המערכת: 09-313-7980 (גם המספר השני תקין)
וזה כתובת האתר: https://www.voicecall.online/

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

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

וקצת תמונות להמחשה

Spoiler

שאלות? בשמחה

עריכה: הקישור הוחלף
לחברי מתמחים ו @יש-שדה
בניתי משהו
אני לא מתחייב תחזק אותו כי בסוף יום גם לי יהיו אי אלו הגבלות
אך בנתיים תהנו
בנוסף אבקש לא להעביר הלאה זה מיועד אך ורק לחברי הפורום
החיפוש מתבצע במאגר מספרים ענקי
https://voicecall.online/mitmachim.php?me=05XXXXXX
את המספר לחיפוש יש לרשום אחרי ה =

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

המעלות בו הם כדלהלן

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

0799-400-900

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

מזכיר לכולם שמי שמעדיף לחפש דרך המחשב יש עבורו את האופציה הבאה
https://mitmachim.top/post/747313
אם כי היא מוגבלת לחמש חיפושים ביום

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

אז ככה בשלב ראשון אני יכתוב פה מדריכים משולבים משני האתרים האלו https://webmaster.org.il/ ומ https://reshetech.co.il/ שהם אתרים מצוינים למתחילים אפילו שהם טיפה ישנים

טוב אז יאללה בא נתחיל דבר ראשון ע''מ להריץ php דרוש לנו שרת אנחנו לא יכולים להריץ קובץ php סתם על המחשב ללא שרת או תוכנה ייעודית עבור זה
ומשום כך פשוט בא נפתח לרגע שרת האתר של הוסטינגר יש להם שירות אתרים חינמי (שימו לב לא מומלץ לפתוח שם חשבון לדבר קבוע אלא אך ורק לצורך הלימוד, היה קרים בעבר שאנשים אבדו שם חומר שלם, ולכן חשוב לדעת שהתוכנית החינמית היא לא מתאימה לדבר קבוע)
אז הנה נכנס לכאן ונפתח לנו שרת חינמי כמובן נבחר את התוכנית החינמית (שאגב זה אומר אתר אינטרנט, חשוב להבין שכל אתר בסופו של יום יושב על שרת שמריץ את הפקודות שלו למשל כשאנחנו לוחצים על כפתור מסוים ואנחנו רוצים שהוא יעשה משהו, זה חייב להיות קוד על שרת שיריץ את הפעולה הזו, עכשיו הדרך בה נגשים לאתרים היא על ידי דומיין שזה בעצם למשל הקישור שהבאתי למעלה זה נקרא דומיין למשל יש דומיין של האתרים החינמים של הוסטינגר אבל אם הם יתנו לכל אחד אתר חינמי ודומיין זה יעלה להם הרבה כסף ולכן יש מושג שנקרא תת דומיין שזה מה שאתם תבחרו כשתפתחו את השרת למשל זה הדומיין של השרת החינמי http://000webhost.com/ וכאשר אנו נפתח שרת ולדומיין נקרא 1234 אז תתקבל התוצאה הבאה שהיא תהיה הקישור לאתר שלנו/לשרת שלנו http://1234.000webhost.com/ )

אם הסתבכתם בפתיחת השרת כתבו לי ואני יעזור לכם בשמחה רבה!!!

טוב אז בא נתחיל דבר ראשון כל קובץ php בשביל שנדע שהוא קובץ php חייבת להיות לו סיומת של php למשל index.php

בשפת php כשגולש נכנס לאתר, התוכנה יוצרת מחדש בכל פעם את דף ה-HTML שהוא רוצה להכנס אליו. למשל, אם אני נכנס לאתר http://www.yoursite.com/page.php, שפת ה-PHP תבין שאנו רוצים להכנס לדף ששמו page ותיצור אותו עבורנו בכל פעם שננסה להכנס. כיוון שהיצירה היא דינמית (לפי צרכי הגולש), אתרים שמבוססים על PHP נקראים אתרים דינמיים.

על מנת להבהיר את העניין, נבחן את הדיאגרמה הזו:

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

אז דבר ראשון חשוב שנלמד מה זה משתנים כי כמעט כל קוד עובד עם משתנה פירוש הדבר
אם למשל ניצור מחשבון בשרת שלנו לא נגדיר כל פעם 11 ו12 אלא נכתוב זאת בתור משתנה שפרושו דבר שמשתנה מעת לעת ולכן כשנעשה חישוב במחשבון נוכל להגדיר תכפיל את משתנה Y במשתנה X וממילא לא משנה מה יהיה המספר שבתרגיל

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

משתנים מוגדרים ב-PHP באמצעות הסימן $ לפניהם,ואז ללא רווח כותבים את שם המשתנה. לדוגמה:

$var1

שמו של המשתנה בדוגמה הוא : var1.

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

בדוגמה זו נציב בתוך המשתנה את הערך "שלום עולם":

$var1 = "שלום עולם";

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

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

את שורת הקוד הזו נסיים בנקודה פסיק ; , כפי שמסיימים כל שורת קוד. אם לא נקפיד על ; בסוף כל שורת קוד, נקבל שגיאה שתפסיק את ריצת הסקריפט שכתבנו (מכונה גם שגיאה פטאלית).

את הבלוקים של קוד ה-PHP מתחילים בין <?php ?>.
ולכן קוד יראה כך יתחיל כמו בשורה אחד ויסתיים כמו בשורה 2

<?php
?>

וכדי להדפיס ערכים למסך נשתמש בפקודה echo. לדוגמה:

<?php
$my_var = "שלום עולם";
echo $my_var;
?>

כאשר נריץ את הקוד הזה נקבל את התוצאה הבאה
שלום עולם

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

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

כבר הסברנו את זה פעם שכאשר אנו רוצים לעשות חשבון אנחנו לא יכולים ללמד את השרת שלנו 11 ו 12 אלא אנחנו נשאל אותו כמה שווה משתנה X*Y מה שבעצם נותן לנו למלאות את המשתנים
בוא נלמד איך עושים את זה

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

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

לדוגמא במילת המפתח "int" נשתמש עבור משתנים שלמים ובמילת המפתח "double" נשתמש עבור
משתנים שאינם שלמים וכמובן לציין את השם של המשתנה אותו אנחנו בוחרים. לדוגמה:

int age = 25;
double price = 10.99;

בדוגמה זו, המשתנה "age" מכיל את הערך 25 והמשתנה "price" מכיל את הערך
10.99.
וכמו שאמרנו בג'אווה,
סוגים שלמים מיוצגים על ידי המילה "int". לדוגמה:

int age = 25;

סוגים ממשיים מיוצגים על ידי המילה המפתח "double". לדוגמה:

double price = 10.99;

תווים: תווים הם תווים בודדים כמו 'a', 'b', 'c' וכן הלאה. בג'אווה, תווים מיוצגים על ידי הצבת המילה "char" לפני השם שאתם נותנים למשתנה. לדוגמה:

char letter = 'a';

בדוגמה זו, המשתנה "char" מכיל את התו 'a'.

בוליאנים: בוליאניים הם ערכים
של "אמת" או "שקר". בג'אווה, בוליאניים מיוצגים על ידי המילים המפתח
"true" ו-"false". לדוגמה:

boolean isTrue = true;

בדוגמה זו, המשתנה "isTrue" מכיל את הערך "true".

אופרטורים: אופרטורים
הם סימנים שמשמשים לבצע פעולות על משתנים ונתונים. הם כוללים אופרטורים
חשבונות כמו +, -, *, / וכן הלאה ואופרטורים לוגיים כמו &&, || וכן הלאה.
לדוגמה:

int x = 5;
int y = 10;
int result = x + y;

בדוגמה זו, המשתנה "תוצאה" מכיל את הערך 15 שזה התוצאה של פעולה x + y.

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

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

אבל בכנות ג'אוה היא הרבה יותר קשה

הקטע הבא מיועד עבור מי שרוצה להתקין java על המחשב האישי ולא קבצים על שרת וכו'
כדי להפעיל קובצי Java על המחשב האישי שלנו ניתן להתקין ערכת פיתוח Java (JDK) במחשב שלך.

1. עבור אל דף ההורדות של https://www.oracle.com/java/technologies/javase-downloads.html
2. אשר את הסכם הרישיון ובחר את גרסת ה-JDK המתאימה למערכת ההפעלה שלך.
3. הורד את מתקין JDK והפעל אותו.
4. עקוב אחר ההנחיות של אשף ההתקנה כדי להתקין את ה-JDK.
5. לאחר השלמת ההתקנה, תוכל לוודא שה-JDK מותקן כהלכה על ידי פתיחת שורת פקודה או חלון מסוף והקלדת הפקודה הבאה:

java -version

פקודה זו אמורה להציג את גרסת ה-JDK שהתקנת.

ובשביל להריץ את הקוד עצמו על המחשב

1. פתח שורת פקודה או חלון מסוף.
2. נווט אל הספרייה שבה נמצא קובץ ה-Java שלך באמצעות הפקודה "cd".
3. קומפלו את קובץ ה-Java באמצעות הפקודה "javac", ואחריה שם קובץ ה-Java. לדוגמה:

   javac MyProgram.java

4. אם הקימפול הצליח, ייווצר קובץ חדש באותו שם אך עם סיומת ".class".
5. הפעל את תוכנית Java באמצעות הפקודה "java", ואחריה שם המחלקה המכילה את שיטת ה-"main". לדוגמה:

   java MyProgram

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

בכל אופן בא נתחיל

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

בדרך כלל בתכנות הפקודה הראשונה אותו תעשו היא לא הדפיס על המסך את המילים שלום עולם (ואל תשאלו אותי למה, אולי gpt יודע)
אז הקוד יראה ככה ואנחנו נסביר כל שורה

public class Main {
    public static void main(String[] args) {
        System.out.println("Hello, World!");
    }

בשורה הראשונה כתבנו
public class Main {
public class אומר שזה מחלקה ציבורית ושם המחלקה הוא Main חשוב להדגיש שבג'אוה צריך ששם המחלקה יתחיל תמיד באות גדולה

בשורה השניה כתבנו
public static void main(String[] args) {
זה בעצם נקרא שיטת ה"ראשית" משמשת כנקודת הכניסה לתכנית ואחראית על התחלת ביצוע התכנית, שיטת ה"ראשית" היא גם מיוחדת מכיוון שהיא נדרשת בכל תוכנת Java. אם לתוכנית אין שיטה "ראשית", לא ניתן להפעיל אותה כתוכנית עצמאית.
אז שוב אנחנו כותבים public שזה אומר שזה ציבורי אחרי זה כתבנו static שזה אומר שאתה יכול להריץ שיטה זו מבלי ליצור מופע של Main. ואני יסביר בעקרון ברגע שכתבנו שם של מחלקה הדרך לפנות אליה היא מקוד אחר במילים אחרות, ניתן לגשת לפקודה ישירות מהמחלקה עצמה, במקום ליצור אובייקט חדש ולגשת לפקודה דרך האובייקט הזה. זה יכול להקל על השימוש ולגרום לקוד להיות יותר קריא ופשוט, אחרי זה כתבנו void שזה אומר לקוד שלא אמרו לחזור אלינו כלום ולסיום כתבו את שם המחלקה שלנו כלומר את הפקודה המדוברת Main, לאחמ''כ (String[] args) { אנחנו כותבים שמה שאנחנו רוצים להדפיס זה מערך של מחרוזות
אני יודע שזה קצת לא ברור אבל במדריך הבא אנחנו נעשה לזה סדר

בשורה השלישית כתבנו
System.out.println("Hello, World!");
System היא מחלקה בג'אוה כבר והיא מכילה כבר כמה דברים לכן יש . ואחריה כתוב out שזה אומר על מה אנחנו מדברים בתוך System ולאחר מכן יש שוב נקודה שבה כתוב println שזה אומר להדפיס, אז בעצם פקודת ההדפסה נמצאת בתוך System.out.println מה שיקרה לאחר מכן זה הדפסה של כל מה שכתוב בסוגריים בעצם זה אומר שלום עולם!
עכשיו שימו לב ששיטת ההדפסה println היא בעצם מוסיפה תו של ירידת שורה ולכן אם נדפיס כמה דברים אם יהיו שורה תחת שורה משא''כ אם נשתמש בפקודה print
ולדוגמא אם אתה משתמש בקוד הבא כדי להדפיס שתי שורות טקסט למסוף:

System.out.println("Hello");
System.out.println("World");

הפלט יהיה

Hello
World

משאין כן אם נכתוב

System.out.print("Hello");
System.out.print("World");

שאז הפלט יהיה

HelloWorld

כי הדפסה באמצעות print לא מוסיפה תו נוסף

זהו אני חושב שזה היה מספיק להיום
אני יודע שיש עדיין דברים לא ברורים אבל הם יהיו ברורים בעז''ה במדריך הבא

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

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

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

הפעלת Python בשרתים בחינם ישנן חברות שרתים חינמיות רבות המאפשרות להפעיל תוכניות Python ללא כל עלות.
כמה אפשרויות להלן :
https://www.heroku.com/
https://www.pythonanywhere.com
https://aws.amazon.com/free/
חברות אלו מציעות מגוון שירותים, לרבות אחסון אתרים, מחשוב ענן ועוד.

מי שבכל זאת רוצה להריץ פייתון על המחשב באישי אז ככה דרישות מוקדמות לפני שנתחיל, ודא שיש לך Python מותקן במחשב שלך.
אתה יכול להוריד את הגרסה האחרונה של Python מהאתר הרשמי: https://www.python.org/downloads/

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

print("Hello, World!")

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

מי שרוצה להריץ את הקובץ על המחשב שישמור את הקובץ עם סיומת py (למשל hהelloworld.py), לאחר מכן, נווט אל הספרייה שבה שמרת את הקובץ באמצעות שורת הפקודה לבסוף, הקלד את הפקודה הבאה:

python helloworld.py

פעולה זו תפעיל את קובץ הPython , ואתה אמור לראות את ההודעה "שלום, עולם!" מודפס לקונסולה.

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

תודה לכולכם על המשוב

בנוגע לשאלות אענה על ראשון ראשון ואחרון אחרון

לגבי תשלום מ-01-03-2024
לא יודע כמה זה יעלה לא מבטיח לגבות, פשוט אני לא רוצה להתחייב הלאה מכמה סיבות אם זה שדרוגים ואם זה העובדה שאני לא יודע האם השרתים יעמדו בכמות המשתתפים לעת עתה הכל עובד, אך לא חשבתי שזה ירוץ כזה מהר וכעת יש למעלה מ-300 משתמשים
לכן לעתה עתה לא אמהר להכריז לגבי העתיד

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

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

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

לגבי פתרון עבור רמי לוי ופרטנר
אני מקוה להביא פתרון בימים הקרובים

רוצים לבנות דבר כזה לבד???
התוצאה אמורה להיראות כך

יאללה לעבודה
אני כיום לומד את הקטע של עיצוב אתרים ואני רוצה ללמוד אותו יחד אתכם
מה זה כולל
יש לזה חלוקה ממש ברורה
א' HTML
ב' CSS
ג' JavaScript
החלוקה בניהם עובדת בערך כך
הhtml הוא אחראי ביקר על התוכן כלומר מה יהיה הנתונים יש לו עוד כמה דברים כמו האם התוכן יהיה בצד באמצע וכו' וכמו''כ יש בו כפתורים בעז''ה נלמד על הכל
לעומתו ה CSS אחראי על העיצוב באיזה צבע זה יהיה באיזה גופן האם זה יקפוץ כשזה יכנס וכו'
הJavaScript הוא אחראי על כל הפעולות כלומר מה לעשות אם כך ומה לעשות אם כך אם הלקוח כתב כך מה להראות לו ואם הוא כתב אחרת אז להציג דברים שונים

בכל אופן בא נתחיל
היום נלמד לעצב כפתור מנוי
אתם מכירים את הכפתור שתמיד קופץ לכם בצד להרשמה כאשר עולה תוכן וכו'
אז הנה בא ניצור אותו

היום נתמקד בהסבר על הhtml
נעלה לנו קוד ונפרק אותו שורה שורה
לפני שנתחיל חשוב לדעת שיש מה שנקרא תגיות כל דבר בhtml נמצא בתוך תגית פותחת ובסיום תווית סוגרת
זה נראה ככה
זה תווית פותחת
<head>
וזה תווית סוגרת שתבוא בסוף ההודעה
</head>

<!DOCTYPE html>
ע''מ שהשרת שלנו או מי שקרוא את הקובץ ידע שמדובר בקובץ HTML יש לכתתוב את הפתיח שהובא בשורה הראשונה הוא בעצם מסמל שאנחנו עובדים עם HTML
<html lang="en" dir="ltr">
בשורה שלוש כתבנו לו שאנחנו הולכים לכתוב באנגלית וממילא כתבתו בהמשך ltr שמשמעותו שהכתיבה תהיה משמאל לימין לעומת זאת בעברית נכתוב ככה rtl
  <head>
המשמעות של כל מה שיכתב תחת התגית הזאת הוא איזור שמכיל מידע אודות המסמך שאינו מוצג בדפדפן. מידע זה כולל את כותרת המסמך המוצגת באזור הכותרת של חלון הדפדפן, סוג קידוד תוכן המסמך ועוד.
    <meta charset="UTF-8">
התגית meta  מציינת עבורנו קידוד ע''מ שתוכן שלנו לא יצא ג'יבריש ולכן נשתמש בקידוד  המוכר לנו UTF-8
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
התגית meta יכולה לשמש אותנו בעוד דברים כמו בשורה מעל שבה נשתמש בתגית זו ע''מ להגדיר שהצפייה תהיה טובה בכל המכשירים ותתאים את עצמה, אפשר גם לעשות עוד דברים תחת התגית הזאת כמו למשל להגדיר שם את שם המחבר או להגדיר שם מילים עבור המנוע חיפוש
    <link rel="stylesheet" href="style.css">
השורה הזו היא לינק משמועתה הוא שאת התוכן אנחנו נמצא בדף אחר אז דבר ראשון אנו כותבים rel="stylesheet" שזה אומר שמה שיהיה בדף שאנו שולחים אליו את הקישור זה יהיה דף עיצוב ועכשיו נכתוב href="style.css את הקישור עצמו כאשר הקובץ נמצא באותה תיקיה אין צורך לכתוב את כל הקישור אלא רק את שם הקובץ והסיומת כמו כאן
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css"/>
בשורה הקודמת עשינו את אותו דבר רק עכשיו כתבנו לו מאיפה לקחת את הפונט
    <title> כאן נכתוב את הכותרת של הדף | מתמחים טופ </title>
   </head>
<body>
גוף המסמך יכיל את התוכן שברצוננו להציג למשתמש. בניגוד לכותר המסמך, כל מה שמוכל בגוף המסמך יוצג למשתמש ע"י הדפדפן.
גוף המסמך מצוין באמצעות תגית <body>:
האלמנט div אינו מייצג דבר מטבעו. במקום זאת, הוא משמש לקיבוץ תוכן
  <div class="container">
כאן אנו מגדרים את סוג החלונית האם היא תהיה על כל רוחב העמוד או רק על חלק, אנחנו הגדרנו רק על חלק
    <input type="radio" id="hide">
input פירושו כפתור ובtype נגדיר את סוג הכפתור כאן מוגדר כפתור רדיו שמשמעותו לחיצה בלבד
    <div class="box">
משמעות השורה הקודמת הוא הפינות המעוגלות שיהיו לחלון שאנו נקפיץ בהמשך
      <label for="hide"><i class="fas fa-times"></i></label>
פה כתבנו לו להדגיש את המלל
      <div class="logo">
      <img src="logo.png" alt="">
פה כתבו מה שם התמונה ומאיפה לקחת אותה, שוב כיון שזה באותה התיקיה אין צורך במיקום מלא ומדויק
      </div>
רק נסגור את התווית ממקודם
      <div class="right">
נגדיר לו שאנחנו מדברים על תיבה שתצא מימין
        <div class="text-1">מתמחים טופ</div>
טוב  נתחיל לכתוב מה יהיה בחלונית
        <div class="text-2">להרשמה כל פעם שעולה מדריך</div>
        <a href="https://mitmachim.top/recent" target="_blank">רשום אותי</a>
כאן כתבנו לו לאן לפנות אותנו כאשר נלחץ על הרשמה (זה כבר פחות התחום שלנו מה לעשות לאחר שהוא לחץ)
      </div>
    </div>
  </div>

</body>
</html>
נסגור כמובן את כל התגיות והנה לנו לחצן מושלם וחמוד

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

הפוסט לא גמור בעז''ה בהמשך

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

/* פה אנחנו הולכים לבחור גופן
נתחיל בעובדא שלגוגל יש API של גופנים שמספיק להכניס קישור של הגופן ע''מ להשתמש בו וכמו בשורה הבאה שבה אנו מפנים בקשה לגוגל להשתמש בגופן הנקרא Poppins על המשך הבקשה נלמד בעז''ה בפעמים הבאות
הסמל הזה הוא זה שיאפשר לנו לקרוא לנתונים לתוך הקובץ @import*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');
*{
  margin: 0;
בשורה זו אנו מגדירים את גודל השוליים בפיקסלים ה 0 ישמש לנו כברירת מחדל
  padding: 0;
זה נקרא ריפוד משמעותו שחוץ מהשוליים יהיה גם רווח בפנים כלומר שיהיה גם רווח בין השוליים לבין התוכן עצמו גם כאן אנו נכניס את ברירת המחדל 0
  box-sizing: border-box;
 box-sizing מגדיר כיצד מחושבים הרוחב והגובה של אלמנט: האם הם צריכים לכלול ריפוד וגבולות, או לא.
  font-family: 'Poppins', sans-serif;
היות ולפעמים הדפדפן לא מסתדר עם הגופן תמיד נגדיר לו בסוף גופן מוכר וידוע כמו sans-serif ולכן כתבנו לו שאם הוא לא מצליח להשתמש ב Poppins שישתמש ב sans-serif
}
body{
כעת נגדיר את תוכן המסמך שהכנסנו למעלה בתוך html 
  height: 100vh;
פה נגדיר את הגובה של התיבה שלנו אם כי המידה 100vh אומרת לו לשמור על גודל משתנה כלומר מי שיפתח את זה במחשב עם מסך קטן לא נרצה שזה  יקפוץ לו בגודל של מסך של מחשב רגיל
  background: #f2f2f2;
בשורה זו בחרנו צבע רקע, חשוב להדגיש שיש שני אפשרויות לבחור צבעים א לרשום את שמות הצבעים באנגלית באופן פשוט ב ע"י מספרים ואותיות משולבות בל"נ בהמשך העלה קישור שבו ניתן לראות את כל הצבעים האפשריים עם שמותיהם
  overflow: hidden;
ההגדרה  הזו היא רק מה לעשות במקרה והתוכן יהיה גדול מגודל העיצוב שהכנו עבורו האם להוסיף פס גלילה האם לחתוך וכו אצלנו מוגדר לחתו את התוכן והשאר לא יהיה נראה
}

.container{
  position: absolute;
  right: 30px;
  bottom: 30px;
}

.container .box{
  background: #fff;
  display: flex;
  align-items: center;
  border-radius: 6px;
  padding: 15px 25px 15px 15px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  position: relative;
  animation: show_box 0.8s ease forwards;
}
@keyframes show_box {
  0%{
    transform: translateX(100%);
  }
  40%{
    transform: translateX(-5%);
  }
  80%{
    transform: translateX(0%);
  }
  100%{
    transform: translateX(-10px);
  }
}
#hide:checked ~ .box{
  animation: hide_box 0.8s ease forwards;
}
@keyframes hide_box {
  0%{
    transform: translateX(0%);
  }
  40%{
    transform: translateX(5%);
  }
  80%{
    transform: translateX(0%);
  }
  100%{
    transform: translateX(calc(100% + 35px ));
  }
}
.container .box i{
  position: absolute;
  right: 15px;
  top: 10px;
  color: #666;
  cursor: pointer;
  transition: all 0.3s ease;
}
.container i:hover{
  color: #000;
}
.container .logo{
  height: 90px;
  width: 90px;
  margin-right: 15px;
}
.container .logo img{
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.box .right{
  display: flex;
  flex-direction: column;
}
.box .right .text-1{
  font-size: 18px;
  font-weight: 600;
  color: #333;
}
.box .right .text-2{
  font-size: 14px;
  color: #666;
  margin: 2px 0 8px 0;
}
.box .right a{
  font-size: 18px;
  font-weight: 500;
  display: block;
  padding: 8px 0;
  background: #24d8fc;
  border-radius: 6px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  transition: all 0.4s ease;
}
.box .right a:hover{
  background-color: #03bde2;
}
.container #hide{
  display: none;
}

/* .... */

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

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

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

חברת OpenAI משיקה את GPT-4.1 עם דגמי mini ו-nano למפתחים

‏OpenAI השיקה את GPT-4.1, סדרת מודלים חדשה הזמינה ב-API בלבד, הכוללת גם גרסאות mini ו-nano.

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

בונוס: בסיום הלייב הצטרף מנכ”ל ווינדסרף (מתחרה של Cursor) והכריז שבמהלך השבוע הקרוב, GPT-4.1 יהיה זמין בחינם לכולם בווינדסרף - גם למשתמשים חינמיים.

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

טופלו כל הבאגים
בהצלחה!

טופל
אך שימו לב הקישור השתנה
מעתה זה הקישור החדש
https://voicecall.online/mitmachim.php?me=05XXXXXX

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

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

עדכון לנצרכים לכך בס''ד נדרים פלוס העלו תיעוד מסודר לממשק הניהול
https://matara.pro/nedarimplus/ApiDocumentation.html
בהצלחה

לאחרונה התפרסם בכמה מקומות שגוגל הולכת לחייב את כל המשתמשים להשתמש באימות נוסף חוץ מסיסמה וכידוע לא לכולנו יש את האפשרות הזו,
משכך בניתי תוסף שעובד על אבטחת OTP שבו אתם מקבלים סיסמה כל שלושים שניות ויכולים להשתמש בזה כאימות נוסף
טוב אז בקצרה איך עושים את זה
מתקינים את התוסף מכאן
https://chromewebstore.google.com/detail/npgojcaiocahipmcjjhnhecnklkihdfb

לאחר מכן נכנסים לכאן (התמונות הועתקו מכאן)

מעתיקים את הטוקן המופיע שם
נכנסים לתוסף
לוחצים על הפלוס

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

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

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

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

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

https://chromewebstore.google.com/detail/npgojcaiocahipmcjjhnhecnklkihdfb
התוסף גם פועל אופליין
הוא בעברית

אשמח מאוד שתדרגו אותו
תודה

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

כרגע עודכנו כל השלוחות עבור כל אלו שנרשמו בעבר
נוספו השלוחות הבאות
שלוחה 0 להשארת פתיח אישי
שלוחה 6 למי זה פון, זהה מי המספר שחייג אליך

לגבי הקלטה קבועה במקום קול המחשב הקיים עד עתה, בעז''ה בימים הקרובים

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

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

@יוסף-אלחנן הבעיה שאתה מביא ממש מוזרה
תכתוב לי באישי באיזה חברה הטלפון המדובר