מיומנויות הליבה כדי למפתחים עבור מפתחי קצה

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

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

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

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

והם:

1. HTML
2. CSS
3. 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 כדי להתחיל במהירות עם פרויקטים ולהישאר פרודוקטיבי. זה פועל על שורת הפקודה.
• רצים למשימות: השתמש Grunt או Gulp, אשר גם לרוץ על שורת הפקודה, לדחוס קבצים ולייעל זרימת עבודה. הם יכולים לפעול בתור מהדרים עבור Sass או פחות preprocessors, וגם יש מגוון רחב של תוספים המתפארים תכונות אחרות.

סיכום

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

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