Այնուամենայնիվ, կան մի քանի հմտություններ, որոնք պահանջում են ճակատագրի վերջնական զարգացման աշխատանք `« հիմնական »հմտություններ, եւ մի քանիսը, որ դուք պետք է լրջորեն մտածեք ձեր ռեպերտուարային հավելումը:
Ինչ դուք պետք է իմանաք
Փնտրեք աշխատանքների ցուցակները առցանց `փնտրելով այն, թե ինչ նշանակություն ունի ճակատային հանգույցների մշակողները` իմանալու եւ հասկանալու համար, կան երեք հիմնական բաներ:
Ոչ բանակցելի:
Եվ նրանք են `
- HTML
- CSS- ը
- JavaScript (jQuery)
Սրանք հիմնականում են: Բարեբախտաբար, կան բազմաթիվ անվճար կամ մատչելի առցանց ուսուցման հարթակներ, որտեղ դուք կարող եք սովորել այդ հմտությունները, եթե դուք չեք ճանաչում դրանք:
HTML
HyperText Markup Language- ը կամ HTML- ը համացանցի բոլոր կայքերի հիմնական կառուցվածքն է: Ինչպես Ջենիֆեր Քըրնինն է ասում,
«Սա վեբ էջերի լեզուն է, բրաուզերների ընթերցման էջը, որը վեբ էջեր մատուցելու համար է»:
Վեբ էջերը չեն կարող գոյություն ունենալ առանց HTML- ի:
CSS- ը
CSS- ը եւ HTML- ը միասին աշխատում են. CSS- ը ոճի HTML- ին է ավելացնում: Ես սիրում եմ օգտագործել այն նմանությունը, որ HTML- ն նման է դեմքի, եւ CSS նման է դիմահարդարման:
Չնայած CSS- ն անհրաժեշտ չէ առցանց կայք ստանալու համար, հիմնականում ամեն առցանց կայքը օգտագործում է մի քանի ձեւավորում:
Հակառակ դեպքում, դա կլինի շատ ձանձրալի: CSS- ի վերջին տարբերակները կարող եք անել անիմացիաներով եւ ավելի առաջադեմ ոճերով, որոնք հնարավոր է միայն JavaScript կամ Flash- ով անցյալում:
JavaScript
JavaScript- ը կամ JS- ը տարիների ընթացքում արագ զարգանում է: Այն ունի բազմաթիվ նպատակներ այսօր եւ կարող է օգտագործվել առջեւի կամ հետեւի վերջում:
Առջեւի ավարտի զարգացման առումով Ջեյնը կարեւոր է, քանի որ այն օգնում է վեբ էջերի ինտերակտիվ դարձնել: Դուք կարող եք անել զարմանալի բաներ, որոնք ստեղծում են հարցումներ, վիկտորներ կամ ձեւաթղթեր:
Այսօրվա դրությամբ կան բազմաթիվ JS գրադարաններ, որոնք կօգնեն ձեզ վերցնել ձեր վեբ էջերը հաջորդ մակարդակին:
Այնուամենայնիվ, դառնալ նախնական ծրագրավորող, դուք պարզապես պետք է հասկանաք հիմնական JavaScript- ը, ինչպես նաեւ ամենատարածված JS գրադարանը `jQuery:
Nice-to-Haves- ը
Հիմք ընդունելով, դրանք այլ հմտություններ են, որոնք հաճելի են: (Եվ շատ առաջադեմ զարգացման աշխատատեղեր են փնտրում նրանց համար):
MV * JavaScript Frameworks- ը
JavaScript շրջանակները օգնում են ձեզ կազմակերպել եւ կոնդենսացնել ձեր կոդը:
Քանի որ MV * (կամ MVC) տարբերակները գնում են, այնտեղ կա երեսուն: երկու ամենատարածվածը `backbone.js եւ angular.js:
Անկասկած, JS- ի ուսուցման սովորելը հանդիսանում է իսկական ճակատագրի մշակողը դառնալու ամենակարճ մասնիկը, բայց դա լավագույն միջոցն է, որպեսզի ձեր հմտությունները վերցնեն հաջորդ մակարդակին:
CSS գործիքներ
Ստորեւ բերված JavaScript- ի շրջանակների համեմատ, ներքոնշյալ CSS գործիքները համեմատաբար հեշտ են սովորելու համար: Որոնք են երեք տեսակներ.
Precompilers: Օգտագործելով precompiler (կամ preprocessor) ունի շատ առավելություններ, կատարել օրենսգրքի մաքուր է պահպանել կազմակերպությունը: Դա հեշտ է գրել CSS- ի եւ նպաստում DRY- ի (Խուսափեք Քեզ) սկզբունքներին: Հանրաճանաչ CSS նախադիտիչները Sass, Less, եւ Stylus են: Եթե դուք պարզապես սկսում եք, մնում եք սովորել մեկին:
CSS- ի շրջանակներ. CSS- ի շրջանակները օգնում են օպտիմալացնել ձեր աշխատանքային գործընթացը ներկառուցված ցանցերի եւ CSS- ի այլ բաղադրիչների հետ: Երկու հայտնի օրինակները Bootstrap եւ հիմնադրամ են:
Պատասխանատու դիզայն. Այս օրերին շատ տարբեր սարքեր կան, որոնք ձեր կայքը պետք է կարողանա հարմարվել բոլորին: Հիանալի դիզայնը օգնում է Ձեզ կառուցել այն կայքերը, որոնք աշխատում են բոլոր էկրանաչափերի վրա `աշխատասեղան, պլանշետ եւ սմարթֆոն: Շրջանակները, ինչպիսիք են Bootstrap- ը եւ հիմնադրամը, կառուցված են արձագանքող դիզայն, այնպես որ, եթե դուք սովորում եք դրանցից մեկը, դուք սահմանել եք:
Front-End Կառուցող գործիքներ
Որպես մշակող, դուք պետք է կարողանաք կառավարել ֆայլի չափի օպտիմալացում եւ աշխատանքի արդյունքի արդյունավետություն: Այս գործիքները կարող են օգնել:
Փաթեթների կառավարում. Դժվար է կազմակերպել բոլոր գրադարանները, ակտիվները եւ այլն, հատկապես մեծ նախագծերի կամ այն թիմերի համար, որտեղ դուք աշխատում եք թիմի հետ:
Օգտագործեք փաթեթի մենեջեր, ինչպես Bower- ը, որպեսզի ամեն ինչ կարգավորվի եւ պահեք ձեր թարմացումներ:
Yeoman.io: Եթե երբեմն խնդիրներ ունենաք գետնին ընկած ծրագրերը ստանալու համար, օգտագործեք Yeoman- ը, արագ սկսեք նախագծերի հետ եւ արդյունավետ մնաք: Այն վարում է հրամանի տողում:
Առաջադրանքների վարողներ. Օգտագործեք Grunt կամ Gulp- ը, որը նույնպես հրամանի տողում է, ֆայլերը սեղմելու եւ աշխատանքի արդյունքի օպտիմալացման համար: Նրանք կարող են հանդես գալ որպես Sass կամ Less preprocessors- ի համար կազմողներ, եւ ունեն նաեւ այլ առանձնահատկություններ պարունակող պլատինների լայն շրջանակ:
Եզրակացություն
Թեեւ հաճելի է, որ կարող է թվալ շատ, կարծում եմ, որ դրանք որպես հմտություններ դուք պետք է ավելացնեք ժամանակի ընթացքում: Հիմնական բաները, որոնք դուք պետք է իմանաք, HTML, CSS եւ JavaScript:
Եթե դուք ունեք այլ վեբ հմտություններ , նույնիսկ եթե դրանք առջեւում չեն, ապա դրանք բերեք սեղանի վրա `նման դիզայն, վիդեո խմբագրում, SEO եւ այլն: Դուք երբեք չգիտեք, թե ինչ ընկերություն է փնտրում :
Եվ ինչ կիմանաս: Դուք կարող եք լինել կատարյալ տեղավորել: