თქვენი ვებ-გვერდის ფრონტის დასასრულისთვის შექმნის ჩარჩოს უამრავი უპირატესობა აქვს (და საკმაოდ ადვილია ჩატვირთვა!). დავუბრუნდეთ რა წინა ფრონტებსა და რატომ უნდა განიხილონ ისინი თქვენი ვებ-გვერდის განვითარების საქმეში.
Front-End ჩარჩო
ასევე მოიხსენიება როგორც "CSS ჩარჩოები", ეს არის პაკეტები, რომლებიც შეიცავს წინასწარ წერილობითი, სტანდარტიზებული კოდის ფაილებსა და საქაღალდეებში. ისინი მოგცემთ ბაზის შექმნას, ხოლო საბოლოო დიზაინის მოქნილობა. როგორც წესი, ფრონტის ჩარჩო შეიცავს შემდეგ კომპონენტებს:
- ქსელი, რომელიც საშუალებას იძლევა ორგანიზება თქვენი საიტის დიზაინის ელემენტებს
- განსაზღვრული შრიფტის სტილი და sizing, რომელიც მერყეობს მისი ფუნქცია (სხვადასხვა ტიპოგრაფია სასაქონლო წინააღმდეგ პუნქტები და ა.შ.)
- წინასწარ აშენებული ნახვა კომპონენტები, როგორიცაა გვერდითი პანელები, ღილაკები და ნავიგაცია ბარები
თქვენს მიერ შერჩეული კონკრეტული ჩარჩოს მიხედვით, უფრო მეტია, რაც მათ შეუძლიათ.
რატომ გამოიყენე ერთი
არსებობს ბევრი კარგი მიზეზი გამოიყენოს წინა ბოლო ფარგლებში ფარგლებში ნაცვლად დაწყებული ყველა თქვენი კოდი ნულიდან:
- დაზოგოთ დრო! ცხადია, თუ თქვენ წერილობით თითოეული ხაზი კოდით თავს, ის აპირებს მიიღოს ბევრი აღარ დაიწყოს თქვენი ნახვა. ჩარჩოები დაგეხმარებათ თავიდან მიიღოთ საფუძვლები.
- დაამატეთ დამატებითი კომპონენტები, რომლითაც შეიძლება სხვა რამ არ იყოს. ყოველთვის სასიამოვნოა, რომ სხვა ღილაკზე ან ორზე მეტი გააკეთოთ ვარიანტი, რომ არ შექმნან რაიმე დამატებითი უსახური თქვენთვის.
- დარწმუნდით, რომ კოდი მუშაობს. იმის ნაცვლად, რომ დახარჯოს ბევრი დრო საკუთარი კოდი მხოლოდ აღმოჩენა, რომ არ მუშაობს (ან არ შეესაბამება 60% ვებ ბრაუზერები), თქვენ იცით, რომ თქვენ იყენებთ წინასწარ გამოცდილი, ფუნქციური კოდი.
სანამ გადაადგილება, მე ასევე მინდა განვმარტო, თუ როგორ არ გამოიყენოს წინა ბოლო ფარგლებში! მათ მკურნალობაზე, როგორც კოდის შენობის უნარ-ჩვევების ჩანაცვლება არ მოგეწონებათ. გაეცანით HTML და CSS პირველად და შემდეგ შეგიძლიათ დაიწყოთ კომბინაციები. მოაწერეთ თქვენი ჩარჩო, როგორც ასისტენტი, არ ჩხირები.
Front-End ჩარჩოების მაგალითები
არა ყველა CSS ფარგლებში იქმნება თანაბარი, ამიტომ დარწმუნდით, რომ გავაკეთოთ თქვენი კვლევა, რომელიც ერთი საუკეთესო შეესაბამება თქვენს საჭიროებებს. აქ არის ხუთეულის სწრაფი მიმოხილვა:
- Bootstrap: ყველაზე პოპულარული ერთი არსებობს. აქვს ტონა ვარსკვლავი Github და უამრავი რესურსების მისაღებად თქვენს შეკითხვებს უპასუხა. ერთი ადვილია გამოიყენოს, მაგრამ ზოგიერთი ამბობს, რომ მას აქვს ძალიან გამორჩეული "Bootstrap" სახეს.
- ფონდი: გთავაზობთ ბევრ მოქნილობას და customizability. კარგი მათთვის, ვისაც გამოცდილია ფრონტის ბოლომდე განვითარება და ისიც, რომ დაფაროთ საფუძვლები, რჩება მრავალი შემოქმედებითი კონტროლი.
- Stylus: გამოხატული და ელეგანტური CSS ენა. ეს ჩარჩო შეიძლება გამოყენებულ იქნას მხოლოდ Node.js აპლიკაციებზე.
- სემანტიკური UI: მოკლე, ინტუიციური, და იღებს debugging თქვენი კოდი ლამაზი და მარტივი. გაძლევთ ბევრი დიზაინის თავისუფლებას და მოერგოს თქვენს მოთხოვნებს.
- UI Kit: გამოიყენე ჩარჩო, თუ თქვენ აინტერესებთ iOS აპლიკაციების განვითარებას. აქვს ძირითადი სტილი, რომელიც ადვილად განავითაროს საკუთარი საიტის ნახვა.
დასკვნა
ჩარჩოები წარმოუდგენლად გამოსადეგი იარაღები ფრონტვინის დიზაინისთვის, მით უმეტეს, თუ თქვენ გაქვთ სამუშაო, სადაც ხშირად ვითარდები ამ მხარეს. ისინი საშუალებას გაძლევთ დააჩქაროს თქვენი workflow და გაზარდოს თქვენი პროდუქტიულობა გარეშე sacrificing ხარისხის ან ფუნქციონალური, ხოლო ჯერ კიდევ ტოვებს კარი ღია უნიკალური, მორგებული სახეს. უბრალოდ გახსოვდეთ, რომ ისინი იყენებენ, როგორც ინსტრუმენტი, რათა შეავსოთ თქვენი უნარი, არა ისე, როგორც გზა გაჭრა კუთხეებში და ისიამოვნეთ!