შეიტყვეთ Bootstrap- ის შესახებ: დაიწყეთ საპასუხო საიტების შემუშავება

გამჟღავნება: თქვენი მხარდაჭერა ხელს უწყობს საიტის მუშაობას! ჩვენ ვიღებთ რეფერალის გადასახადს ზოგიერთი სერვისის შესახებ, რომელსაც გირჩევთ ამ გვერდზე.


ეს სახელმძღვანელო გაგაცნობთ Bootstrap- ს, რომელიც ღია წყაროების ვებ – გვერდებისთვის ხელმისაწვდომია. განაგრძეთ კითხვა შესავლისა და მოკლე ისტორიის შესახებ, ან გამოიყენეთ ნავიგაცია, რომლითაც ეძებთ Bootstrap- ის რესურსს..

მე –2 ვერსიიდან, Bootstrap მოიცავს საპასუხო ვებ – დიზაინის (RWD) კომპონენტებს, რაც გახდება შესანიშნავი ინსტრუმენტი ვებსაიტების მასშტაბურობისთვის, რომელთაც აქვთ ერთი კოდური ბაზა, რომელიც გაზიარებულია სხვადასხვა მოწყობილობას შორის, CSS მედია მოთხოვნების გამოყენებით..

Bootstrap არის ღია წყარო და მასპინძლობს, ვითარდება და შენარჩუნებულია GitHub– ზე. ამ დროისთვის, ეს არის ყველაზე ვარსკვლავური პროექტი GitHub– ზე. მოდით გავარკვიოთ, რატომ.

რა არის Bootstrap?

Bootstrap- ის შემუშავება დაიწყო Twitter– ის მარკების ოტო და ჯაკობ ტორნტონის მიერ, როგორც შიდა ინსტრუმენტის შემუშავების მცდელობა – ახალი ჩარჩო, რომელიც ხელს შეუწყობს შიდა ინსტრუმენტებში თანმიმდევრულობის შენარჩუნებას, Twitter– ში.

განვითარების ამ ადრეულ ეტაპზე Bootstrap- ს თავდაპირველად “Twitter Blueprint” ერქვა. ახალი ჩარჩო სწრაფად მომწიფდა და გამოვიდა როგორც ღია კოდის პროექტი, 2011 წლის 19 აგვისტოს.

Bootstrap- ის ძირითადი გუნდი აგრძელებს განვითარებას, ხოლო უახლესი ვერსიაა Bootstrap 3, რომელიც გამოვიდა 2013 წლის აგვისტოში.

Bootstrap არის უფასო, ღია წყარო HTML, CSS და JS ჩარჩო, რომელიც შეიცავს შაბლონებს ტექსტის, ფორმების, ღილაკების, სანავიგაციო და სხვა შესაბამისი ინტერფეისის კომპონენტებისთვის..

როგორც წინა რგოლის ჩარჩო, Bootstrap არის ინტერფეისი მომხმარებლისთვის, განსხვავებით სერვერის კოდიდან, რომელიც ცხოვრობს უკანა სერვერზე. RWD კომპონენტების გამოყენებით, Bootstrap ავტომატურად ადაპტირებს ვებსაიტებს სხვადასხვა ეკრანის ზომებში და პიქსელის სიმკვრივეზე სხვადასხვა მოწყობილობებზე.

Bootstrap- ის საშუალებით, ვებგვერდებს შეუძლიათ კონცენტრირება მოახდინონ რეალურ განვითარებაზე, დიზაინზე ფიქრის გარეშე და მიიღონ კარგი ვებ – გვერდი და სწრაფად იმოქმედონ.

Bootstrap შეიძლება გამოყენებულ იქნას ნებისმიერი განვითარების გარემოში ან რედაქტორში, და ნებისმიერ სერვერზე ტექნოლოგიასა და ენაზე, ASP.NET- დან PHP- დან Ruby on Rails- ზე.

2015 წლის აგვისტოდან, Bootstrap- ის ოფიციალური თემები ხელმისაწვდომია შესყიდვისთვის, ერთი გადახდით და მრავალჯერადი გამოყენების ლიცენზიით, უფასო განახლებებით.

Bootstrap- ის საავტორო უფლებები დაცულია Twitter- ით, მაგრამ იგი გამოქვეყნებულია MIT– ის ლიცენზიით, რაც საშუალებას გაძლევთ გამოიყენოთ და შეცვალოთ Bootstrap ან მისი კომპონენტები, როგორც კერძო, ასევე კომერციული მიზნებისთვის..

ჩატვირთვის ფუნქციები

Bootstrap თავსებადია Google Chrome- ის, Mozilla Firefox- ის, Internet Explorer- ის, Opera- სა და Safari- ის ბრაუზერების უახლეს ვერსიებთან. ზოგიერთ ბრაუზერში ეს არ არის მხარდაჭერილი ყველა პლატფორმაზე.

სტილის წესები, რომლებიც უზრუნველყოფს ძირითადი სტილის განმარტებებს HTML– ის ყველა ძირითადი კომპონენტისთვის, შედის Bootstrap– ით, რაც საშუალებას აძლევს ვებგვერდის გარეგნობის მარტივად მორგებას..

Bootstrap– ის ერთ – ერთი მთავარი მახასიათებელია მისი სითხის ქსელის სისტემა, რომელსაც შეუძლია ეკრანის ზომების მიხედვით და მასშტაბოს 12 სვეტი, მობილური მოწყობილობებიდან დაწყებული დესკტოპის ეკრანის ზომამდე და ყველაფერს შორის, როგორც პორტრეტიზე, ისე ლანდშაფტზე ორიენტირებული..

ეს ქსელის სისტემა ქმნის აუცილებელ სამშენებლო ბლოკს დინამიური გვერდებისთვის.

Bootstrap ასევე გააჩნია მრავალი სხვა საერთო ინტერფეისის ელემენტს, მათ შორის ღილაკებს მოწინავე მახასიათებლებით, ეტიკეტები, სიები, მინიატურები, გამაფრთხილებელი შეტყობინებები, პროგრესი ბარები და JavaScript– ის რამდენიმე კომპონენტი, როგორიცაა დიალოგური ფანჯარა, კარუსელები, ხელსაწყოები, სიგნალები, ღილაკები და ა.შ..

ზოგიერთი კომპონენტი აფართოებს არსებული ინტერფეისის ელემენტების ფუნქციონირებას, მაგალითად, შეყვანის ველებისთვის ავტომატური სრულყოფილი ფუნქციის დამატებას.

Bootstrap- ის გამოყენების უპირატესობები

ბოლო რამდენიმე წლის განმავლობაში, Bootstrap გახდა უფრო პოპულარული წინა დონის ჩარჩო, რომლის გამოყენებით მილიონობით ვებ – გვერდია.

Bootstrapbay’s Christopher Gimmer- ის თანახმად, Bootstrap- ის გამოყენების ხუთი ძირითადი მიზეზი არსებობს.

Პირველი, Bootstrap ზრდის განვითარების სიჩქარეს. Bootstrap- ის ერთ-ერთი მთავარი უპირატესობაა განვითარების სისწრაფე.

Bootstrap- ის საშუალებით შეგიძლიათ გამოიყენოთ მზა კოდური ბლოკი და ჩარჩო ბრაუზერის შესაბამისობასთან ერთად, შეგიძლიათ სწრაფად შექმნათ ვებ – გვერდი. მზა Bootstrap თემების გამოყენება და მათი საჭიროებების შეცვლა მათ კიდევ უფრო მეტ დროს დაზოგავთ.

მეორეც, Bootstrap წარმოქმნის პასუხისმგებელ, მობილური მზა ვებსაიტებს.

მობილური მოწყობილობების პოპულარობის მუდმივი ზრდით და მობილური მონაცემების გლობალური მოძრაობის ზრდის ოპტიმისტური პროგნოზით, საპასუხო ვებსაიტზე განთავსება, რომლის საშუალებითაც შესაძლებელია მუშაობა მოწყობილობებით, რომლებიც განსხვავებულ ფორმა-ფაქტორებით ხდება, ძალიან მნიშვნელოვანი ხდება..

Bootstrap- ის ჩაშენებული RWD კომპონენტებით და სითხის ქსელის განლაგებით, რომელიც დინამიურად არეგულირებს მოწყობილობის ეკრანის რეზოლუციას, საპასუხო ვებსაიტების შექმნა დეველოპერის მხრიდან დამატებით ძალისხმევას არ მოითხოვს..

მესამე, Bootstrap- ის გამოყენებით უზრუნველყოფს თანმიმდევრულობას.

Bootstrap თავდაპირველად შეიქმნა თანმიმდევრულობის გასამყარებლად. Bootstrap უზრუნველყოფს თანმიმდევრულობას იმისდა მიუხედავად, ვინ მუშაობს პროექტზე. გარდა ამისა, შედეგები ერთგვაროვანია პლატფორმებში, ამიტომ გამომავალი რჩება იგივე, რაც სხვადასხვა ბრაუზერში.

მეოთხე, Bootstrap ადვილად დააკონფიგურიროთ.

Bootstrap შეიძლება მორგებული იყოს კონკრეტული პროექტების სხვადასხვა საჭიროების შესაბამისად. დეველოპერებს შეუძლიათ აირჩიონ Bootstrap- ის პერსონალური გვერდის გამოყენებით მათი საჭირო ფუნქციები და გადმოწერონ მხოლოდ ის მახასიათებლები, რომლებიც Bootstrap- ის პერსონალურ ვერსიაში მიიღებენ, ამ პროცესში კოდებს უფრო მგრძნობიარებასა და სისუფთავეს ხდიან..

მეხუთე, კარგი მხარდაჭერა.

საზოგადოების ზომისა და Bootstrap- ის პოპულარობის წყალობით, მხარდაჭერა კარგია. Bootstrap- ის ძირითადი გუნდი ასევე კარგი გამოვიდა დროული განახლების გამოქვეყნებაში, ხოლო განვითარების სამუშაოები უწყვეტია. მისი პოპულარობის გათვალისწინებით, ჩვენ არ ველით, რომ ეს მალე შეიცვლება.

დავიწყეთ Bootstrap– ით

თუ მზად ხართ დაიწყოთ Bootstrap- ის გამოყენების სწავლა, მაგრამ თქვენ უკვე არ იცით HTML და CSS, Bootstrap- ის შესწავლის პირველი ნაბიჯი არის HTML და CSS– ის საფუძვლების სწავლა..

ძირითადად, Bootstrap CSS საჭიროა მითითებული იქნას თქვენი HTML ფაილების თავში. JavaScript ფაილებს უწოდებენ თქვენი HTML ფაილების სხეულის განყოფილების ბოლოს. HTML- ს ამ ძირეულ სტრუქტურას Bootstrap თარგი ეწოდება.

Bootstrap– ის გამოყენებით ჩნდება CSS კლასების და JavaScript თქვენს HTML ელემენტებზე გამოყენებისას, ამიტომ საჭიროა CSS და HTML კარგი ცოდნა. საბედნიეროდ, ეს სერიოზული დეველოპერებისთვის არ გახდება პრობლემა.

Bootstrap განვითარების გარემო

Bootstrap- ის წინასწარი შედგენილი ვერსიის გადმოტვირთვისა და ამოღების შემდეგ, მიიღეთ Bootstrap ფაილის სტრუქტურა, რაც ძალიან მარტივია. Bootstrap ფაილები განლაგებულია სამ დირექტორიაში: css, js და fonts.

ამ ფაილის სტრუქტურა არის განმარტებული და მარტივია, რომ შედის ნებისმიერ ვებ – პროექტში. მზა გამოსაყენებელი CSS და JS ფაილების გარდა, Glyphicons შრიფტები ასევე შედის სურვილისამებრ Bootstrap თემასთან ერთად..

სანამ დაიწყებთ Bootstrap- ის გამოყენებას, თქვენ მოგიწევთ მისი ინტეგრაცია თქვენს განვითარების გარემოში. დეტალური ინსტრუქციები შეგიძლიათ ნახოთ ინტერნეტით სხვადასხვა პლატფორმისთვის, ასე რომ, Bootstrap- ის დამატება თქვენს განვითარების გარემოში ძალიან მარტივია.

Bootstrap რესურსები

პოპულარობის გამო, თქვენ არ უნდა შეგექმნათ უამრავი ხარისხის Bootstrap სასწავლო რესურსების ინტერნეტში მოძიება. საზოგადოება აყვავებულია და რეგულარულად ქვეყნდება ახალი რესურსები.

ამასთან, რადგან Bootstrap შედარებით ახალგაზრდა ჩარჩოა, თქვენ ვერ იპოვით უამრავ ქაღალდს. Bootstrap- ის რესურსების უმეტესობა ქვეყნდება ინტერნეტით, ასე რომ თქვენ არ მოელით თქვენს ადგილობრივ წიგნის მაღაზიაში.

GitHub არის კარგი ადგილი Bootstrap რესურსების ძიების დასაწყებად. გარდა ამისა, შეგიძლიათ იპოვოთ უამრავი Bootstrap სახელმძღვანელო და გაკვეთილები, რომლებიც გამოქვეყნებულია ინდივიდუალური დეველოპერებისა და პროგრამული კომპანიების მიერ. მათი ხარისხი შეიძლება განსხვავდებოდეს, ამიტომ დარწმუნდით, რომ შეარჩიეთ საზოგადოების მოსაზრებები მისი არჩევის დაწყებამდე.

უფასო ინტერაქტიული კურსები

პროგრამულისა და ჩარჩოების შესახებ კითხვისამ შეიძლება გაჩვენოთ ძირითადი გამოყენების მოდელები და წესები, მაგრამ იმისთვის, რომ მიიღოთ რეალური შეგრძნება, თუ როგორ ასრულებს ჩარჩო, უნდა ნახოთ იგი მოქმედებაში.

უფასო ინტერაქტიული კურსები საუკეთესო საშუალებაა რეალური ცხოვრების განსახორციელებლად, თუ როგორ ასრულებს ჩარჩო და რა შეუძლია მას.

ამ კურსებს აქვს ონლაინ შემდგენელი, ასე რომ თქვენ შეგიძლიათ შეასრულოთ და ნახოთ მაგალითები დაუყოვნებლივ:

  • შეამოწმეთ Bootstrap- ის საფუძვლები, Codecademy– ის სასწავლო სახელმძღვანელოს შესახებ ეს არის დამწყებთათვის მოკლე სახელმძღვანელო, რომელიც დაგეხმარებათ HTML– ის, CSS– ის ძირითადი ელემენტების საშუალებით და თქვენს ვებ – გვერდზე Bootstrap– ის დამატებით. ამ გაკვეთილზე გაჩვენებთ Bootstrap- ის ძირითადი სინტაქსი მისი ონლაინ შემდგენლით.
  • W3Schools Bootstrap 3 Tutorial არის ყოვლისმომცველი და ძალიან დეტალური ნაბიჯ-ნაბიჯ სახელმძღვანელო, სრული Bootstrap მითითებით CSS ყველა კლასის, კომპონენტის და JavaScript მოდულების შესახებ..
  • Tutorialspoint Bootstrap სამეურვეო არის ძალიან დეტალური, რაც მოიცავს თითქმის ყველაფერს, რაც თქვენ უნდა იცოდეთ Bootstrap- ს შესახებ, Bootstrap CSS– დან, განლაგების კომპონენტებით, მოდულების დანამატებით, დემო ვერსიით და სასარგებლო რესურსებით. ამ Bootstrap სამეურვეო ასევე შეიცავს ონლაინ შემდგენელს და ასევე ხელმისაწვდომია როგორც PDF ჩამოტვირთვა.

ინტერაქტიული კურსები უნდა მოგცეთ Bootstrap– ის საკმარისად გააზრება, რომ დაიწყოთ მისი გამოყენება თქვენს პროექტებზე, დიდი ძალისხმევის გარეშე..

ჩატვირთვის დემონები და დამატებითი რესურსები

მას შემდეგ, რაც Bootstrap ძალიან პოპულარული და ფართოდ გამოიყენება, რამდენიმე ვებგვერდის ცალსახა არ არის ადვილი, რომ აჩვენოს მისი ძალა და მახასიათებლები მოქმედებაში.

სწორედ ამიტომ, ჩვენ ამ არჩევანს Bootstrap- ის ძირითადი გუნდს მივუტოვებთ და მათ ოფიციალურ Bootstrap Expo- ს Bootstrap- ის მშვენიერი და ინსპირირებით მოვიყვანთ..

გახსენით მაგალითები და შეცვალეთ ბრაუზერის ფანჯრის ზომა, რომ ნახოთ Bootstrap- ის RWD თვისებები მოქმედებაში, გვერდის განლაგების დინამიურად ადაპტირება ეკრანის სხვადასხვა ზომისთვის.

თუ მზად ხართ Bootstrap- ის გამოყენებით და გჭირდებათ დამატებითი სასარგებლო რესურსები თქვენი პროექტებისთვის, შეამოწმეთ შემდეგი შემდეგი:

  • Bootstrap- ის ოფიციალური თემები Bootstrap- ის შემქმნელებისგან
  • ბაზრები პრემიუმით, კომერციული Bootstrap თემებით და შაბლონებით: creativemarket.com, wrapbootstrap.com, themeforest.net
  • უფასო Bootstrap შაბლონები და თემები: startbootstrap.com, shapebootstrap.net, bootstrapzero.com.

რა თქმა უნდა, Bootstrap– ის მრავალი სხვა რესურსი ხელმისაწვდომია ინტერნეტით, ხოლო საზოგადოება რეგულარულად ახდენს მათ ახალ წვლილს, ამიტომ საჭიროების პოვნა არ უნდა გახდეს პრობლემა.

Ebooks და Paperbacks

Bootstrap– ისთვის უამრავი ონლაინ რესურსია ხელმისაწვდომი, მაგრამ თუ წიგნს ან წიგნს ანიჭებთ უპირატესობას, არჩევანი შეზღუდულია.

თუმცა, ამდენი უფასო ონლაინ გაკვეთილებითა და რესურსებით, იქნებ უმჯობესია, პირველ რიგში, სცადოთ ეს რამდენიმე უფასო პროგრამა. მას შემდეგ რაც მათ დაეუფლეთ, შეგიძლიათ განიხილოთ რამდენიმე წიგნის ყიდვა.

თუ გირჩევთ ფიზიკურ ტექსტებსა და წიგნებს, აქ მოცემულია Bootstrap– ის რამდენიმე ტექსტი:

  • ნაბიჯ ნაბიჯ Bootstrap 3: სწრაფი სახელმძღვანელო საპასუხო საიტის განვითარებისათვის, რივანტო მეგგოინსაროს მიერ Bootstrap 3 გამოყენებით, არის ნაბიჯ-ნაბიჯ სახელმძღვანელო დამწყებთათვის. მიზანშეწონილია, თუ Bootstrap- ში სრულიად ახალი ხართ და ის საკმარისად მოიცავს, რომ დაიწყოთ.
  • დაწყება Bootstrap მიერ Syed Fazle Rahman კარგად შეეფერება დამწყებთათვის და შუალედური დეველოპერებისთვის, მოიცავს ყველაფერს, რაც გჭირდებათ Bootstrap- ის განხორციელებისთვის თქვენს ვებ – გვერდზე..
  • Bootstrap საიტის სქემები დევიდ კოქრანის და იან უიტლის მიერ არის დაწერილი დამწყებთათვის წინა შუალედური დეველოპერებისთვის. Bootstrap კომპონენტებისა და ფორმატის პერსონალურად მორგება.

სამივე ასევე ხელმისაწვდომია eBook ფორმაში, Kindle– სთვის.

მნიშვნელოვანი ბმულები

  • Bootstrap
  • Bootstrap on GitHub.
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map