Bootstrap Code Play

Code Play

შეიცავს რეკლამას

ამ აპის შესახებ

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

წაიკითხეთ, შეცვალეთ, წინასწარი დათვალიერება
აირჩიეთ თემა, წაიკითხეთ, როგორ მუშაობს ის, შემდეგ შეეხეთ „სცადეთ“-ს, რომ გახსნათ მისი მაგალითი რედაქტორში. შეცვალეთ კლასი, შეცვალეთ შინაარსი ან დაამატეთ ელემენტი. გახსენით წინასწარი დათვალიერება შედეგის შესამოწმებლად, შემდეგ დაუბრუნდით Code-ს კიდევ ერთი ექსპერიმენტისთვის.

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

აირჩიეთ სასწავლო ბილიკი
შეისწავლეთ Bootstrap 5.3.8 ბილიკი, ან შეისწავლეთ Bootstrap 4.6.2 და 3.4.1 ძველი პროექტებისთვის. ძველი ტრეკები სიცოცხლის ბოლო ვადაა და განკუთვნილია სწავლისა და მიგრაციისთვის. ცალკე Bootstrap 6 ალფა ტრეკი ექსპერიმენტულია; მისი წინასწარი გადახედვა მოითხოვს ინტერნეტზე წვდომას და თანამედროვე WebView-ს.

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

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

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

აპლიკაცია მოიცავს რეკლამას. გარე რესურსებზე მითითებულ მაგალითებს სჭირდებათ ინტერნეტ კავშირი; დისტანციური რესურსების ხელმისაწვდომობა შეიძლება განსხვავდებოდეს.