Сепак, постојат неколку вештини за кои ќе се бара секоја предвремена развојна работа - "основни" вештини - и неколку други кои сериозно треба да ги разгледате додавањето на вашиот репертоар.
Што треба да знаете
Преглед на списокот на работни места преку Интернет во потрага по она што е клучно за програмерите на предната страна да знаат и разбираат; постојат три клучни работи.
Не може да се преговара.
И тие се:
- HTML
- CSS
- JavaScript (jQuery)
Тоа се основите. За среќа, постојат многу бесплатни или прифатливи онлајн учење платформи каде што можете да ги научите овие вештини, ако не ги знаете веќе.
HTML
HyperText Markup Language или HTML, е клучната структурна компонента на сите веб-страници на Интернет. Како што вели Џенифер Кристин,
"Тоа е јазикот на веб-страниците - јазикот за обележување што прелистувачите ги читаат за да направат веб-страници."
Веб-страниците не можат да постојат без HTML.
CSS
CSS и HTML работат заедно: CSS додава стил во HTML. Сакам да ја користам аналогијата дека HTML е како лице, а CSS е како шминка.
Иако CSS не е неопходно да се добие веб-страница на интернет, во основа секој сајт онлајн користи некаков стил.
Инаку, би било прилично здодевно. Со најновите верзии на CSS, можете да направите работи како анимации и понапреден стил што беше можно само со JavaScript или Flash во минатото.
JavaScript
JavaScript, или ЈС, напредува брзо со текот на годините. Има многу цели во денешно време и може да се користи на предниот или задниот крај.
Во врска со развојот на предниот дел, JS е важен бидејќи помага да се направат интерактивни веб-страници. Можете да направите страшни работи како да креирате анкети, квизови или поднесоци од формулари.
Денес постојат бројни библиотеки на ЈС кои можат да ви помогнат да ги однесете вашите веб страни на следното ниво.
Сепак, за да станете развивач на предната страна, едноставно морате да го разберете основниот JavaScript, како и најпопуларната JS библиотека - jQuery.
Ница-до-Haves
Откако ќе ги снемате основите, ова се други вештини кои се убаво да ги имате. (И многу напредни работни места за развој ги бараат.)
MV * JavaScript рамки
Рамките за JavaScript ви помагаат да го организирате и кондензирате вашиот код.
Што се однесува до опциите MV * (или MVC), постојат триесет: два од најпопуларните се backbone.js и angular.js.
Без сомнение, учењето рамка JS е најтешкиот дел од тоа да стане вистински инвеститор на предната страна, но тоа е најдобриот начин да ги пренесете своите вештини на следното ниво.
CSS Tools
Споредено со говорните поставувања на горенаведените горе, CSS алатките подолу се релативно лесни за учење. Постојат три вида што треба да ги барате:
Прекомпјутери: Користењето на претком компајлерот (или препроцесорот) има многу предности, од правење на код за чистење на одржување на организацијата. Тоа е лесен начин да се напише CSS и промовира принципите DRY (Do not Repeat Yourself). Популарни претприимници на CSS се Sass, Less, и Stylus. Ако само што почнувате, држете се до учење.
Рамки на CSS: Рамките на CSS помагаат да се оптимизира вашиот работен тек со вградените мрежи и други компоненти на CSS. Два популарни примери се Bootstrap и Foundation.
Отворени дизајн: Овие денови, постојат толку многу различни видови на уреди кои вашиот сајт треба да биде способен да се прилагоди на сите нив. Отворениот дизајн ви помага да изградите сајтови кои работат на сите големини на екранот - десктоп, таблет и паметен телефон. Рамките како Bootstrap и Foundation имаат вграден одзив во дизајнот, па ако сте научиле еден од тие, вие сте поставени.
Алатки за напредување на предниот крај
Како развивач, треба да бидете во можност да управувате со оптимизацијата на големината на датотеката и ефикасноста на работното. Овие алатки можат да помогнат.
Управување со пакетите: може да биде тешко да се организираат сите библиотеки, средства и друго, особено за големи проекти или оние каде што работите со тим.
Користете менаџер за пакети, како што е Бауер, за да се справиш сѐ и да чуваш дневник за твоите ажурирања.
Yeoman.io: Ако понекогаш имате проблеми со добивање проекти надвор од земјата, користете Yeoman за да започнете брзо со проекти и да останете продуктивни. Се работи на командната линија.
Задачи на задачи: Користете Grunt или Gulp, кои исто така работат на командната линија, за да ги компресирате датотеките и да го оптимизирате работниот тек. Тие можат да дејствуваат како компајлери за Sass или Less preprocessors, а исто така имаат широк опсег на приклучоци со други функции.
Заклучок
Додека убаво да се појават може да изгледа како многу, мислам на нив како вештини што треба да ги додадете со текот на времето. Основните работи што треба да ги знаете се HTML, CSS и JavaScript.
Ако имате било какви други веб-вештини , дури и ако тие не се поврзани пред крајот, да ги доведете до табелата - како дизајн, видео монтажа, оптимизација, итн. Никогаш не знаете што компанијата може да ја бара .
И погоди што? Може да биде совршено вклопување.