React Native: Learn & Practice

Code Play

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

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

ისწავლეთ React Native მოკლე ახსნა-განმარტებებით, პრაქტიკული კოდის მაგალითებით და მცირე გამოწვევებით. გაეცანით 148 გაკვეთილს 10 მოდულში, გახსენით მაგალითი კოდირების მოედანზე და შეცვალეთ ის, რათა გაიგოთ, თუ როგორ მუშაობს ინტერფეისი.

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

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

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

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

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

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

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

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

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