Core ကျွမ်းကျင်မှု Front-End Developers များအတွက်သခင်

အလုပ်တင်ခြင်းသူတို့တစ်တွေ Front-အဆုံးဆော့ဖ်ဝဲရေးသူအတွက်ရှာသောအရာကိုအတွက်ခြားနားသည်။ အချို့ကုမ္ပဏီတွေကနဲ့တူသောအရာတို့ကို သိ. လျှောက်ထားချင် ပတ္တမြား , Git, ဒီဇိုင်း tools တွေ, ဗီဒီယိုတည်းဖြတ် - နှင့်စာရင်းအပေါ်တတ်၏။

သငျသညျအလေးအနက်ထားသင့်ရဲ့ repertoire မှဖြည့်စွက်ထည့်သွင်းစဉ်းစားသင့်ကြောင်းနှင့်အနည်းငယ်အခြားသူတွေ - က "အမာခံ" ကျွမ်းကျင်မှု - သို့သော်အနည်းငယ်မဆိုရှေ့ဆုံးဖှံ့ဖွိုးတိုးတအလုပ်အကိုင်လိုအပ်လိမ့်မည်ဟုကျွမ်းကျင်မှုရှိပါသည်။

သင်သိပါရန်လိုအပ်ကဘာလဲ

Front-အဆုံး developer များသိကြနှင့်နားလည်ရန်အဘို့အသော့ချက်သည်အဘယ်အရာများရှာဖွေရေးအတွက်အွန်လိုင်းအလုပ်စာရင်းများ Browse; သုံး key ကိုအမှုအရာရှိပါသည်။

non-ညှိနှိုင်း။

ထိုသူတို့နေသောခေါင်းစဉ်:

1. HTML ကို
2. CSS ကို
3. JavaScript ကို (jQuery)

ဤအခြေခံဖြစ်ကြသည်။ ကံကောင်းထောက်မစွာ, အများကြီးရှိပါတယ် အခမဲ့သို့မဟုတ်တတ်နိုင်အွန်လိုင်းသင်ယူမှုပလက်ဖောင်း သင်ပြီးသားသူတို့ကိုမသိရပါဘူးလျှင်သင်သည်ဤကျွမ်းကျင်မှုငျယူနိုငျသညျ။

HTML ကို

HyperText Markup Language, ဒါမှမဟုတ် HTML ကို, အင်တာနက်ပေါ်မှာရှိသမျှဝက်ဘ်ဆိုက်များ၏တံခါးသော့ကိုအခြေခံအဆောက်အဦးအစိတ်အပိုင်းဖြစ်ပါတယ်။ ဂျနီဖာ Kyrnin ပြောပါတယ်အဖြစ်,

"ဒါဟာ web စာမျက်နှာများတွင်-ဝဘ်စာမျက်နှာများကိုဆပ်ဖို့ကိုဖတ်ရှု browser များကြောင့် markup ဘာသာစကား၏ဘာသာစကားဖြစ်၏။ "

web page များကို HTML ကိုမပါဘဲမတည်ရှိနိုင်ပါ။

CSS ကို

အတူတူ CSS ကိုနဲ့ HTML အလုပ်: CSS ကို HTML ကိုမှစတိုင်ကထပ်ပြောသည်။ ငါက HTML မျက်နှာနှင့်တူကြောင်း, CSS ကိုမိတ်ကပ်နဲ့တူကြောင်းဥပမာအသုံးပြုလို။

CSS ကိုအွန်လိုင်း website တစ်ခုရဖို့မလိုအပ်ပါဘူးဖြစ်သော်လည်းအခြေခံအားဖြင့်တိုင်း site ကိုအွန်လိုင်းပုံစံအချို့ကိုမျိုးကိုအသုံးပြုသည်။

ဒီလိုမှမဟုတ်ရင်သူကတော်တော်ပျင်းစရာကောင်းလိမ့်မယ်။ CSS ကို၏လတ်တလောဗားရှင်းနှင့်အတူ, သငျသညျ Animation နဲ့အတိတ်တွင် JavaScript ကိုသို့မဟုတ် Flash ကိုသာဖြစ်နိုင်သောဖွစျကွောငျးကိုပိုမိုအဆင့်မြင့်ပုံစံနှင့်တူသောအရာတို့ကိုလုပ်နိုင်ပါတယ်။

JavaScript ကို

JavaScript ကို, ဒါမှမဟုတ် JS, နှစ်ပေါင်းများစွာလျှင်မြန်စွာတိုးတက်လျက်ရှိသည်။ ဒါဟာဒီနေ့ခေတ်အများအပြားရည်ရွယ်ချက်ရှိပြီးရှေ့သို့မဟုတ်နောက်ကျောအဆုံးပေါ်တွင်အသုံးပြုနိုင်ပါသည်။

ဒါဟာ web စာမျက်နှာများတွင် interactive အောင်ကူညီပေးသည်ဖြစ်သောကြောင့်ရှေ့ဆုံးဖွံ့ဖြိုးတိုးတက်ရန်နှင့်စပ်လျဉ်းခုနှစ်, JS အရေးကြီးပါသည်။ သငျသညျဖန်တီးရွေးကောက်ပွဲ, ဉာဏ်စမ်းပဟေဠိသို့မဟုတ်ပုံစံကိုတင်ပြတူသောကြောက်မက်ဘွယ်အမှုတို့ကိုပြုနိုင်ပါတယ်။

ယနေ့ခေတ်သင်နောက်တစ်နေ့အဆင့်သင့် web စာမျက်နှာများတွင်ယူကူညီဖို့အွန်လိုင်းမြောက်မြားစွာ JS စာကြည့်တိုက်များရှိပါသည်။

သို့သော်တစ်ဦး Front-အဆုံးဆော့ဖ်ဝဲရေးဖြစ်လာဖို့, သင်ရုံအခြေခံ JavaScript ကိုနားလည်ရန်ရှိသည်အဖြစ်လူကြိုက်အများဆုံး JS စာကြည့်တိုက် - jQuery ။

nice-to-ပါပြီ

အခြေခံကဆင်းလာပြီပြီးနောက်ဤရှိသည်ဖို့ကောင်းတဲ့များမှာအခြားကျွမ်းကျင်မှုရှိပါသည်။ (ထိုအ Front-အဆုံးဖှံ့ဖွိုးတိုးတအလုပ်အကိုင်များစာရေးသူတို့အဘို့ကိုကြည့်။ )

သင်္ဘော MV * JavaScript ကိုဘောင်

JavaScript ကိုမူဘောင်သင်သည်သင်၏ကုဒ်စုစည်းနှင့်ခြုံ့ကိုကူညီပေးပါတယ်။

အဖြစ်ဝေးသင်္ဘော MV * (သို့မဟုတ် MVC) အဖြစ်ရွေးချယ်မှုများသွားပါ, အဲဒီမှာအထဲကသုံးဆယ်ရှိပါတယ်: လူကြိုက်အများဆုံးဖြစ်လျက်ရှိ backbone.js နဲ့ angular.js နှစ်ခု။

တစ်ဦးသံသယမရှိ, JS မူဘောင်သင်ယူနေတဲ့စစ်မှန်တဲ့ Front-အဆုံးဆော့ဖ်ဝဲရေးသူဖြစ်လာ၏အပြင်းထန်ဆုံးအစိတ်အပိုင်းတစ်ခုဖြစ်ပါသည်, သို့သော်နောက်တစ်နေ့အဆင့်သင့်ရဲ့ကျွမ်းကျင်မှုကိုယူဖို့အတွက်အကောင်းဆုံးနည်းလမ်းဖြစ်ပါတယ်။

CSS ကို Tools များ

အထက်ပါ JavaScript ကိုမူဘောင်နှင့်နှိုင်းယှဉ်လျှင်အောက်တွင် CSS ကို tools တွေကိုသင်ယူဖို့အတော်လေးလွယ်ကူဖြစ်ကြသည်။ ရှာသုံးမျိုးရှိပါတယ်:

Precompilers: တစ် precompiler (သို့မဟုတ် preprocessor) ကိုသုံးပြီးအဖွဲ့အစည်းကိုထိန်းသိမ်းပေးဖို့ကုဒ်သန့်စင်အောင်ထံမှ, အားသာချက်များကိုအများကြီးရှိပါတယ်။ ဒါဟာ CSS ကိုရေးသားဖို့လွယ်ကူသောလမ်းဖွင့်ခြင်းနှင့်ခြောက်သွေ့သော (ကိုယ်သင် Repeat မနေပါနဲ့) အခြေခံမူကိုအားပေးအားမြှောက်။ လူကြိုက်များ CSS ကို precompilers saß, နည်းနှင့် Stylus ဖြစ်ကြသည်။ သင်ရုံထွက်စတင်ဖွင့်ဆိုပါက, တဦးတည်းသင်ယူခြင်းကပ်။

CSS ကိုမူဘောင်: CSS ကိုမူဘောင် built-in Grid နှင့်အခြား CSS ကိုအစိတ်အပိုင်းများနှင့်သင်၏လုပ်ငန်းအသွားအလာပိုကောင်းအောင်ကူညီပေးတယ်။ နှစ်ဦးကပေါ်ပြူလာဥပမာ Bootstrap နှင့်ဖောင်ဒေးရှင်းမှဖြစ်ကြသည်။

တုံ့ပြန်မှုဒီဇိုင်း: အဲဒီရက်, သင့်ရဲ့ site ကိုသူတို့ကိုလူအပေါင်းတို့အားလိုက်လျောညီထွေဖြစ်အောင်နိုင်တော့မည်သင့်ကြောင်း devices များဤမျှလောက်များစွာသောအမျိုးမျိုးရှိပါတယ်။ ဒက်စ်တော့, တက်ဘလက်နှင့်စမတ်ဖုန်း - တုံ့ပြန်မှုဒီဇိုင်းကိုသင်တို့ရှိသမျှသည် Screen အရွယ်အစားပေါ်အလုပ်လုပ်သောဆိုဒ်များကိုတညျဆောကျကူညီပေးသည်။ Bootstrap နှင့်ဖောင်ဒေးရှင်းမှတူသောမူဘောင် built-in တုံ့ပြန်မှုဒီဇိုင်းရှိသည်, ဒါကြောင့်အဲဒီထဲကတစ်ခုသင်ယူလျှင်, သင်သတ်မှတ်ထားပါတယ်။

Front-End Build Tools များ

တစ်ဦးပြုစုသူအဖြစ်, သင်ဖိုင်အရွယ်အစား optimization နှင့်လုပ်ငန်းအသွားအလာထိရောက်မှုစီမံခန့်ခွဲနိုင်ဖြစ်သင့်သည်။ ဤကိရိယာများကူညီပေးနိုင်ပါသည်။

package စီမံခန့်ခွဲမှု: ဒါဟာအထူးသဖြင့်သင်ကအဖွဲ့တစ်ဖွဲ့နှင့်အတူအလုပ်လုပ်နေဘယ်မှာကြီးမားသောစီမံကိန်းများသို့မဟုတ်သူတို့အတှကျဒါကြောင့်ထွက်ရှိသမျှသောစာကြည့်တိုက်များ, ပိုင်ဆိုင်မှုများနှင့်စုစည်းဖို့ခက်ခဲနိုင်ပါတယ်။

အရာအားလုံးထွက်ခွဲထားခဲ့သည်ရ, Bower ကဲ့သို့တစ်ဦးအထုပ်မန်နေဂျာကိုသုံးပါနှင့်သင့် updates များကိုတစ်ဦး log ကိုစောင့်ရှောက်။

Yeoman.io: သင်တစ်ခါတစ်ရံဒုက္ခမြေပြင်ကိုချွတ်စီမံကိန်းများကိုလာပြီ, စီမံကိန်းများနှင့်အတူအလျင်အမြန်စတင်တန်ဖိုးရှိရှိနေထိုင်ရ Yeoman ကိုသုံးပါရှိပါက။ ဒါဟာ command line ကိုအပေါ်ကို run ပါ။

Task ကို Runners: အသုံးပြုမှုဝက်အော်သို့မဟုတ်မရှင်းပြသည်ကိုလည်းဖိုင်တွေချုံ့ဖို့, က command line ပေါ်မှာ run နှင့်လုပ်ငန်းအသွားအလာပိုကောင်းအောင်ရာ။ သူတို့ဟာsaßသို့မဟုတ်လျော့နည်း preprocessors များအတွက် compiler နဲ့အဖြစ်ဆောင်ရွက်ရန်နှင့်အခြား features တွေကြွား Plugins ရဲ့ကျယ်ပြန့်အကွာအဝေးရှိနိုင်ပါသည်။

ကောက်ချက်

ကြပါပြီဖို့ကောင်းတဲ့တွေအများကြီးနဲ့တူပုံရပေမည်နေစဉ်, သင်အချိန်ကိုကျော်ဖြည့်စွက်ထားရမည်ကျွမ်းကျင်မှုအဖြစ်သူတို့ထဲကထင်ပါတယ်။ သငျသညျကိုသိရန်လိုအပ်သည့်အဓိကအမှုအရာက HTML, CSS, JavaScript ကိုဖြစ်ကြသည်။

သင်သည်မည်သည့်ရှိပါက တခြား web ကျွမ်းကျင်မှု , သူတို့ကရှေ့ဆုံးဆက်စပ်မဟုတ်ပါဘူးလျှင်ပင်, စားပွဲထံသို့ဆောင်ခဲ့ရမည် - တူသောဒီဇိုင်း, ဗွီဒီယိုတည်းဖြတ်, SEO ဆိုသည်မှာ, စတာတွေသင်ကဘာလဲဆိုတာသိဘယ်တော့မှ ကုမ္ပဏီရှာဖွေနေစေခြင်းငှါ ။

အဘယ်မှန်းဆ? သင့်အနေဖြင့်စုံလင်သောမထိုက်မတန်ဖြစ်နိုင်သည်။