שיעור 14 – יצירת אלמנטים ב DOM + אובייקטים
שלום לכולם, השיעור למדנו על יצירת אלמנטים בצורה דינאמית ב DOM וביצוע פעולות ב DOM ע"י שימוש בפונקציות שונות כגון: | createElement, appendChild,append ועוד פונקציות נוספות של המסמך. בנוסף למדנו בצורה בסיסית על אובייקטים ב javascript. התבקשתם לבנות לוח משימות דינאמי: המסך הראשי: לאחר הוספת משימה, הלוח יראה בסגנון הבא: קבצי הפרויקט להורדה קבצי השיעור להורדה
שיעור 13- חזרה ותרגול javascript
שלום לכולם, השיעור עשינו חזרה על החומר שלמדנו עד עכשיו ב JAVASCRIPT. בדגש על משתנים, לולאות, פונקציות, מערכים וגישה ל DOM. בכיתה קיבלתם לבצע את התרגיל הבא: בבית: לעשות תרגיל מאוד דומה של לוח משימות: להגשה עד 30/12/2019 קבצי השיעור להורדה
שיעור 2 javascript – פונקציות, לולאות, מערכים ותרגול
שלום לכולם, בתחילת השיעור פתרנו תרגיל משיעורי הבית, לאחר מכן למדנו על פונקציות, לולאות, ומערכים ב javascript. כתבנו מספר פונקציות לדוגמא מספר לולאות פשוטות, וגם מערכים, שילבנו בין מערכים + לולאת FOR ופונקציות נוספות בתוך הלולאה. בנוסף בנינו את לוח הכפל באמצעות javascript ע"י כתיבה של 2 לולאות for. שיעורי בית: לוח הכפל מתוחכם: צרו את לוח הכפל באמצעות
שיעור 11 – CSS FLEX +התחלת לימוד javascript
שלום לכולם, השיעור סיימנו באופן סופי את הנושא של HTML + CSS .אחרי שלמדנו גם על עימוד מתקדם באמצעות flex, וראינו אפשרות של remote device – שימוש בטלפון הנייד לצורך בדיקה של האתר וניפוי שגיאות בזמן אמת, שהוא מחובר למחשב ובו אנחנו רואים את האתר. תרגילי כיתה + שיעורי בית: (להגשה עד 24/12/19) 1. צרו 2 משתנים המכילים מספר כלשהו..
שיעור 10 – CSS-GRID + תכונות css נוספות
שלום לכולם, בחלק הראשון של השיעור עשינו חזרה על כל מיני נושאים, בינהם בוטסטראפ, התאמה למובייל , ועוד.. בחצי השני של השיעור למדנו על CSS GRID – שזה עימוד מתקדם באמצעות CSS. למדנו על היכולות של grid ועשינו מספר דוגמאות. בנוסף למדנו על כמה דברים נוספים שקשורים לאנימציות ב css כמו keyframes ועוד הכרנו את המאפיינים של content-box , border-box.
שיעור 9 – בניית אתר רספונסיבי עם BOOTSTRAP
שלום לכולם, השיעור למדנו על פיתוח אתר רספונסיבי באמצעות BOOTSTRAP בנוסף, ראינו תכונות קטנות נוספות ב css כגון border-radius , ו calc – לחישוב אוטומטי של יחידת מידה. שיעורי בית אחרונים למודול HTML CSS – בכיתה הוצגו לכם 2 פרויקטים – מתוכם יש לכם בחירה ותעשו פרויקט אחד. את הפרויקט יש לבנות רספונסיבי באופן מלא , עם שילוב של BOOTSTRAP.
שיעור 8 – פיתוח מתקדם באמצעות LESS + פיתוח רספונסיבי
קבצי עזר לפיתוח הפרויקט של שיעורי הבית שלום לכולם, השיעור למדנו לעבוד עם LESS, ולשלב בתוך קוד ה CSS שלנו משתנים, פונקציות, תנאים ועוד.. בנוסף, התחלנו לבנות אתרים רספונסיבים, ראינו איך מגדירים קוד רק לרזולוציות מסך מסויימות. שיעורי בית: בנו אתר אינטרנט על פי המבנה הבא : עבור מסך מחשב: עבור מסך של טלפון נייד: שימו לב שלכל
שיעור 7 – המשך CSS
בתחילת השיעור חזרנו על חומר של שיעורים קודמים.. פתרנו את שיעורי הבית בכיתה, אחרי זה למדנו על עוד סלקטורים מתקדמים ב CSS ושילוב ספריות חיצוניות כגון font-awesome. השיעור אין שיעורי בית. קבצי השיעור + מצגת להורדה מי שסיים את שיעורי הבית, ורוצה להמשיך לתרגל יכול להתחיל לעבוד על הפרויקט הבא: (הפרויקט הוא בונוס, ללא חובת הגשה) קבצי הפרויקט להורדה בהצלחה
שיעור 6- הכרות רחבה עם CSS
שלום לכולם, השיעור צללנו לתוך ה CSS , הכרנו תכונות שונות שמשפיעות על מיקום האלמנטים בדף ועוד.. במצגת המצורפת יש לכם את ההסברים על כל מה שלמדנו. (נמצאת בקבצי השיעור) המשימה שלכם: בקבצי האתר יש עמודים נוספים של האתר, לא חייב להגיש אותם אבל מומלץ מאוד לעשות אותם. הפיתוח של האתר הזה דורש שימוש בתכונות שלמדנו בשיעור האחרון. להגשה
שיעור 5 – HTML + CSS – המשך CSS
שלום לכולם, השיעור המשכנו ללמוד CSS וחזרנו על נושאים קטנים מ HTML חזרה על החומר משיעור קודם: עשינו חזרה על החומר משיעור קודם, לרבות תגיות html 5 , טפסים, ומבוא ל css חזרנו על הנושא של תגיות שהם block,inline,inline-block שלמדנו בשיעור שעבר. חומר חדש שלמדנו : מאפיינים נוספים של css כגון ,height,width,direction,background-color,color, text-align ועוד. למדנו על מודל הקופסא , ולמדנו