מידע לבונה \ מתכנת האתרים המתחיל [ואולי גם לותיקים :) ]

כתבתי את המידע הבא לחבר, וחשבתי שאם כבר כתבתי לו אז לא יהיה רע לשתף אותכם

הקדמה - מה בא קודם?

מי שמתחיל בעסק של בניית אתרים ותיכנות WEB בכלל, צריך ללמוד את השפות השונות על-פי הסדר הבא:

1. HTML
2. CSS
3. JS
4. PHP או ASP - שפות צד-שרת שונות שצריך לבחור את אחת מהן, אני (ורבים אחרים) מעדיף את PHP, היא הכי טובה לדעתי.
5. SQL

ואחרי שתלמד אותן, יש את הטכנולוגיות (אלה טכנולוגיות ולא שפות) הקשורות להן, שהן:

6. DHTML - שילוב של JS ו-CSS שיוצר עמוד HTML דינאמי.
7. AJAX - שילוב של JS ואחת משפות צד-השרת, ביניהן PHP או ASP. יש גם את השפה JSP אם אני לא טועה, אבל אני חושב שהיא לא רלוונטית.

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

יש גם שיפור לשפה HTML הבסיסית שנקרא XHTML וזה בניית אתרים לפי התקן שנקבע עפ"י W3C:
8. XHTML.

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

מידע כולל קישורים לשפות\טכנולוגיות:

1. HTML:

1) http://www.w3schools.com/html/default.asp
עמוד באתר הנ"ל הקשור ל-HTML שיכול לעזור:
- http://www.w3schools.com/tags/default.asp - טבלת סיכום על כל התגים.

2. CSS:

1) http://www.w3schools.com/css/default.asp
- http://www.w3schools.com/css/css_reference.asp - בקישור זה יש טבלאות סיכום על האפשרויות השונות ב-CSS כולל ערכיהן ודוגמאות. מומלץ לשים את זה במועדפים אחרי שלמדת את כל ה-CSS כדי לגשת בקלות לפקודות שונות ב-CSS.
2) http://www.smashingmagazine.com/200...nt-live-without - באתר זה יש טכניקות CSS שונות שיכולות מאוד לעזור לבונה אתרים, במיוחד אם אין סבלנות לשבת על בניית קודים מסוימים.
3) http://www.cssplay.co.uk/menus/index.html - עוד כמה דברים הקשורים ל-CSS...

3. JS - javascript:

1) http://www.w3schools.com/js/default.asp
עמוד באתר הנ"ל הקשור ל-JS שיכול לעזור:
http://www.w3schools.com/jsref/default.asp - יש בו את כל הפונקציות ב-JS הקשורות למערכים (Arrays), פונקציות תאריך, פונקציות מתמטיות, פונקציות על מחרוזות ועוד...

2) http://www.w3schools.com/htmldom/default.asp - זה נקרא DOM, מתייחסים אל זה כטכניקה\טכנולוגיה אבל מבחינתי זה JS פשוט. בעזרת זה אפשר לגשת אל אלמנטים\תגים שונים במסמך HTML.
ד"א משהו חשוב ביותר בנושא - כשרוצים לגשת אל תג מסוים שיש לו מאפיין id מוגדר עם ערך של "someId", אז כדי לגשת אליו צריך\כדאי לכתוב:
קוד:
 document.getElementById('someId')
זה סתם הערת אגב שהיא די חשובה, כי בדר"כ הכי כדאי לגשת אל אלמנטים\תגים במסמך ה-HTML באמצעות פונקציה זאת, כלומר באמצעות ה-id שלהם. בהמשך עוד תבין יותר על הנושא...

3) http://www.javascriptkit.com - אני אישית לא משתמש, אבל יכול להיות שיעזור לכם.

4. 1. PHP:
[ אני אכתוב בעיקר על PHP כי אני חושב שזה הכי טוב....על ASP אין לי גם מספיק מידע ]

1) http://php.eitan.ac.il/main.php - זהו האתר של איתן. מומלץ מאוד למתחילים והוא גם כתוב בעיברית! כתוב שם את הבסיס של השפה ואיך יוצרים דברים שונים, אבל חסר שם פירוט על אבטחה, פשוט לא שמים שם דגש על אבטחה. זאת הסיבה שכדאי גם ללמוד מאתרים אחרים...

2) http://www.php.net - האתר הרישמי של PHP. יש שם פירוט רב על כל פונקציה של PHP ועל הפרמטרים שלה. גם בכל עמוד של פונקציה (או לפחות ברובם) כתוב תגובות של משתמשים שהם ממליצים על דברים שקשורים לפונקציה או פתרונות מסוימים...כדאי לקרוא לפעמים את התגובות כשאתה מתקשה במשהו.
עמודים באתר הנ"ל הקשורים ל-PHP שיכולים לעזור לך:
- http://il2.php.net/manual/en/index.php - זהו המדריך למשתמש...
- http://il.php.net/manual/en/language.operators.php - בעמוד זה יש פירוט על האופרטורים ב-PHP. בנושא בצד שמאל תמצא עוד פירוט על נושאים אחרים, כמו משתנים, מבני בקרה (לולאות וכדו'), פונקציות, מחלקות ועוד.
- http://www.php.net/manual/en/langua....predefined.php - מידע על המשתנים הגלובאלים של PHP. מאוד שימושי...
- http://www.php.net/manual/en/refere...tern.syntax.php - מידע על ביטויים רגולריים (PCRE) ופירוט על כל ביטוי! מאוד עוזר כשלומדים על ביטויים רגולרים שאפשר ליישם אותם בהרבה שפות - גם ב-JS, גם ב-PHP, גם ב-SQL ואולי בעוד שאני לא זוכר.
- http://www.php.net/manual/en/refere...n.modifiers.php מידע על הדגלים של ביטויים רגולריים.
- http://il2.php.net/manual/en/ref.mbstring.php - פונקציות mbString, יעילות ביותר אם אתרך מקודד בקידוד UTF-8 או קידוד UniCode.
- http://il.php.net/manual/en/security.php - האתר הרישמי של php עצמו מלמד על אבטחה, ונותן דרכים שונות להגן על האתר. מומלץ ביותר.

3) http://www.w3schools.com/php/default.asp - גם האתר הזה מלמד על PHP, אבל לא בפירוט. בכל זאת כדאי ללמוד ולהיעזר משם...

4. 2. ASP:
1) http://www.w3schools.com/asp/default.asp
2) http://www.asp.org.il

5. SQL:
1) http://www.w3schools.com/sql/default.asp - מלמד על שפת SQL ברמה בסיסית ומביא מספר פונקציות השייכות לשרתי SQL שונים.

* זה קצת חשוב להדגיש פה שיש הבדל בין SQL ל- MySQL, MSSQL, ACCESS, Oracle ועוד... ההבדל הוא ש-SQL זאת שפה בפני עצמה, אבל MySQL, ACCESS ושאר החבורה הם לא שפות, אלו תוכנות מסדי נתונים שמפרשות בצורה אחרת משפטי SQL. כלומר שלכל תוכנת מסד נתונים יש פונקציות משלה ומשפטים מיוחדים משלה, אבל בעיקר כולן פועלות ומריצות בצורה דומה את משפטי ה-SQL הקבועים בכתובת הנ"ל. ACCESS לפי דעתי זאת תוכנה די דפוקה, ו- MySQL היא תוכנה טובה וחינמית, בעוד ש- MSSQL היא תוכנה עוד יותר טובה משתיהן אבל עולה כסף. (לבסוף MySQL עדיפה, במיוחד למשתמש המתחיל)

2) MySQL:
http://dev.mysql.com/doc/refman/5.0/en/index.html - קישור לאתר הרישמי של MySQL שמכיל מידע מפורט על פונקציות ודברים נוספים. שווה לחפש שם, אבל קיבלתי המלצה שאת החיפוש כדאי לעשות באמצעות Google (ולא באמצעות החיפוש של האתר של MySQL) כיוון שמנוע החיפוש שלו ייתן תוצאות טובות יותר ורלוונטיות.
אני נותן לך קישור למידע על MySQL כי זאת התוכנה שאני משתמש בה ולדעתי היא מספיק טובה.
עמוד באתר הנ"ל של MySQL שיכול לעזור:
http://dev.mysql.com/doc/refman/5.0/en/functions.html - פונקציות על מחרוזות, מספרים, ומידע על ביטויים רגולריים (PCRE \ Regular Expressions).

6. DHTML:
1) http://www.w3schools.com/dhtml

7. AJAX:
1) http://www.w3schools.com/ajax/default.asp - מומלץ ביותר ללימוד AJAX (כי זה האתר הרישמי וכו' וכו'...)
2) http://www.w3schools.com/xml/xml_http.asp - אפשר להבין רק בעיקר אחרי שקוראים את האתר שבתת-סעיף 1. (האחד שבדיוק מעל הנוכחי)
3) http://www.xulplanet.com/references...ttpRequest.html - אפשר להבין בעיקר אחרי שקוראים את האתר שבתת-סעיף 1.
4) http://members.pundak.co.il/otherwo...jax-basic01.php - מידע על AJAX בעיברית!

8. XHTML:
http://www.w3schools.com/xhtml/default.asp
http://www.w3.org/TR/2000/REC-xhtml1-20000126 - משהו מפורט ביותר. לא הספקתי להתעמק בעמוד. לפחות המידע שם רישמי...
הערה: ההבדל בין HTML ל-XHTML הוא די קטן, את הרעיון מבינים מהר ובקלות ואין מה להתעמק בזה. לכן כדאי ללמוד XHTML.
הערה2: למי שמתעניין בקידום אתרים, מנועי חיפוש מסוימים ובעיקר Google לא שמים דגש על XHTML תקין.

---------------------------------------------------------------------

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

בנוסף, אם אתה מתעסק\תתעסק בהתאמת אתר האינטרנט לדפדפנים השונים, ובעיקר לדפדפנים הגדולים ( IE, FF, Opera ועוד...) אז האתרים הבאים יוכלו לעזור לך מאוד:
http://www.quirksmode.org - אתר מומחה ביותר לעניינים האלה, אני הכי משתמש בו כשאני צריך עזרה בנושאים של התאמה בין דפדפנים.
http://www.howtocreate.co.uk - עוד אתר שעוסק בנושא, וגם בו יש פיתרונות טובים. [אני פשוט יותר התחברתי לאתר הראשון...]

---------------------------------------------------------------------

הערות נוספות:
* השפות PHP ו-ASP נקראות שפות צד-שרת, את השפות האלו לא יכול לראות המשתמש הגולש באתר כמובן (אלא אם כן הוא נעזר בפריצה\injections או משהו דומה...).
בהתאם לכך, השפות HTML, JS, CSS וכדו' הם שפות צד-לקוח שאותם המשתמש יכול לראות (לא משנה מה תעשה! את השפות האלה הגולש באתר יכול לראות נ-ק-ו-ד-ה).
* הבאתי קישורים גם לדפים פנימיים של אתרים, כיוון שלפעמים קשה להגיע לעמודים אלה או שלא תשימו לב אליהם כל כך.
בעזרת זה שהדגשתי את העמודים ע"י שהצגתי לכם אותם פה, תוכלו להגיע למקומות שונים, שאולי אפילו לא ידעתם עליהם, בקלות רבה יותר.
* אין נוסחת קסם, אין סקריפטים. הכל מגיע בהתאמצות וזה שווה את זה בסוף.
* אל תתיאש מהאנגלית או תתעצל לקרוא! בהתחלה זה קשה\לא-נוח אבל במשך הזמן מתרגלים ויותר קל...
אפשר להיעזר בתוכנות כמו בבילון. האתרים באנגלית מספקים את החומר החיוני והחשוב ביותר.

---------------------------------------------------------------------

הקידוד המומלץ ביותר לאתרך - UTF-8:

בנוסף לכל, יש נושא חשוב ביותר שבזמן האחרון התחלתי להתעסק יותר במידה ניכרת, והוא קידוד UniCode, שהוא Coded Charset , כשמתוכו בחרתי את אפשרות הקידוד שהיא UTF-8.
קידוד UTF-8 בזמננו הוא חשוב ביותר לבניית אתר, במיוחד כשרוצים לבנות מערכת גלובאלית שתתאים לרוב האנשים. לכן כשמתחילים לבנות אתר חשוב לקדד את כל האתר כולו, כולל הקבצים וכולל מסד הנתונים בקידוד UTF-8.
אבל מה שעוד יותר חשוב זה להבין את הנושא של UTF-8, כי אם לא מבינים, זה מאוד קשה להתעסק עם זה. במיוחד כשבשפת הצד-שרת עוד חסרות פונקציות מתאימות להתעסקות עם הנושא.
כיוון שרק בזמן האחרון התחלתי להתעסק בנושא, לא מצאתי מקורות רבים שמסבירים עליו.

אבל בכל מקרה, הנה המקורות שמצאתי וכדאי לקרוא אותם לפי הסדר שלהם:

1. http://www.joelonsoftware.com/articles/Unicode.html - מאמר חשוב ביותר! עוזר מאוד להבנת מהו קידוד UTF-8, איך התווים מקודדים בו, וגם ב-Charsets אחרים.
2. http://www.phpwact.org/php/i18n/charsets - גם אתר מאוד טוב. זה האתר היחיד שמצאתי לבינתיים שנותן גם פיתרונות ודרכים חלופיות לבעיות עם UTF-8 (בשפת צד-שרת PHP).
3. http://www.phpwact.org/php/i18n/utf-8 - עמוד מתוך האתר הנ"ל שגם הוא חשוב לקריאה.
4. http://en.wikipedia.org/wiki/UTF-8#Description - היסתכלו בטבלה על הצורה שבה מקודדים את התווים. בהחלט עוזר להבנה...
5. http://intertwingly.net/stories/2004/04/14/i18n.html
עוד מקורות נוספים שאין להם סדר חשיבות [גם כי לא הספקתי לקרוא ]:
http://www.betalogue.com/?p=1278
http://forum.joomla.org/index.php?topic=50934.0;wap2
http://www.utf-8.com - לא קראתי, אבל אני חושב שזה אתר שיכול די לעזור.
http://www.cl.cam.ac.uk/~mgk25/ucs/utf-8-history.txt - זו ההיסטוריה של UTF-8. לחובבי ההיסטוריה...(טוב שסיימתי את הבגרות )

בנוסף לכל, מקורות שבהם תוכלו לדעת את הקוד של כל תו:
http://en.wikipedia.org/wiki/Category:Character_sets
http://www.i18nguy.com/unicode/codepages.html
http://msdn2.microsoft.com/en-us/library/ms776429.aspx - העמוד הזה מסביר על BOM, שזה למעשה חתימה מסוימת שנמצאת בתחילתו של קובץ המקודד בקידוד UTF-8 שמעידה על אופן הקידוד (מקווה שהתבטאתי פה נכון).
http://www.unicode.org/Public/UNIDATA/NamesList.txt - עמוד גדול ביותר שמכיל את המצביע קוד של כל תו ב-UniCode.
* אפשרות נוספת לדעת את מספרו של כל תו ב-UniCode היא ללכת ל- Start -> Programs -> Accessories -> System Tools -> Character Map .

---------------------------------------------------------------------

תגי Meta:

בנוסף לכל, מידע על תגי Meta שונים, שאלו הם תגי HTML פשוטים (חלקם מומלצים לאנשי SEO):
http://www.w3schools.com/tags/tag_meta.asp
http://www.seoconsultants.com/meta-tags
http://www.webmarketingnow.com/tips...-uncovered.html
http://www.pandia.com/optimization/SEO-metatags.html - מסביר בעיקר על אופטימיזציה של אתרים למנועי החיפוש, אבל שיהיה...
http://vancouver-webpages.com/META
http://www.edu-negev.gov.il/tapuz/m...r/meta-tags.htm - בעיברית, אבל לא מומלץ כל כך.

---------------------------------------------------------------------

ובנוסף לכל (אחרון! מבטיח! ) אתרי עזר שונים + פירוט עליהם:
http://regexlib.com/default.aspx - ספרית ביטוים רגולריים. אתר ע-נ-ק המכיל מאות אם לא אלפי ביטוים רגולריים שימושיים ביותר. ביניהם ביטוי רגולרי לכתובת אימייל, טלפונים ועוד...
http://www.w3.org - האתר של W3C. יש שם הרבה מידע מכל הסוגים, מידע רישמי כמובן.
מתוך האתר הנ"ל יש את העמוד הבא: http://www.w3.org/QA/Tools/#validators - העמוד הזה מוודא שהדף שלכם תקין (דף XML, XHTML, CSS או אחרים. הכל מפורט שם).
http://devguru.com - מכיל מידע על שפות שונות.

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

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

אתה לא יכול לפתוח אשכולות חדשים

אתה לא יכול להגיב לאשכולות

אתה לא יכול לצרף קבצים

אתה לא יכול לערוך את ההודעות שלך

קוד vB פעיל

סמיילים פעיל

קוד [IMG] פעיל

קוד HTML כבוי

כלי אשכול	חפש באשכול זה
הצג גירסת הדפסה שלח דף זה ב E-Mail	חפש באשכול זה: חיפוש מתקדם
מצבי תצוגה	דרג אשכול זה
עבור למצב לינארי מצב כלאיים עבור למצב משורשר	דרג אשכול זה:

הדף נוצר ב 0.21 שניות עם 10 שאילתות
צור קשר - Fresh - למעלה