קורס פיתוח Web

פיתוח באינטרנט עם HTML, CSS ו-JavaScript

אודות הקורס

האינטרנט תופס מקום יותר ויותר מרכזי בחיינו ככל שעובר הזמן. היכולת ליצור ולעצב תוכן אשר נגיש למיליוני אנשים בזמן אמת חשובה היום יותר מתמיד.
כל דף אינטרנט שקיים ברשת נבנה באמצעות שפה או קוד כלשהו. קיימות שפות רבות ליצירת אפליקציות ווב (Web Applications), אך שתי השפות הבסיסיות ביותר המהוות את התשתית לכל עמוד הן HTML ו-CSS. בין אם אתם נדרשים ליצור דפי נחיתה, יצירת תוכן לצרכים שיווקיים, תכנים אינפורמטיביים או אפילו רק שינוי ועיצוב של דפים קיימים, הכרת שתי השפות החשובות האלה יכולה לחסוך זמן רב וביטול תלות באנשי מקצוע.
בנוסף לבניית הדפים ועיצובם, נלמד בקורס כיצד לשלב אלמנטים אינטראקטיביים בסיסיים באמצעות Java Script ובכך להפוך את העמודים שלנו למעניינים ושימושיים יותר.

קהל היעד

  • עובדים מכל התחומים ובכל הרמות, הנדרשים לערוך או לפתח דפי אינטרנט עבור הארגון.

  • מתחילים וחסרי ניסיון המעוניינים ללמוד את הבסיס לפיתוח אתרים ואפליקציות ווב.

  • אנשי שיווק ותוכן הנדרשים לייצר תוכן באופן שוטף כחלק מעבודתם

  • מעצבים המחפשים להרחיב את "ארגז הכלים" שלהם ולהעביר את יכולותיהם למרחב האינטרנט ללא תלות באיש פיתוח.

יעדי הקורס

  • הבנה לעומק של שפות ה-HTML ו-CSS

  • יצירת דפי אינטרנט מאפס

  • יצירת ועיצוב עמודי אינטרנט מאפס או שינוי עיצובים של עמודים קיימים

  • חסכון זמן פיתוח יקר בעזרת שימוש ב-Bootstrap Framework כדי ליצור בסיס רחב לעמודים שנוצרו, הן מבחינת עיצוב והן מבחינת פונקציונליות

  • הכרת הבסיס של עקרונות התכנות.

  • נלמד כיצד לגרום לאלמנטים שונים בדף להגיב למשתמש באופן דינמי בעזרת שפת Javascript.

לא קיימות דרישות קדם לקורס זה.

דרישות קדם

סילבוס

מבוא לפיתוח web

  • הכרת מושגי יסוד

  • התפתחות האינטרנט - סקירה היסטורית

  • כיצד לארגן תיקיית קבצים של אתר אינטרנט

  • מוסכמות למתן שמות לתיקיות וקבצים

  • הכרת סביבת העבודה

פיתוח עמודי Web באמצעות HTML

  • מבנה דף בסיסי ותגיות מטא

  • שימוש בתגיות ליצירת אלמנטים בדף

    • פסקאות

    • כותרות

    • קישורים

    • תמונות

    • רשימות

    • טבלאות

  • יצירת טפסים

  • תכונות, הגדרת Class ו-ID

  • תגיות מיוחדות

 

עיצוב עמודי Web באמצעות CSS

  • סקירת צורות שונות לכתיבת CSS וההבדל ביניהן

    • Inline

    • nternal

    • External

  • סלקטורים

  • הגדרת תכונות וערכים

  • שינוי מאפיינים עיצוביים כלליים (צבע, גודל, פונט רקע, גבול ועוד)

  • "ירושה" בין חוקי עיצוב שונים

  • עבודה עם יחידות מידה (px, em, points, %)

  • שימוש בהיררכיה בין אלמנטים בדף

  • מודל הקופסה

  • מיצוב (positioning) אלמנטים בדף

  • היכרות עם כלי ה-chrome inspector

שימוש ב-Bootstrap

  • מה זה Bootstrap

  • הטמעת Bootstrap בפרויקט

  • שימוש באלמנטים שונים של Bootstrap (טפסים, גלריות ועוד)

  • The Grid System

הוספת אינטראקטיביות עם Javascript

  • מבוא לתכנות

  • מבוא ל-Javascript

  • טיפוסי נתונים

  • משתנים

  • בקרת זרימה (תנאים, לולאות)

  • פונקציות

  • ביצוע מניפולציות על ה-DOM

  • אירועים (Events)