עם זאת, יש כמה מיומנויות כל עבודה חזיתית פיתוח ידרוש - את "הליבה" מיומנויות - ועוד כמה כי אתה צריך לשקול ברצינות להוסיף רפרטואר שלך.
מה שאתה צריך לדעת
עיון ברשימת הרישומים באינטרנט בחיפוש אחר מה המפתח עבור מפתחי חזית לדעת ולהבין; יש שלושה דברים מרכזיים.
לא סחיר.
והם:
- HTML
- CSS
- JavaScript (jQuery)
אלה הם יסודות. למרבה המזל, יש הרבה פלטפורמות למידה מקוונת בחינם או זול שבו אתה יכול ללמוד מיומנויות אלה אם אתה לא יודע אותם כבר.
HTML
HyperText Markup Language, או HTML, הוא הרכיב המבני העיקרי בכל אתרי האינטרנט באינטרנט. כמו ג 'ניפר Kyrnin אומר,
"זוהי השפה של דפי אינטרנט - שפת הסימון שדפדפנים קראו כדי לעבד דפי אינטרנט".
דפי אינטרנט אינם יכולים להתקיים ללא HTML.
CSS
CSS ו- HTML פועלים יחדיו: CSS מוסיף סגנון ל- HTML. אני אוהב להשתמש באנלוגיה ש- HTML הוא כמו פרצוף, ו- CSS הוא כמו האיפור.
למרות CSS לא הכרחי כדי לקבל אתר באינטרנט, בעצם כל אתר משתמש באינטרנט איזה סוג של סגנון.
אחרת, זה יהיה די משעמם. עם הגרסאות העדכניות ביותר של CSS, אתה יכול לעשות דברים כמו אנימציות וסטילינג מתקדם יותר זה היה אפשרי רק עם JavaScript או Flash בעבר.
JavaScript
JavaScript, או JS, התקדמה במהירות לאורך השנים. יש לו מטרות רבות בימינו וניתן להשתמש בו על הקצה הקדמי או האחורי.
ביחס לפיתוח חזיתי, JS חשוב כי זה עוזר להפוך דפי אינטרנט אינטראקטיביים. אתה יכול לעשות דברים מדהימים כמו ליצור סקרים, חידונים או הגשות טופס.
כיום יש הרבה ספריות JS מקוון כדי לעזור לך לקחת את דפי האינטרנט שלך לשלב הבא.
עם זאת, כדי להפוך למפתח חזיתי, אתה רק צריך להבין JavaScript בסיסי כמו גם את הספרייה JSuery הפופולרי ביותר - jQuery.
נחמד לאוהבים
לאחר מקבל את היסודות, אלה הם מיומנויות אחרות כי הם נחמדים. (והרבה עבודות פיתוח חזיתי לחפש אותם.)
MV * מסגרות JavaScript
מסגרות JavaScript מסייעות לך לארגן ולעבות את הקוד שלך.
ככל MV * (או MVC) אפשרויות ללכת, יש שלושים בחוץ: שניים הפופולריים ביותר להיות backbone.js ו angular.js.
ללא ספק, לימוד מסגרת JS הוא החלק הקשה ביותר להפוך למפתח חזית אמיתי, אבל זה הדרך הטובה ביותר לקחת את היכולות שלך לשלב הבא.
כלי CSS
בהשוואה למסגרות JavaScript לעיל, קל מאוד ללמוד את הכלים של CSS. ישנם שלושה סוגים לחפש:
Precompilers: באמצעות precompiler (או preprocessor) יש הרבה יתרונות, מ ביצוע קוד מנקה לשמירה על הארגון. זוהי דרך קלה לכתוב CSS ו מקדם יבש (אל תחזור על עצמך) עקרונות. פופולרי precompilers CSS הם סאס, פחות, ועט. אם אתה רק מתחיל, מקל על למידה אחת.
מסגרות CSS: מסגרות CSS מסייעות לייעל את זרימת העבודה שלך באמצעות רשתות מובנות ורכיבי CSS אחרים. שתי דוגמאות פופולריות הן Bootstrap וקרן.
עיצוב תגובה: בימים אלה, ישנם סוגים רבים ושונים של מכשירים שהאתר שלך אמור להיות מסוגל להתאים לכולם. עיצוב מותאם מסייע לך לבנות אתרים שפועלים בכל גודל המסך - שולחן עבודה, טאבלט וטלפון חכם. מסגרות כמו Bootstrap וקרן יש עיצוב תגובה מובנה, אז אם אתה לומד אחד מאלה, אתה מוגדר.
חזיתית לבנות כלים
כמפתח, אתה אמור להיות מסוגל לנהל את גודל הקובץ אופטימיזציה ויעילות זרימת עבודה. כלים אלה יכולים לעזור.
ניהול חבילה: זה יכול להיות קשה לארגן את כל הספריות, הנכסים, וכן הלאה, במיוחד עבור פרויקטים גדולים או אלה שבהם אתה עובד עם צוות.
השתמש מנהל חבילה, כמו באואר, כדי לקבל הכל מסודר החוצה ולשמור יומן עדכונים שלך.
Yeoman.io: אם לפעמים אתה מתקשה לקבל פרויקטים מחוץ לקרקע, השתמש Yeoman כדי להתחיל במהירות עם פרויקטים ולהישאר פרודוקטיבי. זה פועל על שורת הפקודה.
משימה Runners: השתמש Grunt או Gulp, אשר גם לרוץ על שורת הפקודה, כדי לדחוס קבצים לייעל את זרימת העבודה. הם יכולים לשמש מהדרים עבור Sass או פחות preprocessors, וגם יש מגוון רחב של תוספים המתפארים תכונות אחרות.
סיכום
בעוד נחמד יש לך אולי נראה כמו הרבה, לחשוב עליהם כעל מיומנויות אתה צריך להיות הוספת לאורך זמן. הדברים העיקריים שאתה צריך לדעת הם HTML, CSS ו- JavaScript.
אם יש לך מיומנויות אינטרנט אחרות , גם אם הם לא קשורים הקדמי, להביא אותם לטבלה - כמו עיצוב, עריכת וידאו, SEO, וכו 'אתה אף פעם לא יודע מה החברה עשויה להיות מחפש .
ונחש מה? אתה יכול להיות בכושר מושלם.