דרוש: מעצב עם ידע בפיתוח
TRANSCRIPT
:דרוש HTMLמעצב עם ידע בפיתוח
יגאל סטקלוב
יגאל סטקלוב ראש צוות פיתוח צד קדמי
(Front End Development) בנטקראפט
,PSD-אם אתם עוצרים ב" אתם עוצרים הרבה לפני
."אמצע תהליך העיצוב Andy Rutledge
אקטיביעיצוב אינטר
:התהליך היום
אנחנו צריכים שינוי בתהליך בכדי לפתח מוצרים טובים יותר
אנימציות
...בעבר הרחוק
...והיום
?מה היתרונות
חדשותמפתחים ממציאים חוויות -מעצבים
תהליך עבודה יותר חלק
השפעה על התוצר הסופי שהמשתמש חווה
של המפתחים" אי אפשר"-סוף ל
מעצב בלי ידע בפיתוח צריך גלגלי עזר
...אם חושבים על זה
זה לא מפתיע שהמעצבים "מפתחים"המובילים בעולם הם גם
זה לא כזה קשה
זה לא כזה קשה
<HTML> לא שפת תכנות•
מתארת את תוכן העמוד•
HTML – חצי חצי דוגמאת
CSS{}
לא שפת תכנות•
מגדירה את נראות האלמנטים בעמוד•
מאפשרת להגדיר אנימציות לשינוי נראות האלמנטים•
CSS – חצי חצי דוגמאת
(בלי אנימציה)
CSS – חצי חצי דוגמאת
(עם אנימציה)
CSS-היתרון של ה
אנחנו מנסים להראות
פה שאפשר להחליף
את העיצוב בקלות
בלבד CSS-בשינוי ה
HTML-בלי לגעת ב
כל הדברים
שמרכיבים
את העמוד
שלנו
CSS
CSS
-פה יופיעו דוגמאות מ/http://www.csszengarden.com
אם יש לך רעיון איך להציג אותם אשמח
לשמוע
קושיות
שאלות שתמיד רציתם לשאול ולא היה את מי לשאול
examples
?CSS3מה זה יותרטובות וחלקות אנימציות
'הצללות וכו, פינות מעוגלות, גרדיאנטים
?HTML5מה זה דו ותלת ממדית בדפדפןגרפיקה
וידאו ואודיו בדפדפן
?האם מעצב צריך להיות גם מפתח
!לאאבל הוא כן צריך להכיר את
האפשרויות וההגבלות, היכולות
חוויהזכרו כי אתם מעצבים
עם העיצוב בדפדפן שחקו
אל תתנו למפתחים להרוס לכם
?מה חשוב
:התהליך היום
התהליך הנכון
?איך מתחילים CodeAcademy.com: קורסים אונליין
ספרים ממוקדים של פיתוח למעצבים
באינטרנטמדריכים )+( אלפי
?איך מתחילים מפתחים-עוקבים בטוויטר ובבלוגים אחר מעצבים
:מאתגרים את עצמכם
להמיר עיצובים שלכם לקודמנסים
-מהשראה שואבים
קורס בנטקראפט
?ואתם, יכולים 10ילדים בני
Codeclub.org.uk
כלים לגישור הפער כלים לגישור הפער
CS6 Cloud-מובנה בפוטושופ החל מ
CS7-צפוי להשתפר ב
CSS3PS.com
CSS-פוטושופ ל
Adobe Edge Animate
, עליכם להבין כי זה ההווה והעתידולכן עליהם לשלב פיתוח כחלק
.יומית-מתהליך העבודה היום
.תודה
סטקלוביגאל יגאל סטקלוב[email protected]