רספונסיב

 

 

קורס בניית אתרים רספונסיביים

מרצה: פנינה אלקבץ

מייל ליצירת קשר: [email protected]

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

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

מטרת הקורס

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

נושאי בסיס שכבר נלמדו ונשוב לתרגל:

  • ניתוח סקיצות עיצוביות ויצירת מבנה HTML תקני בשילוב עבודה עם גיליונות עיצוב CSS
  • עבודה עם כלי המפתחים בדפדפן לאיתור שגיאות ובחינת אלמנטים
  • חידושים ושינויים ב-HTML5 , מאפיינים וחידושים ב- CSS3
  • יצירת מצבים אינטראקטיביים והנפשה במעבר עכבר
  • יצירת אנימציות בסיסיות באמצעותCSS3
  • הטמעת רכיבים חיצוניים כגון סרטון יוטיוב, כפתורי שיתוף חברתי, מפות גוגל
  • הטמעת פונטים ייחודיים שנרכשו ברישיון

 

נושאי הלימוד העיקריים לסמסטר זה:

  • עקרונות בבניית אתרים רספונסיביים (מותאמים למגוון מכשירים), התאמות CSS,
    עבודה עם כלי בדיקה וניטור שגיאות
  • בניה רספונסיבית יעילה באמצעות פריימוורק "Bootstrap" הפופולרי
  • הוספת אינטראקטיביות לאתרים – תפריטים נפתחים, גלריות ורכיבי ממשק נוספים
  • בניית טפסים והיכרות עם פקדי טופס
  • שימוש ברכיבים חיצוניים והטמעת פלאגינים

 

ציון

הגשת תרגילים מדי שבוע, נוכחות
(ללא איחורים ועבודה מוקפדת בהתאם לנלמד)            50%

עבודת אמצע סמסטר                                                   20%

עבודת סוף סמסטר                                                      30% 

 

עבודה שתוגש באיחור- ציון מופחת.
אי הגשת עבודה – ציון שלילי.

ייתכנו שינויים במהלך הסמסטר

 

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

 

בהצלחה ולימודים מהנים :)

פנינה

 

רספונסיב שיעור 12 

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

יש להגיש את התרגיל בסיום השיעור

ניתן להוריד מכאן את הקבצים


כלים לבדיקת רספונסיביות באתרים (22 דקות)

בסרטון זה נדבר על כלים, אפליקציות ותוספים לבדיקת רספונסיביות באתרים.

ניתן להוריד מכאן את רשימת הלינקים שמוצגים בסרטון (קובץ html להורדה)