לימוד בניית ועיצוב אתרים ברמה גבוהה

[ששא]

@יעקב-מ.-פינס ממבט מלמעלה זה לא נראה שאפשר להגיע ממנו לרמה מקצועית, אני טועה?

[יהודי טוב]

יש אתר ישראלי בשם קודבוקס,

הוא מלמד מאוד טוב, וברור, עם ניסויים מעשיים על כל קטע לימוד.

ממליץ.

[ששא]

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

[יהודי טוב]

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

בסוף אתרים אמיתיים וגדולים מאוד קשה לכתוב עם html+css - לבד.
אתה צריך להתקדם גם לריאקט או לספריות אחרות.

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

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

לדעתי זה שווה את המחיר.

[ששא]

@יהודי-טוב תכנות אני יודע וזה לא מה שאני מחפש ללמוד
אני מחפש ללמוד לעצב אתר
נראה לי שיש הרבה אנשים שמעצבים אתרים עם html+css לבד, אני טועה?
מה זה תבניות? אתה יכול לתת לי קצת הסבר על זה?

אז למעשה כרגע אני מחפש לימוד עיצוב אתרים בhtml+css

[יהודי טוב]

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

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

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

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

ואם אתה רוצה להקים פרויקט במהירות יש לך תבניות (שאולי לא תמיד מומלץ להשתמש בזה - וזה תלוי בצורך הספציפי של הפורויקט שלך)
כאן יש לך לדוגמא תבניות חינמיות לפי נושאים:
https://vercel.com/templates

אבל בסוף אם אתה נשאר רק בhtml + css,
אני לא מאמין שתוכל להתקדם,

[צדיק תמים]

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

[יהודי טוב]

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

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

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

[dovid]

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

[ששא]

@dovid @צדיק-תמים אז מה אתם אומרים? אתם גם סוברים כמו @יהודי-טוב שצריך ללמוד שפה כמו ריאקט כדי לבנות אתרים יפים ומקצועיים? או מה?

[צדיק תמים]

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

[צדיק תמים]

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

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

התכוונת כנראה שפת עיצוב מסוימת?

[יהודי טוב]

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

התכוונת כנראה שפת עיצוב מסוימת?

התכוונתי לספריה שנותנת אלמנטים מוכנים, כמו שכתבתי בהודעה לפני.

[יהודי טוב]

פוסט זה נמחק!

[י.פל.]

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

@pcinfogmach כתב בלימוד בניית ועיצוב אתרים ברמה גבוהה:

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

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

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

[ששא]

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

[ששא]

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