8 საგანმანათლებლო პროექტი

"ოსტატი უფრო მეტ შეცდომას უშვებს, ვიდრე დამწყები ცდის"

ჩვენ გთავაზობთ 8 პროექტის ვარიანტს, რომელიც შეგიძლიათ გააკეთოთ „გართობისთვის“, რათა მიიღოთ რეალური განვითარების გამოცდილება.

პროექტი 1. Trello კლონი

ტრელოს კლონი ინდრეკ ლასნისგან.

რას გაიგებთ:

• მოთხოვნის დამუშავების მარშრუტების ორგანიზაცია (Routing).
• გადაათრიეთ და ჩამოაგდეთ
• როგორ შევქმნათ ახალი ობიექტები (დაფები, სიები, ბარათები).
• შეყვანის მონაცემების დამუშავება და შემოწმება.
• კლიენტის მხრიდან: როგორ გამოვიყენოთ ლოკალური მეხსიერება, როგორ შეინახოთ მონაცემები ლოკალურ საცავში, როგორ წავიკითხოთ მონაცემები ლოკალური საცავიდან.
• სერვერის მხრიდან: როგორ გამოვიყენოთ მონაცემთა ბაზები, როგორ შეინახოთ მონაცემები მონაცემთა ბაზაში, როგორ წავიკითხოთ მონაცემები მონაცემთა ბაზიდან.

აქ არის საცავის მაგალითი, დამზადებულია React+Redux-ში.

პროექტი 2. ადმინისტრაციული პანელი

Github საცავი.

მარტივი CRUD აპლიკაცია, იდეალურია საფუძვლების შესასწავლად. ვისწავლოთ:

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

პროექტი 3. კრიპტოვალუტის ტრეკერი (მშობლიური მობილური აპლიკაცია)

Github საცავი.

ყველაფერი: Swift, Objective-C, React Native, Java, Kotlin.

მოდით ვისწავლოთ:

• როგორ მუშაობს მშობლიური აპლიკაციები.
• როგორ მოვიძიოთ მონაცემები API-დან.
• როგორ მუშაობს მშობლიური გვერდის განლაგება.
• როგორ ვიმუშაოთ მობილურ ტრენაჟორებთან.

სცადეთ ეს API. თუ რამე უკეთესს იპოვით დაწერეთ კომენტარებში.

თუ გაინტერესებთ, აქ არის აქ არის გაკვეთილი.

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

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

მოთხოვნები:

• შეადგინეთ es7-დან es5-მდე (საფუძვლები).
• jsx-ის შედგენა js - ან - .vue to .js-ში (ჩამტვირთველების სწავლა მოგიწევთ)
• დააყენეთ webpack დეველოპერის სერვერი და ცხელი მოდულის გადატვირთვა. (vue-cli და create-react-app ორივეს იყენებენ)
• გამოიყენეთ Heroku, now.sh ან Github, ისწავლეთ როგორ განათავსოთ ვებპაკეტის პროექტები.
• დააყენეთ თქვენი საყვარელი წინასწარი პროცესორი css-ის კომპილაციისთვის - scss, less, სტილუსი.
• ისწავლეთ როგორ გამოიყენოთ სურათები და svgs ვებპაკეტით.

ეს არის საოცარი რესურსი სრული დამწყებთათვის.

პროექტი 5. Hackernews-ის კლონი

ყველა ჯედას მოეთხოვება საკუთარი Hackernews-ის შექმნა.

რას გაიგებთ გზაზე:

• როგორ ვიმოქმედოთ hackernews API-სთან.
• როგორ შევქმნათ ერთი გვერდიანი აპლიკაცია.
• როგორ განვახორციელოთ ისეთი ფუნქციები, როგორიცაა კომენტარების ნახვა, ინდივიდუალური კომენტარები, პროფილები.
• მოთხოვნის დამუშავების მარშრუტების ორგანიზაცია (Routing).

პროექტი 6. ტუდუშეჩკა

TodoMVC.

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

Ვისწავლოთ:

• შექმენით ახალი ამოცანები.
• შეამოწმეთ, რომ ველები შევსებულია.
• ამოცანების გაფილტვრა (დასრულებული, აქტიური, ყველა). გამოყენება filter и reduce.
• გაიგე Javascript-ის საფუძვლები.

პროექტი 7. დასალაგებელი ჩამოსაშლელი სია

Github საცავი.

ძალიან სასარგებლოა გასაგებად გადაათრიეთ და ჩამოაგდეთ api.

ვისწავლოთ:

• გადაათრიეთ და ჩამოაგდეთ API
• შექმენით მდიდარი ინტერფეისები

პროექტი 8. მესენჯერის კლონი (მშობლიური აპლიკაცია)

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

რას შევისწავლით:

• ვებ სოკეტები (მყისიერი შეტყობინებები)
• როგორ მუშაობს მშობლიური აპლიკაციები.
• როგორ მუშაობს შაბლონები მშობლიურ აპლიკაციებში.
• მოთხოვნის დამუშავების მარშრუტების ორგანიზება მშობლიურ აპლიკაციებში.

ეს საკმარისი იქნება თქვენთვის ერთი-ორი თვის განმავლობაში.

თარგმანი კომპანიის მხარდაჭერით განხორციელდა EDISON პროგრამული უზრუნველყოფარომელიც პროფესიონალურად არის დაკავებული აპლიკაციებისა და ვებსაიტების შემუშავება PHP-ში მსხვილი მომხმარებლებისთვის, ასევე ღრუბლოვანი სერვისების და მობილური აპლიკაციების განვითარება Java-ში.

წყარო: www.habr.com