שיעור 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 ועוד. למדנו על מודל הקופסא , ולמדנו

המשך לקרוא..
סגירת תפריט