פרויקטים שלי

מערכת שעות

מערכת שעות הוא אתר שבניתי במסגרת שיעורי הבית בשיעורי jquery,

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

 

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

כמו"כ כל הנתונים נשמרים ב localStorage לכניסה חוזרת של המשתמש.

האתר בטעינה

נבנה גם במסגרת שיעורי הבית של jquery, המטלה הייתה לייצר אנימציה אין סופית,

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

אתר סיכומי השיעורים

אתר סיכומי השיעורים עלה לאוויר לפני המבחן המסכם, ובתוכו רכזתי סיכומי שיעורים שנכתבו ע"י.

האתר נבנה עם Bootstrap, והוא מותאם במלאו למובייל, האתר מעוצב בהשראת צבעי פרוג.

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

שיבס ריגל

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

האתר כתוב כולו בhtml ו css, וכמובן שהאתר רספונסיבי לגמרי באמצעות media query's שכתבתי.

מלונות הילטון

אתר רשת מלונות הילטון בנוי ב html ו css נקי,

האתר משלב מספר טריקים ב css כגון שליטה על גובה 100% בכל חלק באתר, חץ אפור שקוף בעל קצוות מרוככים, כמו"כ ברקע ישנה תמונה שזזה באנימציה, תבדקו את הקוד… שווה!

כמו"כ האתר מותאם במלאו למובייל.

בירה שפירא

התחלנו את לימודי ה php וכמו כל מורה חדש לירן הכט התותח מאתגר אותו עם קצת ידע קודם… שלא נשכח.

אז הנושא הפעם הוא bootstrap, והתוצאה לפניכם.

 

יומן הפגישות שלי

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

היומן כתוב ב JS ספריית Jquery, היומן מדגיש את היום בשבוע, כמו"כ היומן מזהה את התאריך הלועזי לפי תאריך המחשב,

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

כל המידע נשמר בlocalStorage ע"מ שתוכלו לחזור לאחמ"כ והנתונים ישמרו.

 

Nissan

את האתר הבא בניתי במסגרת שיעורי הבית על אנימציות ב jquery,

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

אתגר שיעורי הבית היה ליצור אנימציה אין סופית ב jquery, מה שכל כך קל ב css לא מובן מאליו בjquery, את האנימציה האין סופית תוכלו לפגוש בכותרת.

 

google movies

אתר הפיקטיבי "גוגל סרטים",

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

האתר מעוצב בדומה לדף הבית של google.

ממשק כניסה ומשחק חשבון

אתר שמשלב משחק חשבון ומהירות וכולל ממשק כניסה משוכלל.

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

האתר משלב יכולות JS ולוגיקה מעניינים, ששווה להציץ בקוד, כמו גם לוח הכפל שבנוי כולו ב js.

האתר בנוי משכבות בדומה ל spa.

אתר הכפתורים המדומים

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

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

2 תגובות לפוסט “פרויקטים שלי

השאר תגובה

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