קורס פיתוח למעצבים

קורס פיתוח המותאם במיוחד למעצבים שמעולם לא תיכנתו או נגעו בקוד! קרא עוד

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

השורה התחתונה: הקורס ילמד אתכם המעצבים לתכנת לעצמכם את האתרים שאתם מעצבים ללא עזרה של מתכנת חיצוני

משך הקורס 8 מפגשים + 2 מפגשי בונוס
הקורס יתקיים מידי שבוע בימי שני בין השעות 17:00-19:00 בבית אליאנס
מחיר הקורס 980 ש״ח,
השתתפות מותנת בהרשמה ותשלום מראש כאן

הקורס מתקיים בשיתוף הרשות לפיתוח ירושלים

מפגש ראשון html

היכרות עם שפת הכתיבה המרכזית בעולם האינטרנט, המהווה שלד למרבית עמודי התוכן באינטרנט (web)

  • מה זה קוד
  • עבודה עם עורכי קוד (ספציפית עם עורך הקוד brackets)
  • היכרות עם הקונסולה של גוגל כרום למפתחים
  • מה זה html
  • היכרות בסיסית עם שפת html – היררכית הדף, סמנטיקה נכונה
  • היכרות ותרגול של התגיות הבסיסיות
  • תרגול

מפגש שני css בסיסי

css היא השפה באמצעותה מעצבים ומנפישים דפי html

  • מה זה css
  • למה יש 2 שפות שונות? היתרונות בהפרדת שפת הדף משפת העיצוב
  • צורת הכתיבה של השפה – סלקטורים, תכונות, ערכים
  • תרגול והדגמה של תכונות בסיסיות – טיפוגרפיה
  • דגשים לכתיבה מסודרת של css
  • תרגול

מפגש שלישי היררכיה של css , סלקטורים מיוחדים, box model

  • היררכיה של css והחשיבות שלה
  • כתיבה נכונה של css
  • דרכים להוספת css לדף
  • היררכית השפעה בcss
  • פתרון בעיות

בוררים מתקדמים מאפשרים לנו שליטה בעיצוב אלמנטים ספציפיים ועיצוב שונה למצבים שונים של אותו אלמנט (למשל צבע אחר לטקסט במעבר עכבר)

  • class , id
  • סלקטורים מיוחדים
  • pseudo-class – עיצוב שונה לתרחישים שונים באותו אלמנט

box model – כשאנחנו מעצבים דף html באמצעות css אנחנו מתייחסים לכל רכיב בדף כאל תיבה/קופסה/מכולה. בחלק זה של המפגש נעמיק במבנה של התיבה עצמה (רווח פנימי, שוליים, קווים, רקעים)

  • מרווחים פנימיים וחיצוניים
  • רקעים
  • גבולות
  • רקעים
  • Box Sizing
  • תרגול

מפגש רביעי פריסה של אלמנטים בדף

  • display – פריסה של רכיב ספציפי לעומת רכיבים נוספים בדף בהיררכיה זהה
  • position – מיקום של רכיב ספציפי ביחס לרכיבים שעוטפים אותו
  • z-index – קביעת סדר התצוגה של רכיבים המונחים אחד על השני
  • overflow גלישה
  • float – ציפה של רכיבים
  • יישור רכיבים ויישור תוכן בתוך הרכיבים
  • תרגול

מפגש חמישי רספונסיביות, flexbox

הפיכת דף אינטרנט סטטי לנגיש ומותאם לכל מכשיר ומסך.

  • אתרים רספוניסיביים – מה זה? ההבדל בין אתר רספונסיבי לאתר מותאם והבדלים בפיתוח
  • דגשים בפיתוח רספונסיבי
  • Media Queries – פונקציה של css3 המאפשרת להגדיר עיצוב שונה לגדלי מסך וסוגי מדיה שונים באמצעות שאילתות
  • טריקים נוספים לעיצוב רספונסיבי
  • היכרות עם חלקים חדשים בשפת css שמאפשרים ליצור אתרים רספונסיביים בקלות.
  • flexbox
  • תרגול

מפגש שישי פונקציות בסיסיות למעצבים ב css3

css3 הוא גרסה חדשה של תקן ccs המביאה איה אפשרויות חדשות עבור מעצבים

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

מפגש שביעי סביבות עבודה css JavaScript

היכרות עם ספריות קוד חזותיות שמפשטות את תהליך כתיבת הקוד, וחוסכות כתיבה של אלפי שורות קוד

  • סיבות לעבוד עם ספריות
  • איך מחברים את הספריות לאתר שלנו
  • היכרות בסיסית עם הספריות המובילות
  • materialize
  • Bootstrap
  • w3css
  • תרגול עבודה עם אחת הספריות

מפגש שמיני המשך עבודה ותרגול עם ספריות css

  • תרגיל מסכם של כל הידע שנצבר עד כה

מפגש תשיעי וורדפרס

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

  • מה זה מערכת ניהול תוכן cms, מתי כדאי להשתמש בה ומתי עדיף שלא
  • היתרונות של וורדפרס ביחס למערכות ניהול תוכן אחרות
  • התקנה של וורדפרס
  • תבניות
  • תוספים
  • תפעול בסיסי של וורדפרס
  • העלאת פוסטים
  • תפריטים
  • ויג'דטים
  • דרכים לשינוי עיצוב בוורדפרס באמצעות קוד css
  • עורכים חזותיים – יתרונות וחסרונות
  • תרגול עבודה עם עורכים חזותיים
  • elmantor

מפגש עשירי דגשים חשובים בוורדפרס

במפגש נעמיק בכמה נקודות קריטיות לפעילות תקינה של האתר

  • טפסים ומיילים
  • Contact Form 7 – טפסים
  • Contact Form DB – גיבוי של טפסים
  • Postman SMTP – שרת מיילים יוצאים
  • אופטימציה למהירות
  • תוספי מהירות וקאש
  • כיווץ ואופטימזציה לתמונות
  • דגשים במהירות אתר
  • קידום ותצוגה בגוגל ובפייסבוק
  • Yoast SEO
  • דגשים בקידום אתר
  • איך נבחר שרת מתאים לאתר שלנו?

הרשמה

האב למעצבים ואנשי מדיה בירושלים מבית רוח-חדשה
Toolbox האקסלרטור לתחומי עיצוב ומדיה הוא מיזם משותף של עמותת רוח חדשה והרשות לפיתוח ירושלים העוסקות בהעצמה ופיתוח עסקים יצירתיים בירושלים.