רוטר - צריך עזרה + חוות דעת + הצעות לשיפור על אפליקצית WEB שבניתי

יומן פעילות	לוח שנה	מבזקי חדשות	תקנון	RSS	כותרות	כותרות לפי תגובה	ניקוי קוקיז	IP	להורדת אפליקציה
eBay	AliExpress	GearBest	Amazon	Booking	Kiwi	SkyScanner	Trip Advisor

"צריך עזרה + חוות דעת + הצעות לשיפור על אפליקצית WEB שבניתי"

גירסת הדפסה

קבוצות דיון פיתוח, תיכנות ובניית אתרים נושא #20958	מנהל סגן המנהל מפקח Winner צל"ש מומחה

אשכול מספר 20958

aCoZz
חבר מתאריך 19.7.06
17692 הודעות

18:12 07.11.14

צריך עזרה + חוות דעת + הצעות לשיפור על אפליקצית WEB שבניתי

ערכתי לאחרונה בתאריך 07.11.14 בשעה 18:23 בברכה, aCoZz

אני עובד בחברה קטנה וכול מה שקשור לתכנות אני מתעסק איתו
בגלל שאני סטודנט זה יוצא לי ממש טוב כי הכרתי וכתבתי בהמון שפות
בשלוש החודשים האחרונים עבדתי על אפליקצית WEB בתחום ה GIS
מדובר פה באפליקציה שמשלבת PHP HTML CSS ו JAVASCRIPT
חשוב לי לשמוע חוות דעת מאנשים שמבינים כי לי אין מושג ב WEB
התחלתי ללמוד את זה מתי שהתחלתי לבנות את האפליקציה ככה שכול מה שכתבתי נלמד בשלוש החודשים האחרונים ותוך כדי כתיבת הקוד.
בנוסף יש לי מספר שאלות :
1) פיתחתי את האפליקציה דרך CHROME ולא ידעתי שדפדפנים שונים יש להם פקודות עיצוביות שונות,
יש דרך לבצע המרה אוטומטית לכל הדפדפנים או שאני צריך לרשום עיצוב נפרד לכול דפדפן ?
2) איך אני מגן על הקוד מקור ?
יש מתחרים בשוק שיכולים פשוט להעתיק הכול חוץ מה PHP
יש דרך להפוך את הקוד שנכנתב ב JAVASCRIPT ללא נגיש לכולם ?
3) איך אני עושה את האפליקציה SMARTPHONE\TABLET FRIENDLY ?
יש דברים מסוימים שאני צריך לקחת בחשבון ?
לינק לאפליקציה
**** נא להפעיל את האתר דרך CHROME כי כמו שרשמתי אין התאמה לדפדפנים אחרים ****
http://wgis.co.il/wgs/index.html
למי שלא מבין איך משתמשים יש לחץ עזרה

תודה לעוזרים !

שתף

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

האשכול	מחבר	תאריך כתיבה	מספר
לא מבין גדול בweb אבל:	איציק2	08.11.14 15:56	1
תשובות טובות, לגבי התשובה הראשונה אני אשפר אותה,	אחי הדוב	09.11.14 13:30	5
מכתב:	meni181818	08.11.14 21:16	2
מכתב	משה הלולן	09.11.14 10:48	3
קודם כל כל הכבוד,	אחי הדוב	09.11.14 13:25	4

איציק2
חבר מתאריך 26.4.08
2436 הודעות

15:56 08.11.14

1. לא מבין גדול בweb אבל:
בתגובה להודעה מספר 0

1.לא צריך CSS שונה לכל דפדפן, אבל יש פקודות שנתמכות רק בדפדפנים מסוימים ולכן תצטרך לכתוב את אותה פקודה 3 פעמים (כלומר 3 פקודות שונות שכל אחת תעשה את אותו דבר בדפדפן אחר).
2. אתה לא יכול להגן באמת על הקוד מקור, אבל בגדול מה שאתה כן יכול זה להפוך את הקוד שלך לminified.. כלומר "לארבל" אותו (תראה לדוג' את הספריה של jQuery וjQuery minified, ותבין שאת השנייה לא תוכל להבין).
הרעיון הוא להוריד את כל הרווחים ולהפוך שמות ארוכים וברורים לשמות קצרים ולא מובנים (כמו משתנה x במקום shoppingCart).

3. אם אתה רוצה אפליקציה רספונסיבית תבדוק מזה bootstrap.

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

אחי הדוב
חבר מתאריך 9.11.14
50 הודעות

13:30 09.11.14

5. תשובות טובות, לגבי התשובה הראשונה אני אשפר אותה,
בתגובה להודעה מספר 1

אם אתה עובד עם compass + sass אז קיים מושג שנקרא mixins, לא לתת למושג לסבך אותכם, זה ממש כמו פונקציות, ב-compass יש core mixins שנועדו לתרגם פקודה אחת למספר פקודות שיתאימו לדפדפנים הנכונים.

לעשות minified לפרוייקט זה לא עניין כל כך פשוט, אני מאוד אוהב לעבוד עם require.js מהסיבה הפשוטה שזה משולב עם r.js שהיא תשתית מאוד חזקה לביצוע של minified, יש לה גם את היכולת לייצר map files ואז אתה יכול ממש לעשות debug לקוד שלך גם כשהוא minified.

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

meni181818

חבר מתאריך 12.12.13
1032 הודעות, 1 פידבק

21:16 08.11.14

2. מכתב:
בתגובה להודעה מספר 0

1. יש תחומים ב-CSS של webkit, ומשפיעים על דפדפני ספארי וכרום, ויש תחומים של moz - שנתמכים בפיירפוקס (מוזילה), יש את o שמשפיע על דפדפן אופרה, ויש את ms שמשפיע על אקפלורר. דפדפנים חדישים אמורים לתמוך בביטוי הסטנדרטי כלומר בלי הקדמת webkit/moz/o/ms.
ראה למשל בתוצאה כאן: http://ie.microsoft.com/Testdrive/Graphics/CSSGradientBackgroundMaker/Default.html
אני מניח שיש אתרים שעושים המרה והתאמה לכל הדפדפנים.
2. לא. אין אפשרות להגן על הקוד של html, js, css מכיוון שהם רצים בצד לקוח. גם לא יעשזור "ערבול" (minifiy), למשל בכרום אפשר לעשות סידור נקי אוטומטי לקוד "מעורבל".
3. כפי שכתבו, אתה יכול להשתמש בספריות רספונסיביות כמו bootstrap או Foundation, ועוד.

http://www.files.org.il/BRPortalStorage/a/1/40/71/34-3Y373LGhbD.gif

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

משה הלולן

חבר מתאריך 11.6.13
4818 הודעות, 8 פידבק

10:48 09.11.14

3. מכתב
בתגובה להודעה מספר 0

כתבת את כל זה מ0 ב3 חודשי למידה?
אחלה של ממשק עובד טוב וברור באמת כל הכבוד
1) בעיקרון בדפדפנים החדשים אותו קוד עובד בכולם.. אולי חוץ מדברים קטנים.
2) uglify יכול מאוד לעזור.. אלא אם מישהו יתחיל לנתח את הקוד מקור זה די מסובך להבין מה הולך שם

3)הטריק זה להשתמש באחוזים, תסתכל על הספריות שהמליצו לך איך הם עשו את זה שם

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

אחי הדוב
חבר מתאריך 9.11.14
50 הודעות

13:25 09.11.14

4. קודם כל כל הכבוד,
בתגובה להודעה מספר 0

תמיד כיף לראות אנשים שמפתחים ומתפתחים לאט לאט, האתר נראה מאוד סביר.
ההמלצה שלי היא שתקרא על bootstrap + font awesome מה שיעזור לך המון ליצור חווית משתמש יותר חלקה ונעימה לעין וגם יעזור לך המון לגבי השאלה הראשונה.
עכשיו אם נכנס בצורה יותר פרטנית לשאלה הראשונה, אז הכל תלוי באיזה פלטפורמות אתה מעוניין לתמוך, מבחינת ה-CSS אני מציע לך להסתכל על compass בשילוב של sass, מה שזה נותן לך זה סוג של framework לכתוב css פרוצדוראלי, איך זה עובד?
אז sass היא בעצם שפה שמתורגמת ל-CSS הרעיון הוא שתפריד את האתר שלך לחלקים שכל חלק מקבל את ה-CSS שלו.
הייתרונות ב-SASS הם שאתה יכול לכתוב בצורה מקוננת, לדוגמא:

#module_1 { span { color: red; } }

במקום לכתוב selectorים מאוד ארוכים כמו:

#module_1 span { color: red }

כשכתובים בסגנון הזה מאוד הולכים לאיבוד ומאבדים את הגנריות של הקוד.
ייתרון נוסף הוא שאתה יכול להכניס ממש לולאות, חישובים, פונקציות ועוד... ממש לתוך ה-CSS שלך.
לגבי השאלה ה-2 אין דרך שאתה יכול להסתיר את הקוד שלך בצד הלקוח, יש המון טריקים אבל הם מיותרים ופוגעים ב-performance של הקוד, אתה כן יכול לעבוד בצורה יותר מסודרת וכשאתה עושה deploy אז תייצר גירסא שתהיה minified.
לגבי השאלה האחרונה, אני מציע שתקרא על media queries ותראה איך זה משתלב עם כל הדברים שכתבתי לך.

בהצלחה ושוב כל הכבוד

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד