Основни умения за Майстор за разработчици от предния край

Публикуванията на длъжности варират в това, което търсят в разработчика на предния край. Някои компании искат кандидатите да знаят неща като Ruby, 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 се развива бързо през годините. Днес тя има много цели и може да се използва отпред или отзад.

Във връзка с разработката на front-end, JS е важна, защото помага за създаването на интерактивни уеб страници. Можете да правите страхотни неща като създаване на анкети, викторини или формуляри. Днес има много онлайн JS библиотеки, които да ви помогнат да пренесете вашите уеб страници на следващото ниво.

Въпреки това, за да станете водещ разработчик, просто трябва да разберете основния JavaScript, както и най-популярната JS библиотека - jQuery.

Приятни умения

След като се спуснат основите, това са други умения, които са приятни. (И много от тях ще ги търсят.)

MV * JavaScript рамки

Рамките на JavaScript ви помагат да организирате и кондензирате кода си.

Що се отнася до опциите MV * (или MVC), там има тридесет: два от най-популярните са backbone.js и angular.js.

Без съмнение, изучаването на JS рамката е най-трудната част да се превърнете в истински фронт-енд разработчик, но това е най-добрият начин да превърнете вашите умения на следващото ниво.

CSS инструменти

В сравнение с горните рамки на JavaScript, CSS инструментите по-долу са сравнително лесни за изучаване. Има три вида за търсене:

• Предкомпилатори: Използването на прекомпилатора (или препроцесора) има много предимства, от превръщането на кода в по-чист в поддържане на организацията. Това е лесен начин за писане на CSS и насърчаване на принципите DRY (Не повтаряйте себе си). Популярни CSS прекомпилатори са Sass, Less и Stylus. Ако току-що започвате, придържайте се към ученето.
• CSS рамки: CSS рамки помагат за оптимизиране на работния процес с вградени мрежи и други CSS компоненти. Два популярни примера са Bootstrap и Foundation.
• Адаптивен дизайн: Тези дни, има толкова много различни видове устройства, които сайтът ви трябва да може да се адаптира към всички тях. Отзивчивият дизайн ви помага да създавате сайтове, които работят на всички размери на екрана - настолни, таблетни и смартфони. Рамки като Bootstrap и Foundation имат вграден вграден дизайн, така че ако научите една от тях, сте настроени.

Инструменти за изграждане отпред

Като разработчик трябва да можете да управлявате оптимизацията на размера на файловете и ефективността на работния процес. Тези инструменти могат да помогнат.

• Управление на пакет: Може да е трудно да организирате всички библиотеки, активи и т.н., особено за големи проекти или такива, в които работите с екип. Използвайте мениджър на пакети, като Bower, за да разберете всичко и да запазите дневника на актуализациите си.
• Yeoman.io: Ако понякога имате проблеми с проектите, използвайте Yeoman, за да започнете бързо с проекти и да останете продуктивни. Тя се изпълнява в командния ред.
• Състезатели на задачите: Използвайте Grunt или Gulp, които също работят в командния ред, за да компресирате файлове и да оптимизирате работния процес. Те могат да действат като компилатори за Sass или Less препроцесори, както и да имат широк набор от плъгини, които могат да се похвалят с други функции.

заключение

Докато хубавото да притежава може да изглежда като много, мисля за тях като умения, които трябва да се добавят с течение на времето. Основните неща, които трябва да знаете, са HTML, CSS и JavaScript.

Ако имате други уеб умения, дори и да не са свързани с предния край, да ги пренесете на масата, като дизайн, редактиране на видеоклипове, SEO и др.