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

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

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

במהלך הקורס כל משתתף יבנה אתר לפי בחירתו.

  • משך הקורס: 10 מפגשים, סה״כ 30 שעות. כל מפגש בנוי מהוראה פרונטלית ותרגול אישי בכיתה.
  • הקורס יתקיים מידי שבוע בימי ראשון בין השעות 17:00-20:00 בבית אליאנס החל מה10.12.17
  • מחיר: 6300 ש״ח
  • מחיר מסובסד למעצבים ירושלמים: 1470 ש״ח
  • השתתפות מותנת בהרשמה ותשלום מראש כאן

מפגש ראשון 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
  • תרגול

מפגש שישי – וורדפרס

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

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

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

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

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

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

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

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

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

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

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

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

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

*ייתכנו שינויים בלו״ז

הרשמה

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