סטודנטים/ות יקרים/ות!

הפוסט הנ"ל הינו סיכום קצר של השיעור בנקודות + מכיל את הקבצים שתורגלו בכיתה במהלך השיעור.
אם החומר לא מובן, אפשר לשלוח לי מייל או להתקשר : 050-555-6693 (אשתדל לענות, אם לא שלחו SMS ואחזור אליכם)

זכרו כי המפתח להצלחה הינו תרגול

קורס ווב אקדמי שיעור 4 – שיעור תרגול

מה שלומכם חברים?

אז השיעור הוקדש כמעט כולו לתרגול,

בתחילת השיעור קיבלתם משימה לעשות דף html שמדמה מסך של מערכת ניהול.

הדף נראה ככה:

לשמחתי, רוב הכיתה פתרה את התרגיל בלי קושי מיוחד.

מצרף לכם גם את הקבצים עם הפתרון שפתרתי איתכם לקראת סוף השיעור

אבקש ממי שהתקשה מאוד בפתרון לתרגל זאת בבית שוב.

בנוסף, הכרנו את הספריות animate.css ו  Font awesome וראינו איך מצרפים אותם לפרויקט..

 

 שיעורי בית :

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

border,padding,margin,text-align,direction, font-family,font-size,background,display ועוד.

תרגיל להגשה עד ה 14 לאוקטובר : 

התרגיל נולד מזה שראיתי שחלק מהכיתה צריכים חיזוק בטבלאות, ורציתי לתרגל אותכם בטבלאות – בנוסף חשבתי על תרגיל שישלב גם טבלה וגם שימוש ב css עם id ו class.

אז קבלו במחיאות כפיים את………………….

 

לוח הכפל !

אז מה אנחנו רואים פה בעצם?

טבלת לוח הכפל – מכילה 10 שורות

כל המספרים מ 1 עד 10 צבועים באפור

המספר 25 והמספר 100 צבועים בצבע יחודי

אני אהיה הכי גלוי – חשבתי לבנות את זה בהתחלה  ב html  אבל מהר  מאוד  עברתי ל javascript,  (עשיתי  2 לולאות שרצות ויוצרות את הטבלה עם המספרים)  אבל בארגז הכלים שלכם כרגע יש  html ו css בלבד,  אז תשתמשו ביכולות הללו.. תבנו טבלה כמו שצריך, איפה שיש צבעים מיוחדים תשתמשו ב ID ואיפה שיש צבע שחוזר על עצמו הרבה פעמים(האפור) תשתמשו ב class.

בנוסף, תוסיפו  אנימציה כלשהי מ animate.css לטבלה  , תהיו יצירתיים 🙂

בהצלחה!

סגירת תפריט