בניית אתר מעוצב

[חגי]

אין לי ניסיון עם זה, אבל אולי זה יתאים לצרכים שלך:
https://github.com/nocodb/nocodb

[dovid]

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

[EMG]

@dovid משהו בסיסי התחלתי השאלה שלי
איך אמור לעבוד דף אינטרנט מקצועי מהרבה דפים שונים (ובכל דף יש את אותו תפריט שמשתמש באותו css) או שזה בנוי מדף אחד ובכל לחיצה על חלק אחר בתפריט שולח בget או בדף אחד שמנתב לפי ה routing

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

[יהודי טוב]

@EMG כתב בבניית אתר מעוצב:

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

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

ממליץ לך ללמוד את זה. אתה צריך בסיס של html, css, js ואז בקלי קלות אתה יכול ללמוד את ריאקט...

[meir lamdan]

@יהודי-טוב כתב בבניית אתר מעוצב:

ממליץ לך ללמוד את זה. אתה צריך בסיס של html, css, js ואז בקלי קלות אתה יכול ללמוד את ריאקט...

אני הייתי ממליץ ללמוד vue הוא הרבה יותר קל ללמידה
(אבל לפני הכל צריך להכיר את js וhtml וcss בצורה בסיסית)

[יהודי טוב]

@meir-lamdan כתב בבניית אתר מעוצב:

אני הייתי ממליץ ללמוד vue הוא הרבה יותר קל ללמידה

לא יצא לי לעבוד עם vue, אבל גם ריאקט ממש קל ללמידה..

אתה עבדת עם ריאקט?

צריך מישהו אוביקטיבי שיכריע

[chagold]

@EMG כתב בבניית אתר מעוצב:

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

phpmyadmin?

[dovid]

@EMG בדפי אינטרנט מסורתיים (כלומר לא SPA) כל דף הוא מסמך HTML מלא בפני עצמו.
בשביל לתת תחושה של עקביות פשוט יוצרים קוד אחיד לכותרת ולדף, אבל הוא בעצם כל פעם צריך להיות כתוב בכל דף.
בשימוש בPHP קל לעשות את זה ע"י include, אתה יוצר קובץ בשם header.php וכן קובץ בשם footer.php ובכל קובץ אתה שם include לשניהם ואת התוכן באמצע.

הדרך של הifream היא לא טובה מכמה סיבות.

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

[חגי]

@יהודי-טוב
אני לא אובייקטיבי, אבל בגירסאות הראשונות של ריאקט, הוא היה ממש מוגבל ומינימלי ולכן גם מאוד קל ללמידה, בכל גירסה חדשה נעשו תמורות בפריימוורק שהיום הוא כבר נהיה מאוד מסורבל ועם תקורת למידה גבוהה, בדקו כמה מתכנתי ריאקט יודעים להשתמש בreact hooks וב-useEffect בצורה נכונה, וגילו שיש המון שלא יודעים, אתה גם יכול לקרוא במאמרים שמסבירים איך הוקים עובדים ומתי להשתמש בהם - שיש הרבה שכותבים שהם מתקשים להבין את זה.
ב-vue 3 יש קונספט שנקרא SFC, שמפשט מאוד את הפיתוח של קומפוננטות. והוא אופציונלי למי שרוצה להישאר בשיטות המסורתיות של vue 2 לכתיבת קומפוננטות.

[אביי]

@EMG אני כיום יוצר קובץ שמכיל את הכותרת של הדף, וקובץ נוסף שמכיל את הכותרת התחתונה וכו' (בד"כ בjs, אפשר גם לטעון קטע html ישר) וטוען אותם לדף, ככה אני מבצע שינויים במקום אחד ללא פריימוורק כלשהו.

אתה יכול לראות דוגמה כאן במקור הדף או ישר מגיטהאב