თუმცა, არსებობს რამდენიმე უნარი, რომ ნებისმიერი ფრონტის განვითარების სამუშაო მოითხოვს - "ძირითადი" უნარები - და რამდენიმე სხვა, რომ თქვენ უნდა სერიოზულად განიხილოს დამატებას თქვენი რეპერტუარი.
რა უნდა იცოდეთ
იხილე ვაკანსიების კატალოგი ონლაინში, თუ რა არის გასაღები წინამორბედი დეველოპერებისთვის, რათა გაიგონ და გაიგონონ; არსებობს სამი ძირითადი რამ.
არა შეთანხმებით.
ისინი არიან:
- HTML
- CSS
- JavaScript (jquery)
ეს არის საფუძვლები. საბედნიეროდ, არსებობს უამრავი უფასო ან ხელმისაწვდომი ონლაინ სწავლის პლატფორმები, სადაც შეგიძლიათ ისწავლონ ეს უნარები თუ არ იცით მათ უკვე.
HTML
ჰიპერტექსტის მარკირების ენა, ან HTML, არის ინტერნეტის ყველა ვებსაიტის ძირითადი სტრუქტურული კომპონენტი. როგორც ჯენიფერ ყირნინი ამბობს,
"ვებ-გვერდების ენაა-მარკირების ენა, რომელიც ბრაუზერებს კითხულობს ვებ გვერდების გადაცემას."
ვებ გვერდები არ შეიძლება არსებობდეს HTML გარეშე.
CSS
CSS და HTML ერთად მუშაობენ: CSS დასძენს სტილი HTML. მე მიყვარს გამოყენების ანალოგია, რომ HTML ჰგავს სახე, და CSS ჰგავს მაკიაჟი.
მიუხედავად იმისა, რომ CSS არ არის აუცილებელი ვებ-გვერდის მიღება, ძირითადად ყველა საიტზე ონლაინ სტილს იყენებს.
წინააღმდეგ შემთხვევაში, ეს იქნება საკმაოდ მოსაწყენი. უახლესი ვერსიების CSS, შეგიძლიათ გააკეთოთ რამ, როგორიცაა ანიმაცია და მოწინავე სტილის, რომ მხოლოდ შესაძლებელი JavaScript ან Flash წარსულში.
JavaScript
JavaScript, ან JS, უკვე მიიწევს სწრაფად წლების განმავლობაში. დღესდღეობით ბევრი მიზანშეწონილია და შეიძლება გამოყენებულ იქნას წინა ან უკანა მხარეს.
ფრონტის ბოლომდე განვითარებასთან დაკავშირებით, JS მნიშვნელოვანია, რადგან ის ხელს უწყობს ვებ გვერდების ინტერაქციას. შეგიძლიათ გააკეთოთ გასაოცარია რამ, როგორიცაა შექმნა გამოკითხვა, ტესტებში ან ფორმა წარდგინება.
დღესდღეობით არსებობს უამრავი JS ბიბლიოთეკა, რომელიც დაგეხმარებათ თქვენს ვებ გვერდებს მომდევნო დონეზე.
თუმცა, გახდით ფრონტის ბოლო დეველოპერი, თქვენ უბრალოდ უნდა გვესმოდეს ძირითადი JavaScript, ასევე ყველაზე პოპულარული JS ბიბლიოთეკა - jQuery.
ლამაზი- to-Haves
საფუძვლების მიღების შემდეგ, ეს არის სხვა უნარები, რომლებიც სასიამოვნოა. (და ბევრი ფრონტის განვითარების სამუშაო ადგილების გამოიყურება მათთვის.)
MV * JavaScript ჩარჩოები
JavaScript- ის ფარგლებში დაგეხმარებათ თქვენი კოდის ორგანიზება და კონდენსირება.
რაც შეეხება MV * (ან MVC) ვარიანტებს, არსებობს ოცდაათი აქ: ორი ყველაზე პოპულარული ყოფნა backbone.js და angular.js.
ეჭვგარეშეა, რომ JS- ის ჩარჩო სწავლა არის ნამდვილი ფრონტის ბოლომდე შემუშავების უმძიმესი ნაწილი, მაგრამ ეს არის საუკეთესო საშუალება თქვენი უნარ-ჩვევების მიღება მომდევნო დონეზე.
CSS ინსტრუმენტები
ზემოთ მოცემული JavaScript- ის ჩარჩოებთან შედარებით, ქვემოთ მოცემული CSS ინსტრუმენტები შედარებით ადვილია. არსებობს სამი სახის მოსაძებნად:
Precompilers: precompiler (ან წინასწარ გამყიდველს) იყენებს ბევრი უპირატესობა, კოდის დამლაგებელი ორგანიზაციის შენარჩუნებისგან. ეს არის მარტივი გზა CSS და წამოაყენოთ DRY (არ გაიმეორეთ თავს) პრინციპები. პოპულარული CSS precompilers არიან Sass, Less, და Stylus. თუ თქვენ მხოლოდ დაწყებული, გამყარებაში სწავლის ერთი.
CSS ფარგლებში: CSS ფარგლებში დაეხმაროს ოპტიმიზაცია თქვენი workflow ჩაშენებული ბადეები და სხვა CSS კომპონენტები. ორი პოპულარული მაგალითია Bootstrap და Foundation.
საპასუხო დიზაინი: ამ დღეებში არსებობს იმდენი სხვადასხვა სახის მოწყობილობები, რომლებიც თქვენს საიტზე უნდა შეეძლოთ ადაპტირება ყველა მათგანს. საპასუხო დიზაინი ეხმარება შექმნას საიტებზე, რომლებიც მუშაობენ ეკრანის ზომებზე - დესკტოპის, ტაბლეტისა და სმარტფონისთვის. ჩარჩოები, როგორიცაა Bootstrap და ფონდი აქვს საპასუხო დიზაინი აშენდა, ასე რომ, თუ თქვენ ვისწავლოთ ერთი იმ, თქვენ მითითებული.
Front-End აშენების ინსტრუმენტები
როგორც დეველოპერი, თქვენ შეძლებთ მართოთ ფაილის ზომა ოპტიმიზაცია და სამუშაოს ეფექტურობა. ეს ინსტრუმენტები დაგეხმარებათ.
პაკეტის მართვა: შეიძლება რთული იყოს ორგანიზება ყველა ბიბლიოთეკის, აქტივებისა და ა.შ., განსაკუთრებით მსხვილი პროექტებისთვის ან პირობა, სადაც მუშაობთ გუნდთან.
გამოიყენეთ პაკეტი მენეჯერი, როგორიცაა Bower, რომ მიიღოთ ყველაფერი დახარისხებული და შეინახოს ჟურნალი თქვენი განახლებები.
Yeoman.io: თუ ხანდახან უბედურება გექნებათ პროექტები off ადგილზე, გამოიყენოთ Yeoman უნდა დაიწყო სწრაფად პროექტები და დარჩება პროდუქტიული. ის აწარმოებს ბრძანებას.
სამუშაო Runners: გამოყენება Grunt ან Gulp, რომელიც ასევე აწარმოებს ბრძანება ხაზი, შეკუმშოს ფაილი და ოპტიმიზაცია workflow. მათ შეუძლიათ იმოქმედონ, როგორც კომპოზიტორები Sass ან ნაკლები preprocessors, ასევე აქვს ფართო სპექტრი plugins ტრაბახობდნენ სხვა თვისებები.
დასკვნა
მიუხედავად იმისა, რომ ლამაზი haves შეიძლება ჩანდეს, როგორც ბევრი, ვფიქრობ მათ, როგორც ცოდნა თქვენ უნდა დასძინა დროთა განმავლობაში. ძირითადი რამ, რაც უნდა იცოდეთ, არის HTML, CSS და JavaScript.
თუ თქვენ გაქვთ სხვა ვებ-უნარები , მაშინაც კი, თუ ისინი არ არიან წინა-დასასრული, მოიტანეთ მაგიდაზე მსგავსი დიზაინი, ვიდეო რედაქტირება, SEO და ა.შ. თქვენ არასდროს იციან რა კომპანია შეიძლება ეძებო .
რას იტყვი? თქვენ შეიძლება იყოს სრულყოფილი fit.