-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
94 lines (92 loc) · 11.7 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
<!DOCTYPE html>
<html>
<head>
<title>רן יפת</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="רן יפת - מתכנת אתרים, מנהל אתרים, אוהב אנימה ומכור לגאדג'טים" />
<meta name="keywords" content="רן יפת, Ran Yefet, Web Developer, מתכנת אתרים" />
<link rel="shortcut icon" href="favicon.ico"/>
<link rel="stylesheet" href="style.css" />
</head>
<!--[if lt IE 7 ]><body class="ie6"><![endif]-->
<!--[if IE 7 ]><body class="ie7"><![endif]-->
<!--[if IE 8 ]><body class="ie8"><![endif]-->
<!--[if IE 9 ]><body class="ie9"><![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--><body><!--<![endif]-->
<div id="wrapper">
<div id="start">
<div id="inner_start"></div>
</div>
<div id="header">
<div id="logo">
<!--<img src="images/bird.png" width="90" height="90" alt="The Crow" />-->
<div class="circle"></div>
<h1>רן יפת</h1>
<div id="left_nav">
<ul>
<li id="top_fb"><a href="http://www.facebook.com/ran.yefet/"><img src="images/facebook_icon.png" alt="רן יפת בפייסבוק" /></a></li>
<li id="top_twitter"><a href="http://www.twitter.com/ranyefet/"><img src="images/twitter_icon.png" alt="רן יפת בטוויטר" /></a></li>
<li id="top_in"><a href="http://il.linkedin.com/in/ranyefet"><img src="images/linkedin_icon.png" alt="רן יפת בלינקדאין" /></a></li>
<li id="top_instagram"><a href="http://instagram.com/ranyefet"><img src="images/instagram_icon.png" alt="תמונות של רן יפת" /></a></li>
</ul>
</div>
</div><br class="clear" />
</div>
<div id="main">
<div id="right_nav">
<ul>
<li><a href="#" class="current">בית</a></li>
<li><a href="#">אודות</a></li>
<li><a href="#">פרוייקטים</a></li>
<li><a href="#">צרו קשר</a></li>
</ul>
</div>
<div id="left_side">
<div id="content">
<div id="description"><h2>אני <span class="blue">מתכנת</span> <span class="web">WEB</span> ו-<span class="blue">יזם</span>.</h2></div>
<div id="about">
<h2>אודות</h2>
<div>
<p>שמי רן יפת ואני מתכנת אתרים בן 22 מקרית אונו.<br />
אני בעיקר מתכנת באמצעות XHTML, CSS, JavaScript, PHP + MySQL.<br />
את כל הידע שלי צברתי באמצעות למידה עצמית.</p>
<h2>פיתוח באינטרנט [2000-2010]:</h2>
<p>התחלתי את צעדי הראשונים באינטרנט בשנת 2000 (קורס בניית אתרים ב HTML)<br />
ב-2001 הקמתי אתר פשוט ב HTML לסדרה פוקימון. קיבלתי תגובות טובות על האתר והחלטתי לפתח את היכולות שלי בשביל להקים אתרים טובים יותר וחכמים יותר.</p>
<p>בקיץ של שנת 2002 עבדתי במשך חודשיים על האתר הרציני הראשון שלי (גיל 14) אתר למשחק הרשת הפופולארי ליטל פייטר. את האתר בניתי באמצעות HTML, ASP ושימוש ב Access בתור מסד נתונים. האתר הזה היה ההצלחה הראשונה שלי וצבר תאוצה בקצב מרשים.<br />
באתר ההוא פיתחתי מערכת ניהול תוכן, מערכת משתמשים ומערכת פורומים.</p>
<p>בשנת 2004 התחלתי ללמוד PHP בשילוב עם MySQL וגם התעמקתי יותר ב JavaScript ו CSS.<br />
באותה שנה חבר שלי הכיר לי סדרה בשם <a onclick="javascript:pageTracker._trackPageview('/outgoing/www.naruto-fan.net');" href="http://www.naruto-fan.net" target="_blank">נארוטו</a> שמאוד אהבתי והחלטנו ביחד להקים אתר לסדרה הזאת.<br />
את האתר בניתי באמצעות XHTML, CSS, PHP, MySQL באתר בניתי מערכת משתמשים, מערכת תגובות ומערכת ניהול תוכן.</p>
<p>בין השנים 2004-2007 התעסקתי בפיתוח על האתרים שלי. בין אם זה פיתוח אפשרויות חדשות למערכת ניהול התוכן של האתרים, כתיבת מודים למערכת ה<a onclick="javascript:pageTracker._trackPageview('/outgoing/www.anime-il.com');" href="http://www.anime-il.com" target="_blank">פורומים</a> (IPB) והעלאת עיצובים חדשים לאתרים (XHTML + CSS)</p>
<p>בשנת 2007 עברתי בחברת MarsPC בתור מתכנת PHP כאשר שם גיליתי את הפריימוורק <a onclick="javascript:pageTracker._trackPageview('/outgoing/www.codeigniter.com');" href="http://www.codeigniter.com">CodeIgniter</a>.<br />
בחברה בניתי אתר תדמיתי עם מערכת ניהול תוכן ומערכת ניהול פרוייקטים פנימית.</p>
<p>באוגוסט 2007 התגייסתי לצה"ל ונאלצתי לקחת הפסקה לשנה מהתחום. האתרים המשיכו לעבוד והתנהלו כרגיל אך לא התחדשו בתחום הפיתוח.</p>
<p>בשנת 2009 כאשר הסתדרתי בצבא מבחינת התפקיד והיציאות חזרתי לתחום הפיתוח והקמתי 2 אתרים חדשים שנוספו לרשת האתרים שלי. <a onclick="javascript:pageTracker._trackPageview('/outgoing/www.spinchan.com');" href="http://www.spinchan.com" target="_blank">בלוג אנימה</a> המבוסס על <a onclick="javascript:pageTracker._trackPageview('/outgoing/www.wordpress.org');" href="http://www.wordpress.org" target="_blank">WordPress</a> כאשר בבלוג התעסקתי ביצירת התבנית והתאמה של מודים. כמו כן הקמתי את האתר "<a onclick="javascript:pageTracker._trackPageview('/outgoing/www.animebit.net');" href="http://www.animebit.net" target="_blank">אנימה ביט</a>" אשר מרכז הורדות של אנימה להורדה באמצעות הביטורנט. את האתר בניתי בשימוש ב CodeIgniter המעולה. באתר יש 5 סוגי תכנים שונים, מערכת משתמשים פנימית עם הרשאות כאשר המשתמשים מוסיפים את התכנים שלהם לאתר.</p>
<p>בשנת 2010 עיקר ההתעסקות היתה המשך פיתוח של "אנימה ביט". והתאמה של מערכת WordPress לאתרי "נארוטו ובליץ'" מכיוון שאני מעוניין להעביר אותם למערכת יותר בשלה ועדכנית מאשר המערכת שאני בניתי.</p>
<p>בין השנים 2007-2010 עסקתי בתור פרילאנסר ופיתחתי כמה פרוייקטים ללקוחות פרטיים.</p>
<p>על מנת לחזק את יכולות הצד לקוח שלי בחודש אוקטובר 2010 פיתחתי מערכת ניהול לקוחות שמבוססת כולה על צד לקוח. המערכת נבנתה באמצעות XHTML, CSS3 ובפיתוח אינטנסיבי עם jQuery. הנתונים הגיעו מהשרת (PHP+MySQL) בפורמט JSON.</p>
<h2>האתרים שלי:</h2>
<p>ב2004 נחשפתי לראשונה לעולם האנימה שגיליתי שקיימות אלפי סדרות אנימה ועשרות אלפי מעריצים בארץ שחובבים את הז'אנר. האתר של <a onclick="javascript:pageTracker._trackPageview('/outgoing/www.naruto-fan.net');" href="http://www.naruto-fan.net" target="_blank">נארוטו</a> הצליח מאוד, יותר ממה שציפיתי וגם הפורומים שלו היו מאוד פעילים. ולאחר שנה של פעילות (2005) החלטתי להקים אתר נוסף לסדרה מצליחה נוספת – <a onclick="javascript:pageTracker._trackPageview('/outgoing/www.bleach.org.il');" href="http://www.bleach.org.il" target="_blank">בליץ'</a>.</p>
<p>ל-2 האתרים היו 2 מערכות פורומים נפרדות ושמנו לב שהמשתמשים רובם זהים אחד לשני, ההודעות שנפתחו בפורום אחד נפתחו מס' דקות אחר כך בפורום השני.</p>
<p>ולכן באפריל 2006, החלטנו להקים את <a onclick="javascript:pageTracker._trackPageview('/outgoing/www.anime-il.com');" href="http://www.anime-il.com" target="_blank">קהילת אנימה ישראל</a> שתרכז את כל מעריצי האנימה לקורת גג אחת ואכן זה הצליח. כמו כן באותה תקופה שידרו בטלויזיה ערוץ אנימה (הוט אנימה ויס אנימה) והפורום שלנו היה הפורום הרשמי של האתר שלהם.</p>
<p>בשנת 2007, קהילת אנימה ישראל היתה במקום 63 במדד אלקסה של 100 האתרים הפופולארים בישראל!</p>
<p>בשנת 2009 הקמתי 2 אתרים נוספים לרשת אנימה ישראל – הראשון <a onclick="javascript:pageTracker._trackPageview('/outgoing/www.spinchan.com');" href="http://www.spinchan.com" target="_blank">ספין צ'אן</a> – בלוג אנימה מבוסס על מערכת וורדפרס והשני <a onclick="javascript:pageTracker._trackPageview('/outgoing/www.animebit.net');" href="http://www.animebit.net" target="_blank">אנימה ביט</a> – אינדקס הורדות לביטורנט אשר פיתחתי בשימוש בפריימוורק CodeIgniter.</p>
<p>במסגרת הפעילות על האתרים שלי למדתי גם SEO (ברמה בסיסית) וקידמתי את האתרים שלי במושגים "נארוטו" ו- "בליץ" למקומות הראשונים בגוגל וגם במושג "אנימה" 2 אתרים שלי נמצאים בעמוד הראשון.</p>
<h2>האתר הזה:</h2>
<p>אני לא מעצב אתרים. אבל את האתר הזה עיצבתי (ברובו) ואני גאה בתוצאה. את הבסיס, המבנה וסידור התוכן אני עיצבתי ונעזרתי ב<a onclick="javascript:pageTracker._trackPageview('/outgoing/xcite.eweb.co.il');" href="http://xcite.eweb.co.il" target="_blank">רועי</a> שהפך את העיצוב הבסיסי והפשוט לעיצוב חי ומקצועי יותר.</p>
<p>החלטתי להשתמש באתר הזה ב WordPress כי רציתי שיהיה פה בלוג ובגלל הניסיון שלי עם וורדפרס התהליך היה פשוט מאוד. הדבר הראשון שעשיתי זה המרה של העיצוב שלי מעמוד HTML לתבנית וורדפרס.</p>
<p>השלב השני היה להפוך את עמוד הבית שהיה סטטי לדינאמי ושיציג את התכנים שלי מהרשת.<br />
בשביל להציג את התמונות מפליקר השתמשתי בתוסף flickrRSS שעשה את רוב העבודה.</p>
<p>ובשביל להציג את הציוץ האחרון מטוויטר פשוט השתמשתי בפונקציה המובנית של וורדפרס fetch_rss ושאבתי את המידע מהפיד שלי בטוויטר. והפוסטים האחרונים מהבלוג… קריאה קלה ב Codex של וורדפס הביאה לי את התשובה.</p>
<p>כל ההקמה של האתר הזה לקחה 5 ימים אני חושב שזה לא רע בכלל <img src='http://ran.yefet.net/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
</div>
</div>
<br class="clear" />
</div>
</div>
</div>
</div>
<div id="footer"> </div>
</body>
</html>