כפיר גולן

בניית אתרים

מדריך jQuery – חלק 1

מאת admin בתאריך 09.אוק', 2009, בקטגוריה בניית אתרים

שלום,

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

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

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

jQuery.noConflict()

שתשחזר את האובייקט הקודם שהיה קשור בסימן $. בנוסף הקריאה לnoConflict תחזיר מצביע לאובייקט jQuery. לדוגמה

var obj = jQuery.noConflict()

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

http://docs.jquery.com/Core/jQuery.noConflict

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

window.onload=function() {
//code here
}

מה שקטע הקוד הזה עושה זה לצרף פעולה לאירוע (event) של טעינת העמוד. כלומר שאם אנחנו רוצים לבצע קוד JavaScript עם טעינת העמוד זאת הדרך. אבל למה שנרצה לחכות לטעינת העמוד המלאה? נניח שיש לנו עמוד עם תמונה גדולה. למה שנצטרך לחכות שהמשתמש יסיים להוריד את התמונה כדי להריץ את קוד הJavaScript שלנו? התשובה היא שאנחנו לא צריכים. jQuery מספקת לנו אירוע מסוג חדש – ready. אירוע זה מופעל כשהDOM בעמוד מוכן. זה אולי נשמע הבדל קטן אבל זה חוסך הרבה מאוד זמן. בגלל שאני לא רוצה להיכנס לעומק על שימוש באירועים בjQuery בחלק זה של המדריך בנתיים אתם יכולים להשתמש בקטע הקוד הבא בתור משהו מוכן ופשוט להעתיק ולהדביק כדי לנסות אותו.

$(document).ready(function() {
//code here
});

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

<html>
	<head>
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$('a').click(function(e) {
					$(this).css('color','green');
					e.preventDefault();
					return false;
				});
			})
		</script>
	</head>
	<body>
		<a href="#">Click me!</a>
	</body>
</html>

אם יש לכם שאלות אתם יותר ממוזמנים לשאול.

2 תגובות :, להמשך הפוסט...

ברד ירד בדרום ספרד

מאת admin בתאריך 23.אוג', 2009, בקטגוריה בניית אתרים

שלום,

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

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

החלטתי לעדכן את העמוד שלי, להוסיף לו קצת עיצוב בCSS ולעדכן את התכנים. דבר ראשון שעשיתי היה לתקן את הקישור. הקישור הקודם בו השתמשתי לאתר הכיל רווחים. רווחים בכתובת כמובן נהפכים ל%20. בזמן הכנת העמוד לא ידעתי שלא כדאי להשתמש בהם. לכן החלפתי את הרווחים למקפים והשתמשתי בהפניית 301 כדי לא לאבד את המיקום שכבר יש לעמוד בחיפוש. הקישור הנוכחי הוא:

http://seo.kfirg.com/ברד-ירד-בדרום-ספרד

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

עד כאן להפעם,
כפיר גולן

הוסף תגובה להמשך הפוסט...

משחקים און ליין

מאת admin בתאריך 27.יולי, 2009, בקטגוריה בניית אתרים

שלום,

כמו שבטח ניחשתם מהכותרת של הפוסט הוא עוסק בביטוי החיפוש החדש שבו אני מנסה לקדם את פיג'מה והוא כמובן משחקים און ליין. למה בחרנו במשחקים און ליין ולא במשחקים? התשובה היא שכרגע אין לנו באמת סיכוי להתחרות עם כל האתרים הגדולים על מילת החיפוש המבוקשת משחקים. נעזרתי בכלי של גוגל המאפשר לבדוק כמה חיפושים יש לכל ביטוי ומצאתי ביטוי חלש יחסית שלא אמור להיות קשה במיוחד להגיע בו למקום הראשון. הביטוי הזה הוא כמובן משחקים און ליין. נכון לכתיבת שורות אלה ישנם 14,800 חיפושים של הביטוי "משחקים און ליין" בגוגל בחודש. נניח לצורך העניין שבחודש יש 30 יום. מכאן שבכל יום יש כמעט 500 חיפושים של הביטוי משחקים און ליין בגוגל. נכון שזה לא הרבה אבל זה בהחלט לא רע. בנתיים האתר נמצא במקום 19 בחיפוש משחקים און ליין בגוגל.

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

הוסף תגובה להמשך הפוסט...

פיג'מה – חרבות וסנדלים 4

מאת admin בתאריך 12.יולי, 2009, בקטגוריה בניית אתרים, משחקים

שלום,

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

נשאלת השאלה למה דווקא חרבות וסנדלים 4? למה לא כל גרסה אחרת של חרבות וסנדלים? והתשובה היא שגם שאר הגרסאות הן לא רעות אבל כרגע יש באתר רק את חרבות וסנדלים 4. אני מקווה שביום\יומיים הקרובים יהיו באתר, פיג'מה, כבר את כל הגרסאות של המשחק, חרבות וסנדלים, כדי שאתם, קוראי הבלוג, וכל שאר הגולשים שנכנסים לאתר פיג'מה יוכלו להנות מהמשחק.

עד כאן להפעם,
כפיר גולן

הוסף תגובה :, להמשך הפוסט...

התקדמות עם פיג'מה

מאת admin בתאריך 10.יולי, 2009, בקטגוריה בניית אתרים

שלום,

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

עד כאן להפעם,
כפיר גולן

הוסף תגובה : להמשך הפוסט...

העבודה על פיג'מה

מאת admin בתאריך 09.יולי, 2009, בקטגוריה בניית אתרים, משחקים

שלום,

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

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

עד כאן להפעם

הוסף תגובה :, להמשך הפוסט...

פיג'מה – שיפור המיקום בגוגל

מאת admin בתאריך 08.יולי, 2009, בקטגוריה בניית אתרים

שלום,

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

עד כאן להפעם, אני אעדכן שוב בקרוב על ההתקדמות בגוגל ונקווה שגם המקום הראשון בחיפוש "פיג'מה"

תגובה אחת : להמשך הפוסט...

פיג'מה – קידום האתר

מאת admin בתאריך 07.יולי, 2009, בקטגוריה בניית אתרים

שלום,

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

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

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

אני אמשיך לעדכן על האתר. עד כאן להפעם :)

הוסף תגובה : להמשך הפוסט...

פיג'מה – האתר עלה

מאת admin בתאריך 03.יולי, 2009, בקטגוריה בניית אתרים

שלום,

אחרי הרבה עבודה האתר פיג'מה סוף סוף עלה לאוויר. הכנסנו לאתר כל מיני משחקים מגניבים ואני ממש מקווה שהגולשים יאהבו אותו :)

תזכרו לפעם הבאה שיהיה להם משעמם – פיג'מה זה הדבר בשבילכם :)

הוסף תגובה : להמשך הפוסט...

פיג'מה – העבודה נמשכת

מאת admin בתאריך 27.יוני, 2009, בקטגוריה אתרים שימושיים, בניית אתרים

שלום,

כידוע לאלה מכם שקוראים את הבלוג לפני מספר ימים רכשתי יחד שותפי, ירדן, את הדומיין pyjama.co.il עבור אתר המשחקים החדש שלי, פיג'מה – כיף משחקים. עכשיו יש לנו משימה, לסיים את בניית האתר לפני סוף החודש. מה כל כך חשוב בסוף החודש אתם שואלים? טוב זה די פשוט. בסוף החודש יוצאים תלמידי היסודי לחופשת הקיץ. בחופשת הקיץ הילדים מחפשים דברים לעשות. זאת תקופה טובה מאוד לאתרי משחקים שמציעים לילדים תעסוקה.

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

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

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

הוסף תגובה להמשך הפוסט...

מחפשים משהו?

השתמשו בטופס הבא כדי לחפש באתר:

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