מיומנויות הליבה למאסטר למפתחים חזיתיים

הודעות משרה משתנות במה שהן מחפשות במפתח חזיתי. חברות מסוימות רוצה המבקשים לדעת דברים כמו רובי, Git, כלי עיצוב, עריכת וידאו - והרשימה עוד ארוכה.

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

מה שאתה צריך לדעת

-> ->

עיון ברשימת משרות באינטרנט בחיפוש אחר מה המפתח מפתחי חזית לדעת ולהבין; יש שלושה דברים מרכזיים.

לא סחירים.

והם:

1. HTML
2. CSS
3. JavaScript (jQuery)

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

- <->

HTML

HyperText Markup Language, או HTML, הוא הרכיב המבני המרכזי של כל אתרי האינטרנט באינטרנט. כפי שג'ניפר קירנין אומרת,

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

דפי אינטרנט אינם יכולים להתקיים ללא HTML.

CSS

CSS ו- HTML פועלים יחדיו: CSS מוסיף סגנון ל- HTML. אני אוהב להשתמש באנלוגיה ש- HTML הוא כמו פרצוף, ו- CSS הוא כמו האיפור.

למרות CSS אינו נחוץ כדי לקבל אתר באינטרנט, בעצם כל אתר באינטרנט משתמש כלשהו סוג של סגנון. ללא שם: אחרת, זה יהיה די משעמם. עם הגרסאות העדכניות ביותר של CSS, אתה יכול לעשות דברים כמו אנימציות וסטילינג מתקדם יותר, כי היה אפשרי רק עם JavaScript או Flash בעבר.

JavaScript

JavaScript, או JS, כבר מתקדם במהירות לאורך השנים. יש לו מטרות רבות בימינו וניתן להשתמש בו על הקצה הקדמי או האחורי.

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

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

עם זאת, כדי להפוך למפתחת חזיתית, אתה רק צריך להבין JavaScript בסיסי כמו גם את הספרייה JSuery הפופולרי ביותר - jQuery.

Nice-to-Haves

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

MV * מסגרות JavaScript

מסגרות JavaScript לעזור לך לארגן את הקוד שלך.

ככל MV * (או MVC) אפשרויות ללכת, יש שלושים בחוץ: שניים של השדרה להיות הפופולרי ביותר. js ו זוויתי. js. ללא ספק, לימוד מסגרת JS הוא החלק הקשה ביותר להפוך למפתח חזיתי אמיתי, אבל זה הדרך הטובה ביותר לקחת את היכולות שלך לשלב הבא.

CSS Tools

בהשוואה למסגרות JavaScript לעיל, קל יותר ללמוד את כלי CSS הבאים.ישנם שלושה סוגים לחפש:

Precompilers:

באמצעות precompiler (או preprocessor) יש הרבה יתרונות, מ ביצוע קוד מנקה לשמירה על הארגון. זוהי דרך קלה לכתוב CSS ו מקדם יבש (אל תחזור על עצמך) עקרונות. פופולרי precompilers CSS הם סאס, פחות, ועט. אם אתה רק מתחיל, מקל על למידה אחת.

מסגרות CSS: מסגרות CSS מסייעות לייעל את זרימת העבודה שלך באמצעות רשתות מובנות ורכיבי CSS אחרים. שתי דוגמאות פופולריות הן Bootstrap וקרן.

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

Front-End Build Tools בתור מפתח, אתה אמור להיות מסוגל לנהל אופטימיזציה של גודל הקובץ ויעילות זרימת עבודה. כלים אלה יכולים לעזור.

ניהול חבילות:

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

השתמש מנהל חבילה, כמו באואר, כדי לקבל הכל מסודר החוצה ולשמור יומן עדכונים שלך. כן. io:

אם לפעמים אתה מתקשה לקבל פרויקטים מעל הקרקע, השתמש Yeoman להתחיל לעבוד במהירות עם פרויקטים ולהישאר פרודוקטיביים. זה פועל על שורת הפקודה.

הרצים למשימות: השתמש ב- Grunt או Gulp, שגם הם פועלים בשורת הפקודה, כדי לדחוס קבצים ולבצע אופטימיזציה של זרימת העבודה. הם יכולים לשמש מהדרים עבור Sass או פחות preprocessors, וגם יש מגוון רחב של תוספים המתפארים תכונות אחרות.

מסקנה בעוד נחמד יש לך אולי נראה כמו הרבה, לחשוב עליהם כעל מיומנויות אתה צריך להיות הוספת לאורך זמן. הדברים העיקריים שאתה צריך לדעת הם HTML, CSS ו- JavaScript.

אם יש לך מיומנויות אינטרנט אחרות, גם אם הם לא קשורים הקדמי, להביא אותם אל השולחן - כמו עיצוב, עריכת וידאו, SEO, וכו 'אתה אף פעם לא יודע מה החברה עשויה להיות מחפש.

ונחש מה? אתה יכול להיות בכושר מושלם.